1. Website Basic Infomation

1.1. Hosting Requirements

To run WordPress with Zephyr you need a web host, that has the minimum requirements:

  • PHP version 5.4 and later
  • MySQL version 5.0 and later
  • The mod_rewrite Apache module

There are many hosts that will be suitable for these parameters. You can contact with your potential host and ask them, are the hosting compatible with WordPress. Or you can find companies that specialize in WordPress-sites hosting, for example Bluehost.

1.2. Wordpress Information

To get this theme you must have WordPress already installed. If you need help installing WordPress, follow the instructions in WordPress Codex or you can watch the Instruction Video created by Woo Themes. Below are some useful links on WordPress information:

1.3. WorWebsite Data Backup

Step 1: Download All-in-one WP Migration and install it. Navigate to Site Migration > Export.

Step 2:Click to Advanced options to expand them. Select checkboxes to choose data that don't needed to be backuped (excluding themes and plugins may be a good idea sometimes).

Step 3: Click on Eхport button to start exporting.

Restore

Navigate to Site Migration > Export. Then drag&drop backup file to upload it.

2. Installation

We presented the guides below assumed that you have WordPress already installed. (If you haven't, go there for WordPress installation guide). The MedicAid theme can be installed by two methods: through WordPress, or via FTP. Check the Installation Via WordPress and Installation via FTP sections for each method. On the next sections will give a clearer instruction for you on these two.

2.1. What's include

When purchasing MedicAid theme from Themeforest, you will be able to download MedicAid files with your Themeforest account. There will be two packages for you to choose: The Main Files contains all files, or the Installable WordPress Theme files with just necessary installable WordPress theme files.

If you choose Main Files, there will be an MedicAid Theme Folder included:

  • MedicAid Theme Folder – contains the medicaid.zip and MedicAid-childtheme.zip. The child theme is particularly for users who want to make code changes.
  • Licensing Folder - contains the licensing files. (This is not your purchase code that you need to download from Themeforest).
The Installalable WordPress Theme includes only the medicaid.zip file
  • medicaid.zip - this is the parent wordpress theme. We recommend you install it via WordPress panel. If you install it via FTP, you have to unzip it and use the extracted folder.

2.2. Installation Theme

2.2.1 Installation via WordPress

Follow the steps below to install MedicAid via WordPress.

Step 1 - Unzip the downloaded package from Themeforest. Find the folder theme and inside it find the file medicaid.zip

Step 2 - Login to your WordPress dashboard, go to Appearance > Themes click Install Themes tab and select Upload

Step 3 - Click the Browse button and find the file "medicaid.zip" on your computer.Click "Install"

Step 4 - Wait the theme being uploaded and installed.

Step 5 - Activate the theme: Go to Appearance > Themes and Activate.

Common Install Error: Are You Sure You Want To Do This?

The “Are You Sure You Want To Do This” message may occur, means that you are limited in upload file size. Consider install the theme via FTP if this happens, or call your hosting company and ask them to increase the limited size.

Active Plugins

Active Plugins

2.2.2 Installation via FTP

Follow the steps below to install MedicAid via FTP.

Step 1 – Log into your hosting space via an FTP software

Step 2 – Unzip the downloaded package from Themeforest. Find the folder theme and find the file medicaid.zip in it.

Step 3 – Upload the extracted MedicAid theme folder into wp-content > themes folder

Step 4 – Click Browse button and find the file medicaid.zip on your computer. Click "Install"

.

Step 5 – You will get a notification to activate the required plugins. See below.

files
Transfer type

You should transfer text files like PHP files via ASCII transfer type, and for other types of files such as images, you should use binary transfer type. Otherwise you can get errors.

files

3.Import XML for Demo Contents

When any Wordpress theme first being installed, it will not contain all the extra content that you might see in the live demo. There are two ways you can import MedicAid Demo Content. Usually you have to import an XML file which can be troublesome. We made it easier by creating a One Click Demo Content Importer.

Import All Demo Content – Now users can quickly and easily import our demo content with one click of the button. This is the preferred method because it 's the fastest and easiest way to get our demo content. Using this method will give you all our pages and posts, several sample sliders of each slider type, widgets, theme options setting, etc.. If you wish to use our One Click Demo Content Importer, please see the “How To Import All Demo Content” section in our documentation.

3.1 Recommended Plugins

Amazingly, MedicAid comes with super awesome premium WordPress plugins and powerful ecommerce plugins. When you activate MedicAid theme, you will see "Recommended plugins" on your WordPress dashboard. Here are the list of all recommended plugins. We recommend you active them all.

  • Contact Form 7
  • Visual Composer
  • cmsBlue Toolkit
  • OptionTree

3.2 Import by our One Click Install Tool

( We recommended for Save Time for you )

After install and activate all plugin that we recommend you, please navigate to Theme Settings > One-Click Install Click in import demo content and wait the demo content being imported (take a minutes)

3.3 Import by hand

( If you have problem with One Click Install above )

Import data XML

Look for Import XML folder in unzipped package downloaded from themeforest and use the XML within it (import xml/data.xml).
Go to the WordPress Admin > Tools > Import and click WordPress as displayed in image below.



At 1st time you need to install WordPress importer plugin



Once installed you need to activate the plugin and run the importer.



Select the XML file from Import XML folder in unzipped package that you have downloaded from themeforest.

There are 14 files XML



After importing XML file.

  1. Assign posts to an existing author.
  2. Mark the checkbox to download and import file attachments
  3. Click 'Submit' button



Import process can take few minutes. So wait for it and try to keep the focus on current tab in your browser.

After that is done, you will have bunch of posts, pages, properties and other contents as on the theme demo.




Notice: – Our demo images will not be included because those are licensed stock photos which are not allowed to be shared. Instead we will replace by default images

4. General Guide

4.1. Make page a Home page

The first blog method we will cover is the standard WordPress method, setting up an assigned Front-end page. It’s as simple as making a new page, and then telling WordPress to use that page as the post page.

To set the page as your Front home page, navigate to Settings > Reading and select your home page name for the Front Page. Doing this will automatically pull to front page.

4.2. Menu

MedicAid supports custom WordPress menus, with multiple levels of dropdown support for the main menu. You can assign a menu: Top Menu. Once a menu is created and assigned to the location, it will show up on the site. There are also several theme options to customize the menu.

To Setup A New Menu, Follow The Steps Below.

Step 1 : Navigate to Appearance > Menus section of your admin.

Step 2 : Click the "Create A New Menu" link to make a new menu. Enter the name then hit the "Create Menu" button.

Step 3 : To add a menu item, select one of your created pages on the left hand side and click "Add to Menu". You can also add all kinds of different posts from the left side.

Step 4 : To add a custom menu item, enter a custom name and link into the "Links" box.

Step 5 : Manage your menus by using the drag and drop functionality. To create a dropdown menu, simply drag a menu item below and slightly to the right of another menu item and it will lock into place and create a dropdown section.

Step 6 : After setting up your menu, scroll down to the bottom of the page to assign Primary Navigation .

Step 7 : Once its all done, make sure you click the "Save" button.

4.3 Widgets and Sidebar

Step 1 : To add content to the sliding bar, navigate to "Appearance > Widgets"

Step 2 : You will see 13 widget sections on the right hand side, SlidingBar Widget 1-13. Your widgets are located on the left hand side.

Step 3 : Simply drag and drop the widgets you want from the left side into the sliding bar widget sections on the right side. See the screenshot below.

Blog Sidebar Widgets in this area will be shown on blog page.

Page Sidebar Widgets in this area will be shown on all Page default.

4.4 Disable Comments

You can disable comments in Pages and Post.. Items for the whole site in Theme Options. Or you can disable comments for each page (portfolio item) individually. Instructions are the same for both.

Step 1: Add a new Page or select existing.

Step 2: Navigate to Screen Options and select Discussion checkbox.

Step 3: Find the Discussion below the text entry field and disable comments.

Step 4: Please don't forget to save changes.

6. Pages

Pages are probably among the the most important contents in a site. You can create as many pages as you want, in different templates and styles, such as homepage, normal page (default), footer page, blog page,... Visual Composer is also a power tool in building multifunction sections in your pages.

6.1 Page Template

MedicAid now provided 2 main page templates:

  • Default Template:this is the default page template that automatically has the sidebar with it.
  • Blank Page: this template is used to build the Home page or you can use it for using element from Visual composer View more here
  • Blank Page with Breadcrumb: the page displayed with Header and multi-elements that you add in Visual Composer. View more here

6.2 Visual Composer

Visual Composer for WordPress is a drag and drop frontend and backend page builder plugin that will save you tons of time working on the site content. You will be able to take full control over your WordPress site, build any layout you can imagine – no programming knowledge required. Moreover, now you can choose either work on a backend or move your page building process to frontend and instantly see changes you make. Learn more about Visual Composer

Bravo Elements List

Since Visual Composer is coming as a bonus / free with the theme, users don’t get to have their own purchase codes, but it’s not required, assuming you need it to be able to update the plugin. The option to activate a license was left open for those who already have a license.

Whenever you see the notice:Update Visual Composer to the newest version

You may follow these steps below:

1. Go to Plugins, find VisualComposer > Deactivate and delete it.
2. After re-load page, you can see the Notice:

3. Following the recommend to re-install Visual Composer

 

 

 

 

5.3 How to create Home pages

This is Layout of Homepage

Use Element Bravo Flexslider Item

Title for each section Use Bravo Section Titleto build and fill some information:

  • Title Enter the title of Section
  • Align Select position for title(Left / Right/ Center)
  • Content Enter some intro about section

Testimonial will be shown as quote Slider, find Bravo Testimonial Element and add it into Row

Then continue additon Bravo Testimonial item Element. Enter some information as:

  • Client name
  • Client Job
  • Company name
  • Company URL
  • Content

Bravo Portfolio Mansonry

This is normal section, it will show Portfolio post with style Mansonry and filter bar

We have some options for you:

  • Number post Enter the number post you want to show in section Portfolio
  • Category Check in the category you want to take post
  • Order Select the order criteria sort
  • Order By Select the order type for post list
  • Portfolio IDs Enter the post's ID you want to show in the section
  • Click Action Select Feature Image/ Detail Portfolio Page / Detail Page in New tab

Bravo Portfolio Carousel

This element will show Featured image of each Portfolio page, to build it we use element Bravo Portfolio Carousel and add some information:

  • Number post Enter the number post you want to show in section Portfolio
  • Category Check in the category you want to take post
  • Order Select the order criteria sort
  • Order By Select the order type for post list
  • Portfolio IDs Enter the post's ID you want to show in the section

  • Title: Enter title of process
  • Icon: Enter the icon of font icon
  • Content: Enter content of process

That is section have the number Counter up , to build it you can use element Bravo Counter up and fill some information:

  • Icon Enter the icon of font icon
  • Number Enter the Number you want to counter up
  • Sign
  • Name Enter the title of element
  • Style Select Light / Dark

In Team Member element contain Member element used to show member info

Add multiple member contain infomations like avatar photo, name, postion, social network links

This is your Twitter Social, You just need enter the Twitter Username and Number of post. The post will show as Slider

This element display a pricing table. To show multiple pricing table, you can add the element to the multiple columns

  • Name
  • Money
  • URL
  • Feature

This element display blog post list.

  • Number post: Enter number of post to show
  • Post per Row: Select from 1 to 5 columns to show
  • Categories: select categories to show posts its
  • Order by: Select the order type for post list
  • 6.5 How to setup 404 Template

    To create 404 page:

    Step 1 – Navigate to Pages > Add new

    Step 2 – Use Element of Visual Composer to build 404 content. Add a new row and divide it into columns

     

     

     

     

    6.6 How to setup Donate Form

    To create Donate Form:

    Step 1 – Navigate to Contact Form > Add new

    Remember:

    - If you change the content of this form you should do carefully with the HTML tag, If you do wrong, this form can't work anymore

    - The shortcode: You can only change the number "25" to another number, not do anything else

    - The shortcode: You can only change the icon "$" to another icon, not do anything else

    [text ex_number placeholder "$"]

    Step 2: You need to add mail-tags to the fields in the Mail tab. These tags need to correspond to form-tags used in the Form tab. For example, when you used a form-tag [text your-new-field] ([text name]), the corresponding mail-tag that you should use in the Mail tab should be [your-new-field] ([name]). For more details, see How Tags Work.

     

     

     

     

    6.7 How to setup Popup page

    To create Donate Form:

    Step 1 – Navigate to Page> Add new

     

     

     

     

    6.8 How to setup Contact-form

    Step 1: Make sure you have installed the Contact Form 7 plugin (which should be done in the installation of the theme).

    Step 2: Navigate to the "Contact" option on the main dashboard menu, click "All" then Edit one contact form, or select "Add New"

    Step 3: Edit the form fields, your contact email, and customize any of your auto messages. Save the form and then use the shortcode provided in the brown bar at the top to insert your contact form wherever you want it. Remember to enter your email replaced the test@gmail.com so you can receive the messages.

    5. Theme Options

    You can edit and control MedicAid Theme Options through the powerful Theme Settings panel. Easy to edit without concern to any single code line.

    Go to your admin Dashboard, navigate to Theme Settings.

    5.1. General Options

    • Enable Preload? TURN OFF if you dont want to use Preload feature for site
    • Logo Upload your brand's logo (Recommend image: 200x100)
    • Logo Retina Upload the logo to be showed on retina devices. Enter the tail "@2x" after the logo's name to ensure logo shown in good quality.
    • Footer Template Select Page Footer for site (Create Footer)
    • 404 Page Template Select Page 404 Page for site (Create 404 page)

    5.2. Header Options

    Enable Topbar TURN OFF if you don't want to use Topbar in Header

    Topbar Right Sidebar Create Topbar Right in Appearance > Menu

    Topbar Left Sidebar Create Topbar left in Appearance > Menu, ex:

    Header Style

    There are 4 new styles for Header:

    Style 2: With Background: View header on Homepage Gynecologist

    Style 3 - Without Color Stroke: View header on Homepage Dental

    Style 4 - With Background and Description Text: View header on Homepage Laboratory

    Style 5 - Transparent Header View header on Homepage Physiatrist

    5.3 Blog Options

    • Sidebar Position Choose position for blog sidebar(left / right/ no sidebar)
    • Sidebar ID Choose widget area correspond

    5.4. Doctor Options

    Archive Page You should select Page Doctor for it, You can find this page in Page > Doctor. However you can't add anything for this page

    Sidebar Position Choose position for blog sidebar(left / right/ no sidebar)

    Sidebar ID Select Doctor Sidebar

    Posts Per Page enter the number doctor you want to show in Doctor Archive

    View Doctor Archive

    5.5 Healthy Events

    Archive Page You should select Page Event for it, You can find this page in Page > Event. However you can't add anything for this page

    Sidebar Position Choose position for blog sidebar(left / right/ no sidebar)

    Sidebar ID Select Event Sidebar

    Posts Per Page enter the number doctor you want to show in Event Archive

    View Healthy Events Archive

    5.6. Styling Options

    • Main Color Set up your theme main color. It may match with your brand's color or any color you like.
    • Google Fonts Choose Google Fonts for theme.
    • Typography Set up body font: font color, font type, size, styles, etc.
    • Heading Font Set up heading font: font color, font type, size, styles, etc.
    • Custom CSS enable you enter custom CSS code to make some custom change in theme.

    8.1 Creating Doctor

    Steps to Create A Doctor:

    Step 1 – In your Dashboard, go to Doctor, Add New Doctor

    Step 2 – Enter the port’s title and content in the editing field.

    Step 3 – Continue add Specialties, Department Location and Language for your Doctor. It is very important as this information is what will be shown out in Find Doctor .

    Step 4 – Choose Featured image: click “Set Featured Image” then choose an image for your Doctor

    Step 5 – When you have finished, click Publish to save and publish your Doctor.

     

    8.2 Creating Doctor Sidebar

    Steps to Create A Doctor:

    Step 1 – In your Dashboard, go to Appearance > Widgets

    Step 2 – To create Widget for Doctor page, you can use some widget name: [MedicAid].. Then Drag and drop the widget that is matching your criteria

    About the Widget

    Step 3 – When you have finished, click Save to save and publish your Search widget.

     

    8.3 Get Post ID

    Get TERM ID

    Get Doctor ID

    9.1 Creating Disease

    Steps to Create A Disease:

    Step 1 – In your Dashboard, go to Disease, Add New Disease

    Step 2 – Enter the Name of Disease and content in the editing field.

    Step 3 – Continue add Type for your Disease.

    Step 4 – When you have finished, click Publish to save and publish your Disease.

     

    10.1 Creating Event

    Steps to Create A Event:

    Step 1 – In your Dashboard, go to Event, Add New Event

    Step 2 – Enter the Name of Event and content in the editing field.

    Step 3 – Continue add Type for your Event.

    Step 4 – Add some Event information , this is quite important, This information will help your clients find out your Event timetable

    Step 5 – Choose Featured image: click “Set Featured Image” then choose an image for your Event

    Step 6 – When you have finished, click Publish to save and publish your Event.

     

    10.2 Creating Event Sidebar

    Steps to Create A Event:

    Step 1 – In your Dashboard, go to Appearance > Widgets

    Step 2 – To create Widget for Event page, you can use some widget name: [MedicAid] Filter Event by Taxonomy Then Drag and drop the widget to sidebar

    Step 3 – When you have finished, click Save to save and publish your Search widget.

     

    7. Creating Blog Posts

    MedicAid offers several blog post types: standard, image, gallery, video, audio, quote and link. With these features, you can emphasis your post as texts, images, slider, audio, link or video conveniently. Your posts can also easily classified into group/topic with the Categories function. The News will be organized in a very smart and creative way. To create blog posts, see our instructions below.

    Steps to Create A Blog Post:

    Step 1 – In your Dashboard, go to Posts, Add New

    Step 2 – Enter the post's title and content in the editing field.

    Step 3 – Choose Post Format in the right corner. Defaulted is Standard.

    Step 4 – Depends on each particular format that you choose to use specific button/field to add content for posts. Please see section Post Format below the video

    Step 5 – Add Categories: To assign it to the post, check the box next to the Category name.

    Step 6 – Add Tags: Type the words to be tagged, separate multiple tags with commas.

    Step 7 – Choose Featured image: click “Set Featured Image” then choose a image for your post.

    Step 8 – When you have finished, click Publish to save and publish the post.

     

    Post Format

    - Standard - This is the default style. The post displayed only main text, featured image just displayed on the blog homepage.

    - Image - The post shows text with image. Using Add Media button below post's title to add pictures.

    - Gallery - The added images showed in slider (gallery) on top of the post. Use Slider button to add images.

    - Video - The post shows a video on top. Paste the video URL in the Media URL box.

    - Audio - The post shows text with audio. Paste the audio URL in the Media URL box, then a music player will be displayed on the top of the post.

    9. Translations

    9.1. WPML

    WPML Basic Setup

    I am assuming that you have a working version of WordPress with MedicAid theme installed and configured based on the documenation and sample data provided with in the theme package.

    Please follow the steps below to configure the basic settings for WPML Plugin.

    1. Install and Activate WPML Multilingual CMS Plugin.
    2. Go to WPML > Languages.
    3. Select English as Current Language and Go Next.
    4. Select the other languages for your site and Go Next.
    5. Leave all the section on this page as it is and Go Next.
    6. Register WPML if you want to receive automatic updates OR press "Remind Me Later" button.
    7. Click Finish Button, Now you will be taken to WPML > Languages page but with different interface. If not then manually go to WPML > Languages Page.
    8. Look for Language URL Format section and choose the url format that suites your needs. I am choosing the 1st one with languages directories at the end. Save the changes.
    9. Look for Language Switcher Options section and then look for What to include in the language switcher option. Choose to display Flag with in language switcher and save the changes. Leave all other options as it is.
    10. Leave all other sections as it is.
    11. Now, Install and activate WPML String Translation plugin.
    12. After that Go to WPML > Theme and Plugin Localization.
    13. 1st Option is “Select how to localize the theme”, Choose Translate by WPML and Save.
    14. Next Option is “Select how to get translations for WordPress”, Choose the 1st options “WPML will automatically download translations for WordPress” and save.
    15. Skip the Option “Language locale Settings”.
    16. Next Options is “Strings in the Theme”, Press the Scan the theme for Strings Button and Wait for results.
    17. Now, Go to WPML > String Translation section and configure the following settings.


    18. Basic settings are complete and you can translate a string that do not exist in post, pages and taxonomies using WPML > String Translation Section for more information http://wpml.org/documentation/getting-started-guide/string-translation/