Medical Hospital Pro Theme Documentation

Help and Support

Click here for support:
Support

File Structure

The template package you have downloaded consists of several folders. Let's see what each folder contains:

  • Screenshots -contains template screenshot. Not for production.
  • theme -contains wordpress theme files
  • "medical-hospital-pro-1.0.zip" -this folder contains all the necessary files for the theme.
  • "license.txt" -contains license details
  • "readme.txt" -contain information about theme images path, font use and usage script

Template Installation

Template installation is very easy process. The installation process can be done in two ways

1-Install a theme using wordpress admin

First thing you need to do is to login to your WordPress admin area. Next, click on

1.Go to the menu Appearance >> Themes


2. Once you are on the themes page, click on the Add New button at the top.


3. Click on upload theme button.


4. Click on Browse Button then select your medical-hospital-pro-1.0.zip theme and click on install now button.


5. WordPress will now install your theme and show you a success message along with the link to activate or live preview.

Congratulations your theme have been successfully installed

Section Color/Font Pallette

Color/Font is very easy process. We have given these options in all sections of customizer. It is a complete image to show you about color and font pallete. At a single glance of click you can set the color and fonts of the Headings,Paragraph and Buttons

Every individual section have an option to set the color pallete for Headings,Title/Text,Paragraph,Button Text and Button Background depending upon the number of option that are available in that respective section

Default Color/Font settings

Fetch Demo content

This theme supports the default Site Identity section provided by the WordPress and we have integrated some options in this theme in this section.

Follow these instructions to setup Home page.

  • 1. Create Page to set template: Go to Dashboard >> Pages >> Add New Page.

    Label it "home" or anything as you wish. Then select template "Home page" from template dropdown.



  • 2. Set the front page: Go to Setting -> Reading --> Set the front page display static page to home


  • Once you have done with this you can see all the demo content on front page.

How to set up Home Page

Setup Header

In order to set up Header Section,

Go to Appearance >> Customize >> Theme Settings >>Header Section



Follow these instructions to setup Header Section.

First add title and url in topbar from header section in customizer.

Select logo from site identity in customizer and add menus. For menus, first creat pages then add pages in menu.

For creating pages,

Go to Appearance >> Pages >>Add pages

Screenshot below shows list of pages created.

For creating menus,

Go to Appearance >> Menus>> Create menu >>Add pages

For more understanding, refer the below screenshot.

Setup Social Icon

In order to set up Social Icon Section,

Go to Appearance >> Customize >> Theme Settings >>Social Icon Section



Follow these instructions to setup Social Icon.

  • Add Facebook Link: You can add facebook link here and the facebook icon will be displayed of your site.
  • Add twitter link : This option allows you to add twitter link to your site. Adding twitter link adds twitter icon of your site.
  • Add Instagram Link: You can add instagram link here which will add instgram icon.
  • Add Youtube Link: You can add Youtube link here.
  • Add Pinterest link : This option allows you to add pinterest link.
  • Add Linkedin link : This option allows you to add linkedin link to your site. Adding Linkedin link adds Linkedin icon of your site.
  • Add Tumblr link : This option allows you to add Tumblr link.
  • Add GooglePlus Link: You can add GooglePlus link here which will add GooglePlus icon.

Setup Highlights

In order to set up Highlights Section,

Go to Appearance >> Customize >> Theme Settings >>Highlights



Follow these instructions to setup Highlights Section.

Select Background Color, add timing, phone and address details. For more understanding, refer the below screenshot.

Setup Slider



Follow the below steps to setup the slider

Go to Appearance -> Customize -> Theme Settings -> Slider Settings



