Medicare is a fully dynamic, well structured and beautiful Responsive WordPress Theme which is specifically designed for hospitals, health clinics, dentists and everyone else involved in health services.
The theme features a blue background and an easy to navigate layout to help patients find information.
The Medicare Theme is responsive and highly customizable. Not only is it a highly suitable theme for doctors, dentists, stomatology, medical practices, hospitals, surgeons, health clinics, paediatrics, psychiatrist, veterinary clinics and other medical organizations related practices but it is also suitable for any kind of website - conference, environmental, charity, nonprofit, gym, political, activist, business, spa and shop.
Medicare is a fully responsive theme with a modern flat-style design. The theme offers plenty of customization options, from services pages to contacts and widgets to color options and shortcodes.
There are two Header Layouts to select and Sticky Header - a fixed header when scrolling.
Medicare is a WordPress theme created for medical websites with a clean, responsive layout. The theme includes a slider and wide range of elements and features created for medical-related sites, such as medical services, doctor information, a timetable and the ability to make appointments.
It has purpose oriented design, responsive layout and comes with special features to manage appointment forms, facilities, services, doctors, department management and testimonials. It is suitable for users with zero programming skills as well as advanced developers.
Disclaimer: We offer limited support for theme customers. We only provide support for our themes and their core features. We cannot guarantee our themes will work properly with all third party plugins and server environments. If you plan on adding numerous plugins to this theme then please note, We cannot facilitate support for any conflicts that might arise with this theme's default functionality. The Medicare WordPress theme is presented as it is.
Theme Features
Responsive – This theme is responsive to give a perfect user experience on all devices.
One Click Demo Import – Easiest and fastest way to build your website, one click import pages, post, blog, products, revolution slider, widgets, theme options and more!
Boxed or full width layout – This can be set globally or even per page!
Built on Twitter Bootstrap – medicare uses Twitter Bootstrap. This means that a range of shortcodes are automatically supported. For ease of use you can use the Visual Composer, Easy Bootstrap Shortcode or any other plugins to easily add visuals to your website.
Slider Revolution plugin included – This theme includes the Slider Revolution plugin, saving you $18.
Visual Composer plugin included – This theme includes the Visual Composer plugin, saving you $33.
Contact Form 7 plugin– this theme includes Contact Form 7 plugin which allows you to manage all your contact forms.
Built with Less .css
Shortcode Support.
Demo content included!
Unlimited Color Options.
Moveable & Unlimited Sidebars – Move the sidebar to the left, the right, or hide it entirely for a full width page or post! (global or page/post specific).
Designed with HTML5 and CSS3.
Customizable Design & Code.
All installed Extensions are included.
Cross Browser Support.
Detailed Documentation Included.
Full Support.
+ many more features.
More features coming soon.
Installing the Theme
Installing Medicare Theme
Note: Before beginning the installation and configuring of your new theme, you must first have WordPress already installed on a server.
This video tutorial is similar to Medicare Theme. You can watch it on how to install Wordpress.
You can install this WordPress theme using two installation methods:
Using WordPress Administration Panel.
Copying theme files via FTP.
METHOD 1
Using medicare.zip found in ZIP file you downloaded from Themeforest you should perform the following steps:
Login to WP admin.
Go to Appearance > Themes Option and click on it to load new page.
Select Add New tab at the top of the panel to load new page.
Click on Upload Theme option at the top of the panel to load new page.
Click on Browse button and locate medicare.zip on your file system.
Click on Install Now.
Once installation is complete you can activate Medicare theme.
After activating Medicare theme, click Begin installing plugins.
(1) Click on square radio button of Plugin to select all plugins. (2) Select Install then (3) click Apply
Click on Return to Required Plugins Installer
(1) Click on square radio button of Plugin to select all plugins. (2) Select Activate then (3) click Apply
METHOD 2
Note: If you are using FileZilla, make sure to fix it as described below before you copy the files:
Using Medicare directory found inside of medicare.zip file located inside ZIP file you downloaded from Themeforest you should perform the following steps:
Using FTP client you should login to server where your WordPress web site is hosted.
Using FTP client you should navigate to /wp-content/themes/directory under your WordPress web site’s root directory.
Using FTP client upload Medicare directory to themes directory on remote server.
Once installation is complete you can activate Medicare Theme.
This video tutorial is similar to Medicare Theme. It will show you how to install new Medicare Theme.
Importing Demo Content
Importing demo partial data
Install plugin:
Install Wordpress Importer Plugin.
Install Widget Data - Setting Import/Export Plugin.
Content import:
From the WordPress menu, select Tools > Import > Wordpress
Click Install Now and Activate Plugin & Run Importer
Click Browse then select sample.xml
Click Upload File and Import
You can create new user with login name (1) or assign posts to an exiting user (2). (3) for Download and import file attachments. Finally, click Submit to finish importing sample data process.
Widget setting import:
Select file widget_data.json from package.
Import completed.
Revolution slider import:
Please repeat the same way in importing for the rest file.zip.
Click button import.
Select file revolution slider .zip from package.
Import completed.
Options import:
Open and copy content file option.json for import from package.
Click Import from File > Ctrl + V > click Import > click Save Changes
Import completed.
Choose HomePage:
Select front page display.
Assign menu.
Upgrading Medicare Theme
Note:If you are using FileZilla, make sure to fix it as described below before you copy the files:
Copy/Replace the content of Medicare folder to /wp-content/themes/medicare folder of your web site.
Feel free to ask us any questions about using features Medicare theme offers.
Increasing the upload_max_filesize in WordPress via php.ini
The default upload file size for WordPress is 2 MB, which is a problem if you want to upload a large media files. If you get this error, "The uploaded file exceeds the upload_max_filesize directive in php.ini", follow these steps:
Locate the php.ini file inside the wp-admin directory.
Find this line in the php.ini file "upload_max_filesize = 2M" and replace it with a higher value (e.g. "upload_max_filesize = 64M").
You may also want to increase your max post size. Look for this line in your php.ini file "post_max_size" and increase it as well.
Save the changes to the file inside your wp-admin directory.
Try the upload again.
If you still have issues, look for this file in your root directory and make the same changes.
Increasing the upload_max_filesize in WordPress via.htaccess
If you get this error, "The uploaded file exceeds the upload_max_filesize directive in php.ini", follow these steps:
Locate the .htaccess file inside the root directory or installed folder.
Open or create the .htaccess file in the root folder and add the following code:
This video tutorial is similarity to Medicare Theme. It will show you how to Activate Plugins and Import Data Medicare Theme with just one click.
If you would like to learn the best practice of using Medicare theme, you can import content from our demo web site. Importing theme is performed using XML file located in theme ZIP file downloaded from Themeforest and following these steps:
How To Install A WordPress Child Theme
A WordPress child theme functions as a “skin” of a framework also called the parent theme. The child theme inherits the functionality of the parent theme, and allows the developer to pick and choose between tons of functionality that the parent theme has to offer. Now, we want to show you how you can install a WordPress Child Theme.
Login to your WP-admin Panel, and click on Appearance » Themes
Click on the Add New Theme > Upload Theme
Select the .zip file that you downloaded, and click Install Now.
Once you have uploaded both the parent and the child theme, now you can go ahead and activate the Child Theme. You can do so by going to Appearance » Themes and activating the Child theme.
Select menu for FAQ 1-6 (if it is not imported)
The rest FAQ pages are similar.
Theme Options
The options panel is home to all of the theme's extensive configuration options. To view the panel, navigate to 'Theme Options' in the left-hand menu. Here you have the ability to alter many core aspects that make up how your theme looks and behaves. Any of the options that have some ambiguities to them conveniently have descriptions to explain their purpose.
Editing & Creating Content
Changing Your Logo:
Select the Theme Options > Logo option from your WordPress admin.
Click on the Upload button to bring up the WordPress image uploader.
Choose the image if you've already uploaded it or upload the image for the first time.
Click on the Save All Changes button to save your new theme settings.
Note: You should use a .png image
Changing Your Favicon:
Select the Theme Options > Favicon option from your WordPress admin.
Click on the Upload button to bring up the WordPress image uploader.
Choose the image if you've already uploaded it or upload the image for the first time.
Click on the Save All Changes button to save your new theme settings.
Note: You can create a favicon using Photoshop. Create a 16x16 pixels image and save it as favicon.png or favicon.gif.
This video tutorial is similarity to Medicare Theme. It will show you how to change the logo on your new Medicare installation.
Changing Your Logo:
Select the Theme Options > Logo option from your WordPress admin.
Click on the Upload button to bring up the WordPress image uploader.
Choose the image if you've already uploaded it or upload the image for the first time.
Click on the Save All Changes button to save your new theme settings.
Note: You should use a .png image
Changing Your Header:
Select the Theme Options > Header option from your WordPress admin.
Header Layout: Choose header layout for your site.
Manage Location: Select manage location of menu in this header: Main or Auto.
Select Main Navigation to show Menu:
Stick Header: Enable a fixed header when scrolling.
Click on the Save Changes button to save your new theme settings.
Changing Your Main Menu:
Select the Theme Options > Main Menu option from your WordPress admin.
First Level and Sub Level have same options that is setting font and padding. Typography option with each property can be called individually.
Click on the Save Changes button to save your new theme settings.
Styling Options:
Select the Theme Options > Styling Options option from your WordPress admin.
You can choose Primary Color (These are colors that cannot be created through the mixing of other colors. They are colors in their own right.) and Secondary Colors (Primary colors can be mixed together to produce Secondary Colors) for several items, ex: link hovers, highlights, and more. (default: #00B5A6).
Click on the Save Changes button to save your new theme settings.
Typography:
The Typography option allows you to change the font aspects of your site, such as font size, family, and weight.
Select the Theme Options > Styling Options option from your WordPress admin.
You can specify the body, H1 to H6 font properties by changing value of Font family, Font subsets, Font size, Font weight & style, etc.
Click on the Save Changes button to save your new theme settings.
Title Bar:
Select the Theme Options > Title Bar option from your WordPress admin.
You can change background with image, color, etc in Page Title Background
You can change the value of margin, padding in Page Title Margin and Page Title Padding
Enter subtext of page title bar in Page Tite Subtext box.
Enter delimiter of page breadcrumb in title bar in Delimiter
Click on the Save Changes button to save your new theme settings.
Footer:
Select the Theme Options > Footer option from your WordPress admin.
Footer Top & Footer Bottom give you many options about Background, Margin, Padding, Text Color, etc. You can change color or number for these options to custom your site footer.
Footer Top/ Bottom Columns: Select the number of columns you wish. Here we have 4 options for Footer Top and 2 options for Footer Bottom.
Footer Top/ Bottom Column 1: Enter class bootstrap and extra class. Ex: col-xs-12 col-sm-6 col-md-3 col-lg-3 el-class.
Similar to the rest Column options.
Click on the Save Changes button to save your new theme settings.
Post Settings:
Select the Theme Options > Post Setting > Title Bar option from your WordPress admin.
You can show or hidden page title and page breadcrumb in page title by clicking on "On" or "Off" button.
Click on the Save Changes button to save your new theme settings.
Select the Theme Options > Post Setting > Blog Post option from your WordPress admin.
Select Layout: You can either choose to display your blog posts in a grid or a full width layout.
Content Column: Enter class bootstrap and extra class to create as many content columns as you wish.
Sidebar Right: Select sidebar right in blog.
Sidebar Right Column: Enter class bootstrap and extra class to create as many Sidebar right columns as you wish.
Show Featured Image: This option allows you to choose whether or not you would like thumbnail images to appear in your blog module.
Show Title: Choose whether or not you would like to display the title of each blog post.
Show Meta: Choose whether or not you would like to display the meta of each blog post.
Show Excerpt: Showing or not the excerpt will only display your excerpt text.
Read More Text: Your blog module will appear with a label "Read more" in the builder. The label allows you to enter the text in blog.
Click on the Save Changes button to save your new theme settings.
Select the Theme Options > Post Setting > Single Post option from your WordPress admin.
Show Description: Choose whether or not you would like to display the description of each single post.
Show Navigation: Choose whether or not you would like to display navigation of each single post.
Show Tags: Choose whether or not you would like to display tags of each single post.
Show Author: Choose whether or not you would like to display the author of each single post.
Show Comment: Choose whether or not you would like to display comment of each single post.
The rest options below are similar to Blog post's options above.
Click on the Save Changes button to save your new theme settings.
Page Settings:
Select the Theme Options > Page Setting option from your WordPress admin.
Choose whether or not you would like to display page title, page breadcrumb and page comment of your page.
Click on the Save Changes button to save your new theme settings.
Custom CSS:
Select the Theme Options > Custom CSS option from your WordPress admin.
Add new CSS class or JS to your website, add it in this text box. This will add/overwrite the theme CSS,JS, so please be careful!
Click on the Save Changes button to save your new theme settings.
Import/ Export:
Select the Theme Options > Import/Export option from your WordPress admin.
One Click Demo Import – Easiest and fastest way to build your website, one click import pages, post, blog, products, revolution slider, widgets, theme options and more!
Click on the Save Changes button to save your new theme settings.
Widgets
Medicare Theme comes with following custom widgets:
Sidebar - here you can add anything to the left side of page.
Left Sidebar , Right Sidebar, Header Top Widget 1, Header Top Widget 2, Header 2 Top Widget 1,Header 2 Top Widget 2 - here you can add content to footer columns (1-4)
Flexibility customized font
By default, the template loads this font from Standard Font, you can change the font with the one that suits you best.
Shortcodes
Pages/Posts are built using shortcodes accessed by clicking medicare menu in the top right of the Add new Element . All shortcodes are in menu listed alphabetically.Head Section.
Adding Shortcode & Configuration
Adding Shortcode
Go to WordPress Admin > Pages > All Pages
Select the Page you want to add Shortcode then press Edit button
Here is an example:
Go to WordPress Admin > Pages > All Pages > About > Edit
Click Add element button
Select Shortcode you want to add
For instance, I select Service Box element.
Configuration
After selecting Shortcode, you have this box to configue:
Enter description in this element. Example : We choose icon shutterstock-166641992-converted . add: icon icon-shutterstock-166641992-converted
Template service_box shortcode:
Add an extra link for this element & a class name you wish to style particular content element differently and remember refer to it in your CSS file.
Add a class name you wish to style particular content element differently and remember refer to it in your CSS file.
To Configue A Shortcode
For instance, go to WordPress Admin > Pages > All Pages > Homepage 01 > Edit
In Revolution Slider, click Edit button
We have Revolution Slider Settings
Enter Widget title
Add a class name you wish to style particular content element differently and remember refer to it in your CSS file.
Select Revolution Slider
Remember Save Changes to finish configuration.
Revolution Slider
Create a responsive (mobile friendly) or full width slider with must-see-effects and meanwhile keep or build your SEO optimization (all content always readable for search engines). See the heaps of custom transitions/animations for each object on the page!
Customize this slider with our convenient drag & drop back-end to your every needs. This plugin features tons of unique transition effects, an image pre-loader, video embedding, auto-play that stops on user interaction and lots of easy to set options to create your own effects.
From the plugin's main admin page, select New Slider.
Enter a Slider Title and Alias
The slider's Title can be anything, but the Alias should not have any special characters or spaces (but dashes and underscores are ok).
Select a Slider Type and Slider Layout
Before saving, you can select several of the slider's settings from this page. But choosing these settings are not required to officially create a new slider, as they can be adjusted afterward.
Slider Setting Options
1.General Settings
1.1 Slider Show
Stop Slide on Hover: Stop slider progress when the user hovers their mouse over the slider.
Stop Slider After..
+ Amount of Loops: Stop the slider after all slides have looped a set amount of times.
+ At Slide: Stop the slider at a specific slide.
Shuffle / Random Mode: Stop slider progress when use hovers their mouse over the slider.
Loop Single Slide: Stop slider progress when use hovers their mouse over the slider.
Stop Slider out of Viewport: Stop slider when the page is scrolled and the slider is no longer visible.
+ Out of Viewport: Wait - Only start the slider when its scrolled into view (useful for sliders further down the page). Pause - Pause the slider when its scrolled out of view.
+ Area out of Viewport: A percentage of the slider that needs to be inside/outside the viewport before slider starts or pauses.
1.2 Defaults
Set the default individual slide settings. For example, let’s say you always want your individual slides to start off with a “Slide to Top” transition. Adjusting the “Transitions” value will set it up so all new slides have have a “Slide to Top” transition by default. Or if you already have individual slides created, you can change the value of “Transitions” and then select its checkbox, and then click the “Overwrite Selected Settings on all Slides” button, and the main transition for all existing slides will be changed to the new default value.
1.3 Progress Bar
The timer line that illustrates the amount of time before the next slide is shown. If active, choose the progress bar’s position (top or bottom of slider), its height in pixels, and also its color and transparency level.
1.4 First Slide
Alternative 1st Slide: Normally the slider will always start with slide #1. But if you’d like your slider to start with a different slide, enter the slide’s number here.
First Transition Active: Sometimes when your slider first starts, it’s more elegant to have a different transition such as a simple fade at the very beginning. Use this option if you’d like to specify a special, initial transition for the very first slide. When set, the special transition will only be executed on the very first slide once. Then once the slider loops, the original slide will default back to its individual slide transition settings.
1.5 Misc
Next Slide on Focus: Browser behaviour varies when switching between windows/tabs (JavaScript stops executing, etc.). But the “Next Slide on Focus” option will often correct slider issues related to switching between tabs and windows.
2. Layout & Visual
2.1 Appearance
Shadow Type: Shadows will be shown beneath the slider. Choose between 6 different styles, or choose “No Shadow” (the default option). And preview the Shadow Type as shown in the Primer section above.
Dotted Overlay Size: Dotted overlays are transparent grid-like graphics that will be placed above the slides, giving the slider a “mesh” type look (4 styles available). Preview the options as shown in the Primer section above.
Slider Background: The slider’s main background. Normally if your individual slides have their own background images, the slider’s main background would only be visible when the slider first loads, and before the first slide displays. But setting a background here for the slider itself is particularly useful for when you’re using “Transparent” slides (slides with no background image). Choose a solid color or set an image as the background. Apply some padding to give your slider a border. And set specific background image options such as Background Fit, Background Repeat, and Background Position.
2.2 Spinner
The slider's animated preloader graphic: The spinner will be shown when the slider first loads, and also for additional slides if LazyLoad is being used. Choose between 6 different spinner styles, or choose “Off” for no spinner.
2.3 Mobile
Disable Slider on Mobile: Choose to disable the entire slider on mobile devices. If disabled, you can replace the slider with a simple fallback image.
Disable Ken Burn on Mobile: The Ken Burns effect is an advanced animation that looks great on desktop computers, but for mobile devices, providing a more simple slider can sometimes be a better user-experience. Depending on your preference, toggle the KenBurns effect on and off for mobile with this setting.
Hide Element Under Width: Choose to hide the entire slider, individual layers, or all layers when the screen size is below a specific pixel width (i.e. 640px, etc.). Hiding layers is useful for when lots of content displays nicely on desktop, but there isn’t really enough real estate (screen space) to fit everything on mobile. “Predefined Layers” are specific layers you’ve designed to “hide” under the pixel width set here for this setting.
2.4 Position
Position on the page: The default alignment for the slider. Options are “left”, “center” or “right”.
Margin Top, Margin Bottom: Add some space above or below the slider in relation to other content on the page. Both positive and negative numbers supported.
Position: Under the position toggle you can edit the alignment and the margins of the slider.
Appearance: From here you can choose a slider shadow, show or hide the slide timer, add a dotted overlay, select a slider background color, add a slider border and/or upload a custom slider background image (complete with fit, repeat and positioning options).
Spinner: Use this option to choose which loading image you want to use for your slider. There are 5 spinners to choose from.
Mobile Visibility: You can choose to hide your responsive slider (or certain layers) on small browsers or devices. Use the mobile visibility options to set a minimum browser size (note: this option is only for the responsive slider layout).
3. Navigation
3.1 Arrows
Enable Arrows / Arrow Style: Choose to enable/disable navigation arrows, and if enabled, choose between 15 different pre-built styles.
Visibility: Always Show: Yes = Show navigation element at all times. No = Only show navigation element on mouse hover
Hide Under Width: Disable navigation element below a certain screen width. For example, thumbnails look great on desktop, but are often better hidden on smaller screens.
Hide Over Width: Disable navigation element above a certain screen width.
Combining these two options is particularly useful for switching between two different navigation types depending on the screen size: Tabs -> Hide Below Width -> 850px Bullets -> Hide Over Width -> 850px RESULT: Tabs will be shown above 850px screen size (desktop) Bullets will be shown below 850px screen size (mobile)
+Horizontal Align: Align navigation to the left, right or center of the slider.
+Horizontal Offset:Apply a left/right margin to the navigation in relation to its horizontal alignment (positive and negative numbers supported).
+Vertical Align: Align navigation to the top, bottom or middle of the slider.
+Vertical Offset: Apply a top/bottom margin to the navigation in relation to its vertical alignment (positive and negative numbers supported).
3.2 Bullets
Enable Bullets / Bullet Style: Choose to enable/disable navigation arrows, and if enabled, choose between 15 different pre-built styles.
Space / Direction: Set the spacing between the bullets in pixels, and choose if the bullets should be displayed horizontally (bullets displayed side by side) or vertically (bullets placed on top of one another) .
Visibility, Position: See "Common Navigation Options" above.
3.4 Tabs / Thumbs
Wrapping Container:
+Wrapper Padding: Space between edge of slider and edge of thumbs/tabs container.
+Span Wrapper: "ON": thumbs/tabs will always be stretched across the full size of the slider. "OFF": thumbs/tabs will be stretched to the slider’s Layers Grid.
+Wrapper Color / Opacity: Adjust the color and opacity of the tab/thumbs section. Will only be visible if either “Space” or “Wrapper Padding” exists.
Style, Visible Amount, Space & Direction:
+Style: Choose between 7 different pre-built styles.
+Visible Amount: The amount of thumbs or tabs that will be visibly shown. For example, if you have 7 slides, but only want 3 thumbnails to be displayed, technically the thumb strip will still contain 7 items, but only 3 thumbs will be visible at any given time, and the additional thumbs will only be shown on mouse-movement.
+Space / Direction: Set the spacing between the tabs/thumbs in pixels, and choose if the they should be displayed horizontally (side by side) or vertically (placed on top of one another) .
Width, Height, Min. Width: Set the tab/thumb width and height. The width will act as a “Max Width”, and the “Height” will resize proportionally. For example, let’s say the slider itself was resized down by 50% for mobile. If the thumb width/height were set to 100×50, the thumb size would also be resized down by 50%, and the new thumb width/height would be 50×25. However, this is where the “Min Width” value is useful. For example, let’s say the thumb width/height were set to 100×50. If the “Min Width” were also set to “100px”, the thumbnails would never resize down.
Visibility, Position: See "Common Navigation Options above".
3.5 Touch
Touch Enabled: Choose to enable/disable touch navigation for mobile. If enabled, swiping the slider left or right with your finger will change slides back and forth.
Drag Block Vertical: Allow for the page to be scrolled vertically when “touch” is enabled. For example, when “ON” is applied, “swiping” the slider in a vertical direction will also scroll the page itself. But when set to “OFF”, the page itself will not be scrolled when swiping the slider in a vertical direction.
Swipe Threshold, Min. Finger:
+Threshold: The swipe action sensitivity. A smaller number would mean that only a short “swipe” is needed for the slide to change. A larger number would mean that a more elaborate “swipe” would need to take place for the slide to change.
+Min. Finger: The number of fingers needed for a “swipe” action to be registered. “1” finger is usually best, as that’s what most users are used to, but depending on your site you can require that users use two fingers to “swipe”, etc.
Swipe Direction:
+Horizontal: Traditional left-to-right touch-swipe navigation.
+Vertical: Useful for when your slide animations are set to “Slide Vertical (Next/Previous)”. In this case, swiping up or down would change the slides.
3.6 Misc
Keyboard Navigation: Choose to enable arrow keys to navigate between slides.
Key Direction:
+Vertical: Up and down keys will act as “next / previous” controls for the slider.
+Horizontal: Left and right keys will act as “next / previous” controls for the slider.
Mouse Scroll Direction: Capture mouse-wheel movement to change between slides.
4. Parallax
Parallax can be used to apply movement to slide content based on mouse or scrolling.
Enable Parallax / Disable on Mobile: Choose to enable the parallax effect for the slider, and if enabled, choose to disable the effect for mobile only (since parallax is based on mouse movement and page scrolling, parallax usually works best on desktop computers).
Mouse Sensibility:
+Event:: Choose “Mouse Move”, “Scroll Position” (page scrolling) or “Move & Scroll” (first two combined).
+Parallax Origin: “Mouse Enter Point” – Parallax is based on where the mouse first entered the slider. “Slider Center” – Parallax is always based on the very center point of the slider (usually the best option).
+Animation Speed: The transition duration for the content’s movement. Use a lower number such as “750” for fast movement, and a higher number such as “2000” for smoother motion.
Parallax Levels: Each individual layer can be assigned a “Parallax Level”. And you can define up to ten different “levels”. Applying different levels to different slide layers is what gives the content its “depth” in relation to other parallax layers. In this example, you’ll notice that some content layers have less movement than others. This is because the different layers have different “Parallax Levels” assigned. When choosing your parallax level values, a smaller number would mean less movement, and a higher number would allow for a larger amount of movement.
5. Performance and SEO Optimization
5.1 Performance
In this section you can choose from multiple Lazy Loading options to help speed up the slider’s initial loading, and also evaluate your slider’s overall file-size footprint, which is helpful for making sure all of your images are reasonably sized for web.
Lazy Load
All: Load all images in the slider after the page initially loads, ensuring no delays between slide content when switching between slides. Best for sliders with advanced navigation such as thumbnails, bullets and tabs.
Smart: Load images from the very first slide after the page initially loads, and also preload images from neighboring slides. For example, when the slider first loads, the 2nd slide will be preloaded in anticipation of the slider changing. And then once the 2nd slide is viewed, the 3rd slide would then be preloaded, and so on. A great option for sliders that only contain basic navigation, where progression is always “next” or “previous”.
Single: Always load slide content “on demand”. Meaning only the first slide will be initially loaded, and subsequent slides will only be loaded when it’s their turn to be shown in the slider.
No Lazy Loading: All content will be loaded when the page first loads. Often ok for sliders with minimal content. Not recommended for sliders with lots of slides and/or content.
5.2 SEO Optimization
Choose to load images in a “No Script” tag for optimal SEO.
Overall Slider Performance
The green bar shown in the screenshot to the right is a general evaluation based on your LazyLoad choice, and the average image sizes you’re using in the slider. Toggle between the LazyLoad options to see the estimated Load Speed between common internet speeds such as DSL, Cable (T1), etc.
Show Full Statistics: View a detailed listing of Image Performance, Google Fonts, etc.
Show All Issues: View items that could be slowing down your slider. In the example screenshot to the right, the background image being used for the first slide is 1.7mb, which is much larger than it should be for web. Reducing the file size for this image in Photoshop (using the Save for Web option) to a more reasonable size such as 300kb or lower will dramatically improve the slider’s performance. show-all-issues
6. Problem Handlings
6.1 Fallbacks
For compatibility with older mobile devices and legacy IE, you can choose to simplify the slider’s functionality or replace it with an alternative image.
Simplify on iOS4/IE8: Animations will be set to simple “fade” for older iOS and IE, which will will dramatically improve performance for these environments.
Use Alternative Image: Choose to use an alternative image in place of the slider for mobile devices, IE8, or both. When an alternative image is used, enter the image’s absolute url into the “Alternative Image” field.
6.2 Troubleshooting
Use the troubleshooting options to solve common conflicts with other plugins and themes.
jQuery No Conflict Mode: Using jQuery noConflict is considered best practice for WordPress, and Slider Revolution uses this by default. But sometimes another theme or plugin may not be built using this best practice, which can often cause a conflict. In these cases, setting this option to “OFF” can sometimes resolve this issue.
Put JS Includes to Body: Often solves conflicts with “minify” plugins and also certain themes that don’t call “wp_head()” properly.
Output Filters Protection: Sometimes a theme runs special filters over the page’s content (against WP best practices), which results in breaking the slider’s HTML markup (if you view the slider’s HTML source in your browser, you’ll often find “
” tags injected throughout the slider’s markup). The “Output Filters Protection” option will attempt to combat this conflict. “By Echo Output” will often place the slider above all other content on the page, which is fine for sliders that are originally placed above the other page’s content to begin with, but when the slider is meant to be shown below other page content, “By Compressing Output” is best.
Debug Mode: Adds visual debug information when testing the frontend version of the slider.
7. Google Fonts
Chances are your theme is already loading Google Fonts that you can use for your slider’s text, but you can also load whatever new Google Fonts you want for your sliders. To get started, click the Add New Font button.
Next, visit the Google Fonts website and choose a font you wish to use. Then click the Quick Use icon.
Then copy the font slug from the url as shown in the following screenshot (after the “font=” part, and without the single quote character).
Then paste the Google Font slug into the slider’s Add New Font field.
And now the Google Font will be available for your slider’s Layer text.
8. Import/ Export/ Replace
8.1 Import
Overwrite current slider settings and slides with those from the imported slider zip.
Browse
Select the slider import zip from your computer.
Custom Animations / Static Styles
Overwrite: Overwrite previous styles and animations with those from the imported slider.
Append: Preserve previous styles and custom animations (usually the best option).
8.2 Export
Export the current slider, creates a “zip” file that can be saved to your computer for later usage (i.e. “imported” to a different website).
8.3 Replace
Image URL’s in your sliders are stored as absolute urls, so if you’re moving your site from one domain to another (such as localhost to a live site), this tool can be used to update urls for the slider’s images with the new site’s domain name.
Replace From: The base url from the old site’s domain.
Replace To: The base url of the new site’s domain.
9. API Functions
Extend the slider’s functionality with API methods and events.
Extend the slider’s functionality with API methods and events. All of the available methods and events are listed in this section of the slider’s settings, and can be copied and pasted directly from this section into the slider’s Custom JavaScript section.
Each slider will have its own unique API variable which is based on the slider’s ID. In the screenshot to the right, the API variable is “revapi5”, but this will vary depending on your particular slider.
Hover your mouse over each code sample for brief explanations of each method or event.
Click Save settings.
Create a new slide:
To create a new slide, hover your mouse over the Add Slide box and then choose one of the options listed below:
Add Blank Slide: Create a new slide with default settings.
Add Bulk Slides: Create multiple slides at once, based on a selection of media gallery images of your choice. And a new slide will be created for each image you’ve chosen, with the selected image set as the slide’s main background image.
Click the Change Image button to select an image you’ve already uploaded, or to upload a new image for the slide.
Select Slide Image from Upload File or Media Library then click Insert
Add layers over background image.
Click on Save Slide to finish.
ADD SLIDER TO MY PAGE
I’ve created a slider, but how do I add it to my page?
The Shortcode Method
From the WordPress menu, select Pages and then Edit for the page you want to add the slider to. Then follow the steps are shown in the screenshot below:
For example, if you want to edit About page,
Select your Slider from the Dropdown Box. After selecting your Slider, the Shortcode will automatically appear inside the editor.
With Visual Composer
If you happen to have Visual Composer installed, Revolution Slider can be added from one of Visual Composer’s content options.
Follow the steps are shown in the screenshots below:
Then click Add element button.
Then choose Revolution Slider item.
Add text used as Widget Title (1)
Add a class name you wish to style particular content element differently and remember refer to it in your CSS file (3)
Select your Revolution Slider (2)
Click Save Changes to finish your editing (4)
The Widget Method
Your theme will have to support widgets in order for this to work. Often widgets are reserved for “Sidebar” content, but your theme may also use widgets for predefined areas of a page, such as “Homepage Slider”. To use the widget method, from the WordPress main menu, hover your mouse over the “Appearance” menu item and then select “Widgets”. In your list of “Available Widgets”, you’ll see one of the options is “Revolution Slider” as shown in the screenshots below:
Click and drag the Revolution Slider into one of your predefined available widget content areas:
You also can rearrange the order of these items.
Then open the Revolution Slider tab and choose your options:
Enter Title (1)
Choose Slider you wish to use (2)
Check this box for Homepage usage only (3)
Or enter a list of page ID's that should include the slider (4)
Click Save (5).
Visual Composer
Visual Composer is the most popular drag and drop editor for Wordpress.
Contact Form 7 can manage multiple contact forms, plus you can customize the form and the mail contents flexibly with simple markup. The form supports Ajax-powered submitting, CAPTCHA, Akismet spam filtering and so on.
Making Appointment:
Accept making an appointment and table bookings online. Quickly confirm or reject bookings, send out custom email notifications, restrict booking times and more.
Quickly confirm or reject a booking.
Receive an email notification when a booking request is made.
Notify a customer by email when their request is confirmed or rejected.
Automatically block bookings when you're closed, including holidays and one-off openings.
Custom user role to manage bookings.
Add your booking form to any page, post or widget area.
Customize all notification messages, and date and time formats.
Add and edit bookings from the admin panel.
Send customers an email about their booking from the admin panel.
Contact
A contact page is one of the “must-have” pages of any personal or business website. Contact Form7 WordPress plugin makes it easy to create custom forms. Contact Form 7 is a free contact form plugin for WordPress with over 19 million downloads. This clearly tells us about it’s popularity and ease of use.
Create A New Contact Form Using Contact Form 7
Go to WordPress Admin > Contact > Add New.
Click Add New to use the default language (English United States) or select other languges.
Enter Contact form title in the new item box. This title is just a label for a contact form and is used only for administrative purposes. You can use any title you like, e.g. “Job Application Form,” “Form for Event 2014/02/14″ and so on.
Shortcode for this contact form. Copy this code and paste it into your post, page or text widget content where you want to place this contact form.
You can save, duplicate or delete this contact form here.
Form editing field (1): You can customize form content here using HTML and form-tags. Line breaks and blank lines in this field are automatically formatted with and
HTML tags.
Tag generators (2): By using these tag generators, you can generate form-tags without knowledge of them.
You can edit a mail template for mail that is to be sent as a result of a form submission. You can use mail-tags in these fields.
Mail (2) is another mail section which is optional. If you want to send a different mail to different user you can use Mail 2 section. This section works same as Mail section. To use this section simply check the Use Mail (2) box.
You can edit messages that are used for various situations, including “Validation errors occurred,” “Please fill in the required field,” etc.
Note that only plain text is available here. HTML tags and entities are not allowed to use in the message fields.
You can add customization code snippets here. For details, see Additional Settings..
Click Save after any customizing.
Add Doctor
Go to WordPress Admin > Doctors > Add New.
Enter the doctor name into Add New Item box.
Enter the text contents about doctor.
Select or add new Doctor Department and Doctor Hospital.
Provide the featured image. The image should have minimum width of 670px and minimum height of 500px.
Excerpt option allows you to summarize of your content that can be used in your theme.
Provide the related information of the doctor in Doctor Settings.
You can also give an extra image by clicking on Browse > Select Files.
Edit image and insert into post if you need.
And click Save all changes to finish your uploading extra image.
Enter class icon in this post. For example:
Create your favourite quotes.
Add the [testimonials] shortcode to a post or page. The shortcode will display testimonials in different ways, depending on how you use the optional attributes to customize the testimonials layout.
For example: [testimonials columns=2 showposts=10 orderby=title]. The example will display up to ten testimonials in two columns, in ascending alphabetical order by testimonial title.
You can Save draft, have a Preview before Publishing officially.
If you need to know more about this component, please visit: Theme of the crop.
Find Doctor
Select Department, Hospital and enter Doctor's name then click Search to find your doctor.
After reading Personal Information of Doctors, you can Make appointment with the doctor you want.
Here is your example. Have a look at the previous section - Add Doctor, I add a new Doctor Anna Reeves:
And here is function of finding doctor
Select Department: Children Clinic, Hospital: Geneva Hospital and enter Doctor's name: Anna Reeves then click Search to find her:
Here is the result:
Add Testimonial
Go to WordPress Admin > Testimonial > Add New.
Enter the name of the customer or client in the post title field.
Add their feedback in the post body.
You can also add a photo or other image using the featured image field. This image will be displayed alongside the feedback. If you want to link back to the website or social media profile of the person who provided the testimonial, you can enter the address in the Website Link field.
Adding a link is a good idea as it allows your visitors to verify and find out more about your clients and customers, helping to increase your social proof and credibility and the value of the testimonials.
Excerpt option allows you to summarize of feedback.
Choose whether or not you would like others to write comment.
Choose whether or not you would like to allow link notifications from other blogs (pingbacks and trackbacks).
Provide customers or clients information about their age and company.
Select or add new Testimonial Category and Testimonial Tag.
Provide the featured image. The image should have minimum width of 670px and minimum height of 500px.
You can Save draft, have a Preview before Publishing officially.
Blog
Posts are entries that display in reverse order on your home page. Posts usually have comments fields beneath them and are included in your site's RSS feed.
To write a Post/ News/ Blog:
Go to WordPress Admin > Pages > Add New.
Enter title page
Enter text contents. You also can insert Read More tag.
A summary or brief teaser of your post featured on the front page of your site as well as on the category, archives, and search non-single post pages. Note that the Excerpt does not usually appear by default. It only appears in your post if you have modified the template file listing the post to use the_excerpt() instead of the_content() to display the Excerpt instead of the full content of a post. If so, WordPress will automatically use as the Excerpt the first 55 words of your post content or the content before the !--more--quicktag. If you use the "Excerpt" field when editing the post, this will be used no matter what.
Post Formats is a theme feature introduced with Version 3.1. A Post Format is a piece of meta information that can be used by a theme to customize its presentation of a post. The Post Formats feature provides a standardized list of formats that are available to all themes that support the feature. Themes are not required to support every format on the list. New formats cannot be introduced by themes or even plugins. The standardization of this list provides both compatibility between numerous themes and an avenue for external blogging tools to access this feature in a consistent fashion. In short, with a theme that supports Post Formats, a blogger can change how each post looks by choosing a Post Format from a radio-button list.
Here are some general guidelines:
- Standard: is the default post format, your everyday blog post. You can also add video, images, galleries, and whatever else you would like to a regular text post.
- Video: A single video or video playlist. The first video tag or object/embed in the post content could be considered the video. Alternatively, if the post consists only of a URL, that will be the video URL. May also contain the video as an attachment to the post, if video support is enabled on the blog (like via a plugin).
- Audio: An audio file or playlist. Could be used for Podcasting.
- Quote: A quotation. Probably will contain a blockquote holding the quote content. Alternatively, the quote may be just the content, with the source/author being the title.
- Link: A link to another site. Themes may wish to use the first a href=”” tag in the post content as the external link for that post. An alternative approach could be if the post consists only of a URL, then that will be the URL and the title (post_title) will be the name attached to the anchor for it.
- Gallery: A gallery of images. Post will likely contain a gallery shortcode and will have image attachments.
Select or Add New CategoryThe general topic the post can be classified in. Generally, bloggers have 7-10 categories for their content. Readers can browse specific categories to see all posts in the category. To add a new category, click the "+Add New Category" link in this section. You can manage your categories by going to Administration Panels > Posts > Categories.
You may Add Tag for your post. Post Tag refers to micro-categories for your blog, similar to including index entries for a page. Posts with similar tags are linked together when a user clicks one of the tags. Tags have to be enabled with the right code in your theme for them to appear in your post. Add new tags to the post by typing the tag into the box and clicking "Add".
Provide the featured image. The image should have minimum width of 670px and minimum height of 500px.
You can choose image from Upload Files or Media Library then click Set featured image.
You may click Save Draft or Preview before clicking Publish to finish.
To edit Posts/ Blogs in News Page
Go to WordPress Admin > Pages > All Pages > News > Edit.
We got this:
Click Edit button in the Box row.
And we got this:
In Blog Settings > General, select appropriate Category.
Put the number in Count of how many posts will be displayed on each page.
Choose show or hidden the Pagination. WordPress has the ability to split lists of posts or a single post into multiple pages for "paged" navigation. You can set how many posts to list on each page on the Reading screen (wp-admin > Settings > Reading). The “Blog pages show at most” value will be used by WordPress unless your theme overrides it, such as when it is using a custom query. When multiple loops (posts lists) are used in a theme template file only one loop, the main loop, can be paginated.
Select the number of columns will be displayed in this element.
Display your posts in some order types. For example: title, date, ID or none.
Add a class name you wish to style particular content element differently and remember refer to it in your CSS file.
In Blog Settings > Template, choose whether or not you want to show Title, Meta, Excerpt.
Enter Excerpt Length & Excerpt More you wish.
Enter text of link Read More. It means when you click on this text, it will lead to all post. For example: See more.
Click Save Changes to finish your editing.
Add New Page
Go to WordPress Admin > Pages > Add New.
Enter title page
The Page Attributes module (in WP Admin) allows you to set Page Parents and Templates, and to change the Order of your pages.
You can arrange your pages in hierarchies.
Some themes have additional templates that you can use to create pages with additional features or custom layouts. You can see if your current theme has any additional templates by checking the Template section of the Page Attributes module. The most common templates are for archives, links, and contact pages.
You can change the order that your pages are displayed in by using the Order field of the Page Attributes module.
For example, if you wanted About to appear first, you’d need to do the following:
- Go to Pages -> All Pages in your dashboard.
- Find the page About and click the title.
- Locate the Page Attributes module to the right of the editor.
- Put the number 1 in the box for Order. This tells WordPress to display this page first on your blog.
- Click the Update button.
Repeat the process for your other pages, but use higher numbers for the Order field: 2, 3, etc. This tells WordPress to display these pages second and third on your blog.
If you’re using the Pages Widget, be sure to set the Sort by option to Page Order after setting a custom order for your pages. Then click Save.
Enter text contents.
Provide featured image.
You can choose image from Upload Files or Media Library then click Set featured image.
You may click Save Draft or Preview before clicking Publish to finish.
Frequently Asked Questions by WordPress Beginners
For few past years, we have received all levels of questions (some beginner, some advanced). Overtime some questions have been asked over and over again. In this article, we will share most frequently asked questions by clients with answers.
1. Sample data Demo Content Fails: Seems Like An Error Has Occurred
If you attempted to import the CMS WordPress sample demo data, but it never completes the installation process or it fails with errors, there could be several reasons. Please read the following information. If you have duplicate menu item issue, please follow How To Remove Duplicate Demo Content After Import.
Likely Causes For Demo Import Failing
Your PHP memory, file upload size, and/or execution limits are set too low
Your web host uses process watching software that prevents bulk processing on their web servers.
You have “wp_debug = true”, please change that to “wp_debug = false” for the import in your WP config file
The import uses a JSON file which is loaded from the frontend of the website, this will not work when the domain is not connected to the wordpress installation.
Recommended PHP Configuration Limits
If the import stalls and fails to respond after a few minutes, or it fails with a simple error message like “Import failed,” You are suffering from PHP configuration limits that are set too low to complete the process. You should contact your web host and ask them to increase those limits to a minimum as follows:
max_execution_time 180
memory_limit 128M
post_max_size 32M
upload_max_filesize 32M
How To Verify Your Current PHP Limits
You can verify your PHP configuration limits by installing a simple plugin found here. In addition, you can always contact your host and ask them what the current settings are and have them adjust them if needed. Please note though that many hosts will try to keep the PHP limits low without reason. However you are paying for it, and therefor should be getting your moneys worth.
User Reported Fixes (may or may not work, worth a shot):
If you get the ‘Warning: Illegal string’ error, try switching to a default WordPress theme (twenty twelve, thirteen, fourteen etc) and then back to CMS Theme. You can see how install sample data with cms WordPress theme .
Please ensure that your hosting account is set as the owner of the WordPress directory, You can import XMLdata with simple import of WordPress .
2. How to update Theme without Losing Customization
It's highly recommended to update the theme (you'll have more features and it's FREE ;))
This Video Tutorial will show you how to update Theme without Losing Customization:
If you don’t like the video or need more instructions, then continue reading.
First thing you need to do is connect to your website using an FTP client.
Go to /wp-content/themes/ and download your theme folder to your computer.
Sign in to Themeforest and download the latest release of theme.
Locate theme’s zip file on your computer and extract it.
You should now have both, new version of the theme and your old customized theme on your computer. If you remember the changes you made to your theme, then simply copy and paste the code snippets from old theme to the new version.
On the other hand, if you do not remember the changes you made, then you will have to find them first.
After copying your changes to the new theme, you need to upload the new theme directory to WordPress using FTP.
3. Can I register my domain name at one company and host the site with another?
Yes, all you need to do is point the domain name to the hosting account.
4. What is the maximum number or plugins I can install on my WordPress website?
There is no limit to the number of plugins you can install. However, too many plugins or even a few poorly coded plugins can slow your site down immensely, so it is important to install plugins correctly.
5. I am locked out of wp-admin, and my website shows a blank white screen
This most likely happens when you paste a code from a website with wrong formats. Sometimes the formatting error is done on the website where the code is available however most of the time, this error happens because you pasted the code on the wrong location. Unfortunately, you will not be able to make the edits using your wp-admin section. You will have to use FTP to login to your web host and modify your theme’s file.
6. My Facebook Like Button does not show the right title or image
This is NOT a WordPress issue. It is because Facebook’s script cannot properly detect the information from your website. However, there are WordPress plugins that allows for a seamless integration with Facebook which will get rid of this plugin. Consider installing and activating Simple Facebook Connect plugin. You do not have to configure it or anything. Alternatively, you should be using WordPress SEO plugin, and it has a built-in Social feature that will solve this issue.
7. My site loads slow, How can I speed it up?
There are several things you can do to speed up your website. First thing you need to do is consider adding a caching plugin to WordPress. We use and recommend W3 Total Cache. Another thing you can do is use a Content Delivery Network provider. We use and recommend MaxCDN (See our infographic about What is a CDN and Why you need it). You should also consider using a better web hosting provider. Shared hosts are usually slower. If you are receiving a lot of traffic, then you should consider moving to a VPS or a Dedicated server. Last but not least, check out our presentation about Maximizing Performance and Speeding up WordPress.
8. How can I install Google Analytics in WordPress?
We have written an extensive article on How to Install and Setup Google Analytics in WordPress. It is important to mention that you will NOT be able to install Google Analytics in your WordPress.com blog. They provide a built-in feature called WordPress.com Stats.
9. What’s the Difference Between a Page and a Post?
Understanding the difference between a post and a page in WordPress will make a big difference. With both of these options within WordPress, you will be able to not only create a static website, but also a blog. This provides more SEO power and many benefits for your new WordPress website.
If you want to understand the full difference between pages and posts, read our post called Pages vs. Posts.
10. How can I make My WordPress Website Load Faster?
Whether for SEO reasons or just to provide a better user experience, speeding up your WordPress site is very important. One of the easiest ways to speed up your site is to use the W3 Total Cache plugin or another Cache plugin.
11. How do I Embed Videos Within My WordPress Posts?
Embedding videos can add quite a bit of value to your blog and your content. Whether you want to use your own videos or just any video from YouTube or another video hosting site, you need to know how to embed videos within your posts.
The process is very simple and you can just post the URL for the video within the post. Make sure to put it where you would like it to show up. For more information about embedding videos in WordPress, check out our post about The Easiest Way to Embed Videos in WordPress.
12. Is it Possible to Install WordPress on my PC?
Installing a copy of WordPress on your PC is possible. You can do this fairly easily, but you will need the right tools. Another thing to keep in mind, when you install WordPress on your PC, nobody will be able to see your website until you publish it with your own hosting account.
Mostly this happens when you paste a wrong code in your website from some source. Often it happens when the formatting code is not properly done and you paste it into your website. And it can also take place when you paste the code in wrong location. Most of the times, it happens because of the installation of the incompatible plugin in your wp-admin section. This all makes the screen blank and you are not able to even open the wp-admin section. Your website will also not open – only blank white page appears. To solve this trouble, you have to login into your hosting control panel and delete the wrong code or plugin.
14. How to boost speed?
Boosting speed is quite a common question most bloggers and site builders have in mind. There are plenty of ways using which you can boost the speed of your website. But for that you will have to catch some plugin to WordPress. You can use W3 Total Cache. Something else you can do is getting hold of a better web provider. The shared holders tend to be slightly slower than the rest. If you have been getting a whole lot of traffic, then you must know that getting a VPS or even like a dedicated server would be good. You can consider one.
15. 500 Internal Server Error
If you just installed WordPress, a WordPress plugin, or a theme for your site and out of nowhere your site returns a 500 Internal Server Error, please read the information below.
If you have been surfing the web for any length of time you have probably encountered a 500 internal server error. These errors are not confined to WordPress. They are generic errors that report very little on what the actual cause is. First, don’t panic. Lot’s of people have been confronted with these errors, and they can be fixed. In fact, I fix them all the time.
There are five major reasons why these errors occur in WordPress:
Incorrect web server configuration
Incorrect folder/file permissions
Corrupt files or files that contain errors in code
PHP memory limits set too low
Conflicting third party plugins
1. Incorrect web server configuration – If your web server (whether it be Apache or IIS) is configured with incorrect directives, they can cause 500 errors to occur. The problem is that web hosting support will often blame the error on software you have installed without even checking to see what is contained in their error logs. Just know that after you have checked the following remaining causes, and they fail to resolve the issue, you will need to (sometimes forcefully) get your web host to help diagnose and fix the problem.
2. Incorrect file permissions – With very few exceptions, file permission for WordPress, plugins, and themes need to be set at 755 for folders, and 644 for files. You may think that setting permissions more loosely, like 777, will relieve the problem, but you would be wrong. Setting permissions either too strict or too loose often cause this and other errors.
3. Corrupt files or files that contain errors in code – – Usually improper/errors in file transfers to the web server cause corruption to occur. It may look like the file is sitting there just fine, but something in the process caused the file to be unusable by the server. For example, if you uploaded a text file in binary language instead of ascii it will render the file unreadable by the web server. Coding errors can also create this error, whether that be in WordPress, a plugin, or a theme.
Often, the only way to resolve an error in WordPress core is to reinstall WordPress.
If it is plugin related, deactivating all plugins will relieve the error.
If it is theme related, deleting and reinstalling the theme will often take care of the problem.
By far the most common 500 error produced by a file is related to the WordPress .htaccess file. The .htaccess file is primarily designed to be used with custom permalink structures. But it is also used by some third party plugins, and for overriding certain server configuration directives if allowed. If it contains errors, it can return the dreaded 500 internal server error. The .htaccess file is located in the root folder of your WordPress installation (not the theme).
log into your site via FTP (Filezilla, etc.)
download a copy of your .htaccess file, rename the copy e.g. “.htaccess-backup”
delete the .htaccess file residing on your Web server
create a new blank file called “.htaccess” on your PC/laptop/Mac
upload this new file to your Web server in the same place as the original .htaccess (which you deleted)
finally, once logged in, navigate to the Permalinks settings page in the admin console and do nothing further. Simply going to the settings page should enable WordPress to write the correct .htaccess declarations itself.
You should now be able to nagivate to www.yoursite.com or http://www.yoursite.com/wordpress (depending on whether WordPress is running your entire site or just a blog etc.) and all should be well once more.
4. PHP memory limits set too low, There two ways to solve this problem.
You can either get your web host to increase your PHP limits.
You can upload your theme via an FTP client. We offer a video tutorial located in the Video section of the forum that explains how to use FTP to install your theme.
5. Conflicting Third Party Plugins Should Be Deactivated
If you can access the admin area of your site, login to your admin section and deactivate all plugins. After doing so, check your front end page again. If it loads without error, you have a plugin conflict. Now, start activating each plugin one by one. When you see the 500 error again on the front end pages, you will know that the last plugin you activated is the likely culprit. Deactivate it and continue checking all remaining plugins one by one to make sure there are no others.
If you are getting the 500 error on the front end and the back end admin area, then you will need to access your site via an FTP client. A little known trick is to change the name of your/wp-content/pluginsfolder to something else temporarily like “plugins.bak.” This will make WordPress ignore your plugins. Then check to see if this resolves the problem. If it does, log into your admin section and then change your plugin.bak folder back to plugins . Then deactivate all of your plugins via your admin page.
Recommended PHP configuration limits are as follows:
max_execution_time 600
memory_limit 128M
post_max_size 32M
upload_max_filesize 32M
You can verify your PHP configuration limits by installing a simple plugin found here. If you still cannot resolve the 500 error, talk with your web hosting support.
Final Words
Scripts
Support center: https://jwsthemes.ticksy.com If you have any questions, please submit a ticket and validate your purchase code, we can follow all your questions better and make your information private. Please, give us a chance to support you. Have a good time. Again, thank you for purchasing this theme!