Enter number of slides to show, Slide heading, slide button text and select background image.

  • Setting Options : Includes settings for Service display enable/disable option. With this setting, you can enable/disable this section. This is very important setting. If you want this section to appear on your website, just let the option be enabled and if you don't want this section to appear on your website, you can select disable and this section will disappear from your website.
  • Number of Slider To Show: Allow you to select no. of slider you would like to display.
  • Slider Image: Here you can set the images for slider.
  • Slider Heading Title: Here, you can set the title to be displayed on slider.
  • Slider Text: It allows you to set the text to be displayed on silder image
  • Slider Heading Color: Allow you to set the heading color of slider.
  • Slider Heading Fonts: You can set the font of Slider heading with this option.
  • Slider Text Color:This option allows you to set the color of slider text.
  • Slider Text Fonts: You can set the font of Slider heading with this option.

Setup About Us

In order to proceed with About Us Section,

Go to Appearance -> Customize -> Theme Settings -> About Us section



Follow these instructions to setup Social Icon.


  • About Us Heading: You can add Title here and the Title will be displayed in About Us section of your site
  • About Us Details: You can add Section Description here and the Section Description will be displayed in About Us section of your site.
  • About Us Image: You can add Title Image here and the Title Image will be displayed in About Us section of your site.
  • About Us Link Text: You can add Link Text here.






Setup Mission

In order to set up Mission Section,

Go to Appearance >> Customize >> Theme Settings >>Mission Section



Follow these instructions to setup Mission Section.

Select Background image, enter Number of Mission, Mission title and Mission icon. For more understanding, refer the below screenshot.



Setup Speciality

In order to set up Speciality Section,

Go to Appearance >> Customize >> Theme Settings >>Speciality Section



Follow these instructions to setup Mission Section.

Select Background image, enter Number of Services, Speciality icon and Speciality title. For more understanding, refer the below screenshot.



Setup Pricing

In order to set up Pricing Section,

Go to Appearance >> Customize >> Theme Settings >>Pricing Section



Follow these instructions to setup Mission Section.

Select Background image, enter Number of Features, Pricing Main heading, Pricing sub heading, number of plans and Pricing Type . For more understanding, refer the below screenshot.



Setup Services

In order to set up Services Section,

Go to Appearance >> Customize >> Theme Settings >>Services Section



Follow these instructions to setup Services Section.

First we need to install Medical Hospital Pro Posttype Plugin.


Go to Appearance >> Services >> Add New Post

Below is the post created where icon image is selected, title is entered and descriptions is added.


Total six posts are created here.

After creating posts, go to customizer and select number of posts to show, Main Heading and Sub Heading. For more understanding refer the below screenshot.

Follow these instructions to setup Our Services.


  • Add Section Heading Color: You can add Section Heading Color here and the Section Heading Color will be displayed in Our Services section of your site.
  • Add Section Heading Fonts: You can add Section Heading Fonts here and the Section Heading Fonts will be displayed of your site.
  • Add Background Color: You can add Background Color here and the Background Color will be displayed of your site.
  • Add Background image: You can add Background image here and the Background image will be displayed of your site.
  • Add Section Title: You can add Section Title here and the Section Title will be displayed of your site.
  • Add Section Description: You can add Section Description here and the Section Description will be displayed in Our Services section of your site.
  • Add Number of services to show: You can add Number of services here.

Setup Success Stories

In order to set up Success Stories Section,

Go to Appearance >> Customize >> Theme Settings >>Success Stories Section



Follow these instructions to setup Success Stories Section.

For Success Stories Section, we need to install Medical Hospital Pro Posttype Plugin.


Go to Appearance >> Success Stories >> Add New Post

Below is the post created where featured image is selected, title is entered and descriptions is added.


Total three posts are created here.

After creating posts, go to customizer and select number of posts to show, Main Heading and Sub Heading. For more understanding refer the below screenshot.


Setup Our Doctors

In order to set up Our Doctors Section,

Go to Appearance >> Customize >> Theme Settings >>Our Doctors Section



Follow these instructions to setup Our Doctors Section.

For Our Doctors Section, we need to install Medical Hospital Pro Posttype Plugin.


Go to Appearance >> Doctors >> Add New Post

Below is the post created where featured image is selected, title is entered and descriptions is added, add Enter Designation.


Total four posts are created here.

After creating posts, go to customizer and select number of posts to show, Main Heading and Sub Heading. For more understanding refer the below screenshot.


Setup Our Gallery

In order to set up Our Gallery Section,

Go to Appearance >> Customize >> Theme Settings >>Gallery



Follow these instructions to setup Gallery Section.

    Do you want this section: This section allows you to enable/disable this section altogether. In case, if you don't want this section on your site, just click on disable option and this section will disappear from your site. And if you want this wonderful section to appear on your site, just be it enabled and it will appear on your site.

  • Background Color: Here, you can set the background color for this section.
  • Background Image: Here, you can set the background image for this section.
  • Section Title: Here, you can set the Section Title of this section here.
  • Number of Images: Here enter the number of images you want in the gallery.

Setup Happy Clients

In order to set up Happy Clients Section,

Go to Appearance >> Customize >> Theme Settings >>Happy Clients Section



Follow these instructions to setup Happy Clients Section.

First we need to install Medical Hospital Pro Posttype Plugin.


Go to Appearance >> Testimonials >> Add New Post

Below is the post created where featured image is selected, title is entered and descriptions is added, add Enter Designation.


Total Three posts are created here.

After creating posts, go to customizer and select number of posts to show, Main Heading and Sub Heading and Background image. For more understanding refer the below screenshot.


Setup Our Blog

In order to set up Our Blog Section,

Go to Appearance >> Customize >> Theme Settings >>Blog Page



Follow these instructions to setup Blog Page Section.

For Blog Pages, first create posts and category and then assign that category to posts.

Creating Category,

Go to Appearance >> Posts>> Categories


Creating Posts

Go to Appearance >> Posts>> Add New


Now select category in blog section of customizer, Our Blog will appear on the screen.




Setup Our Partners

In order to set up Our Partners Section,

Go to Appearance >> Customize >> Theme Settings >>Our Partners Section



Follow these instructions to setup Our partners Section.

Select images of partner.Total 4 partners are there. Then click on publish button and the partner section will appear on the screen.

For more understanding refer the below screenshot.



Setup Contact

In order to set up Contact Section,

Go to Appearance >> Customize >> Theme Settings >>Contact




Follow these instructions to setup Our Contact Section.

Enter contact form title, Longitude, Latitude, Email details, Address details and phone details.

For more understanding refer the below screenshot.



Setup Footer

In order to proceed with Footer Section,

Go to Appearance >> Customize >> Theme Settings >>Footer Section



Follow these instructions to setup Footer Section.

  • Do you want this section: This section allows you to enable/disable this section altogether. In case, if you don't want this section on your site, just click on disable option and this section will disappear from your site. And if you want this wonderful section to appear on your site, just be it enabled and it will appear on your site.
  • Footer Heading Color: Here, you can set the Footer Heading Color of footer
  • Footer Heading Fonts: Here, you can set the Footer Heading Fonts of footer.
  • Footer Content Color: Here, you can set the Footer Content Color of footer.
  • Footer Content Fonts: Here, you can set the Footer Content Fonts of footer.
  • Background Color: Here, you can set the Background Color of footer if you want.
  • Background image: Here, you can set the Background Image of footer if you want.

Footer have four columns. You can add any widget there. It will be added from Appearance -> widget

Setup Footer Text

In order to proceed with Footer Text,

Go to Appearance >> Customize >> Theme Settings >>Footer Text



Enter footer text here.

Plugins

Plugins are ways to extend and add to the functionality that already exists in WordPress.
How to activate plugins

If you want these functionalities in your theme for which you need to activate plugin. Follow these instructions to activate plugin in your theme.

Go to Plugins >> Installed Plugins >> Medical Hospital Pro Posttypes >>Activate


When you activate plugin, you can see four more options in your admin navigation, i.e Services , Doctors , Testimonials , Success Stories. You can see this four options in the admin navigation because the plugin is activated.

These four sections automatically appears in your website once you activate plugin. You can see scrennshot of the same below.


1. Services Section

This section appears in dashboard after activating Medical Hospital Pro Posttypes Plugin. Below is the screenshot for services section,



2. Doctors Section

This section appears in dashboard after activating Medical Hospital Pro Posttypes Plugin. Below is the screenshot for Doctors section,



3. Testimonials Section

This section appears in dashboard after activating Medical Hospital Pro Posttypes Plugin. Below is the screenshot for Testimonials section,



4. Success Stories

This section appears in dashboard after activating Medical Hospital Pro Posttypes Plugin. Below is the screenshot for Success Stories section,


Child Themes and Hooks

Custom theme editor is the easy process for editing the site. If you have to add section in the site , you can easily edit in child theme, it can be changed in parent theme.

Hook Code After Highlights

Hook Code After Slider


Hook Code After Speciality

Hook Code After About


Hook Code After Our Services


Hook Code After Mission

Hook Code After Pricing


Hook Code After Success Stories


Hook Code After Our Doctors


Hook Code After Our Gallery

Hook Code After Happy Clients


Hook Code After Our Blogs


Hook Code After Partners

Hook Code After Contact Details


Hook Code Before Content Area


Page Templates and sidebars

Page Templates

  • Default Template (the default page template with a right sidebar position)
  • Page (Left Sidebar) (a page templates with left sidebar position)
  • Page (Right Sidebar) (a page template with right sidebar position)
  • Blog (Full Width) (a blog templates with one column without sidebar)
  • Blog (Left Sidebar) (a blog templates with left sidebar position)
  • Blog (Right Sidebar) (a blog template with right sidebar position)
  • Home Page Template (the default home page template with right sidebar position)

Post, Categories and Post Formats


  1. Log into your WordPress Administration Panel (Dashboard).
  2. Click the Posts tab.
  3. With that done, click Categories for blog posts.
  4. Type in the name of your new category.
  5. After that, click the Add New Category button.
Click the Publish button.

Below screenshot shows the categories created.



Creating a Blog post

  1. Log into your WordPress Administration Panel (Dashboard).
  2. Click the Posts tab.
  3. Click the Add New tab.
  4. Type in your post content. For more information on adding posts, please check the following link http://codex.wordpress.org/Posts_Add_New_SubPanel.

Below screenshot shows the posts created.


Shortcodes

A shortcode is a powerful content building tool http://codex.wordpress.org/Shortcode. Shortcodes are easy to use. First of all, make sure that the editing mode is set to Visual.


Check the list of shortcodes that are available with the Themes:

Widgets

For widgets,

Go to Appearance >> Widgets

There are total three footer columns added. For more details, refer below screenshot.

Additional Theme Addons

How to Setup Additional Theme Addons:

1. First, you need to download the plugin from the source (which will be a zip file (tg-title-banner-image.zip and tg-gallery-images.zip)). Next, you need to go to WordPress admin area and visit Plugins » Add New page.



2. After that, click on the Upload Plugin button on top of the page.

3. This will bring you to the plugin upload page. Here you need to click on the choose file button and select the plugin file you downloaded earlier to your computer.



4. After you have selected the file, you need to click on the install now button.

5. WordPress will now upload the plugin file from your computer and install it for you. You will see a success message like this after installation is finished.

6. Once installed, you need to click on the Activate Plugin link to start using the plugin.


TG-Title-Banner-Image

Once you activate this plugins, you will find the below option inside each and every page,post,registered posts etc.



First, you need to choose the banner image that you would like to set on your post/page.

On uploading any file, by default, the title will appear over the banner image.



With the help of this plugin, you can hide the title if you do not want to display it on the banner simply by checking "Hide Title above banner" option. You can even show the title below the banner image by checking "Show Title below banner" option.



When none of the options is selected and no file is chosen, then the title will be displayed in the default manner.