Health Center Theme Documentation

First of all I would like to thank you for purchasing this Wordpress theme.All the php code block are self explanatory , for any queries, will be there, So Dont worry

Installing the theme

  • Download and unzip the theme package into the worpress' themes folder .
  • Go to Admin Panel->Appearance->Themes Now Activate The Health Center Theme .
  • Create Custom Menu's Go to Admin Panel->Appearance->Menu .

Now Enjoy the theme and create your own Health Centre.
On Activation we have tried to fill all the areas by default informaitons.So that one can easily make out the area's user can edit, dynamically .Use the specified Images(Dimension) for better look.

Files and Directory Structures

Directories

  • CSS FolderIncludes all the css files found in this theme.
  • Images FolderIncludes all the images found in this theme.
  • JS FolderIncludes all the js files found in this theme.
  • Functions FolderThis Includes all sub-folder shortcode, meta-box,
    post-type, resize_image, scripts, taxonomies, widget
    theme_options.

Page Templates

  • Home Pagefront-page.php
  • About Us Pageaboutus.php
  • About Us with Faq Pageaboutus-faq.php
  • Full width pagepage.php
  • Left-sidebar with pagepage-leftsb.php
  • Right-sidebar with pagepage-rightsb.php
  • Full Width Blogblog-with-fullwidth.php
  • Blog with left-sidebarblog-with-leftsb.php
  • Blog with right-sidebarblog.php
  • Service Pageservice-template.php
  • Service Details Pagesingle-healthcenter_service.php
  • Portfolio-2-columnportfolio-2-column.php
  • Portfolio-3-columnportfolio-3-column.php
  • Portfolio-4-columnportfolio-4-column.php
  • Portfolio Details Page single-healthcenter_project
  • 404 Page404.php
  • Contact Us Pagecontact-us.php

Important: Theme support is provided to help with any issues, such as bugs or incompatabilities of the theme purchased as well as any futher explanation of a function if you have not quite understood something here in the documentation file. Theme support does not include any sort of customizations for you or your client, so please try and refrain from opening tickets with these requests. Thanks!

Cascading Stylesheet

Health Center theme has following stylesheets.All the css are well documented .

  • Basic Theme CSSstyle.css
  • Slider CSSflexslider.css
  • Bootstrap CSSbootstrap.css
  • Media-Responsivemedia-responsive.css
  • Lightboxlightbox.css
  • Font CSSfont.css
  • Font Awesome CSSfont-awesome.min.css
  • Default screen layout CSSdefault.css

Script Files Used

Below find all the javascript files present in the theme .

  • Jquery Library (WordPress)jquery.js?ver=1.10.2
  • Flexslider Jquery jquery.flexslider.js
  • CarouFredSel Jqueryjquery.carouFredSel-6.2.1-packed.js
  • Lightbox Jquerylightbox-2.6.min.js
  • Bootsrap Jquery bootstrap.min.js
  • Menumenu.js
  • Accordion-tabaccordion-tab.js
  • Collapse Jquerycollapse.js

Setting up the theme

  • To Change the Logo of the theme Go To Apperance->Option Panel->Quick Start Settings .You can select your best in the given field(s) .
  • To Add Menu(s) in the Home Page Go To Apperance-> Menus.You can set your menus .
  • The front-page of this theme includes Health Center Featured slider,Featured Services , Portfolio Project, Call out Area,Recent News with Why Choose Us, Testimonials .
  • To Change the slider images, Go To Admin Panel-> Featured slider (A Custom Post Type).
  • To Add your 'Service' Go To Admin Panel->Service(A Custom Post Type) .
  • To Add your 'Portfolio/Project' Go To Admin Panel->Portfolio/Project (A Custom Post Type) .
  • To Add your Testimonial's Go To Admin Panel->Testimonial(A Custom Post Type) .
  • To Add your Our Team's Go To Admin Panel->Our Team(A Custom Post Type) .

Adding Health Center Featured Slider

You will find types of slide variation's in the slider .

  • To Featured Slider image,Go To admin dashboard > Featured Slider-> Add New Slide .
  • In the title box, You can add slider title text.
  • Now Add a new image with Featured Image(Post Thumbnail) .
  • In the MetaBox,You can add information about slider image.
  • Featured Slider(Admin View)

  • Featured Slider (Home page View)

Adding Health Center Service

You can set your available services with this .

  • To Add New Service,Go To Service->Add New Service .
  • To add service title using title box.
  • In the editor you can enter the information or description about that service .
  • In the Service Icon MetaBox,You can add Service Icon using fontawesome icons.
  • In the Service Link MetaBox,You can add your custom Service link.
  • Now Add a new image with Featured Image(Post Thumbnail) .
  • Service(Admin View)

  • This section will be shown on below slider of the Home Page .
  • Service(Front-View)

  • If you want to display services from the menu then use Service templates provided with the theme.
  • Service(Template View)

Add Your Portfolio / Project

  • To Add New Portfolio / Project,Go To Portfolio / Project->Add New item .
  • To add Portfolio / Project title using title box.
  • In the editor you can enter the information or description about that Portfolio / Project .
  • In the Portfolio / Project Link MetaBox,You can add your custom Portfolio / Project link.
  • In the Your clients MetaBox,You can add your clients.
  • In the Visit Website URL MetaBox,You can add your Visit Website URL.
  • Now Add a new Portfolio / Project image with Featured Image(Post Thumbnail) .
  • Portfolio / Project(Admin View)

  • You can create and use different type of categorise .
  • Portfolio / Project category (Admin View)

  • This section will be shown at bottom of the Home Page .
  • Portfolio / Project

  • If you want to display Portfolio / Project 2 Column from the menu then use Portfolio / Project 2 Column templates provided with the theme.
  • Portfolio / Project 2 Column

  • If you want to display Portfolio / Project 3 Column from the menu then use Portfolio / Project 3 Column templates provided with the theme.
  • Portfolio / Project 3 Column

  • If you want to display Portfolio / Project 4 Column from the menu then use Portfolio / Project 4 Column templates provided with the theme.
  • Portfolio / Project 4 Column

Managing Your Testimonials

  • To Add New Testimonial,Go To Testimonial ->Add New Testimonial.
  • Now Add an image for the Testimonial with Featured Image(Post Thumbnail).
  • In the Testimonial Description MetaBox,You can add your Testimonial Description.
  • In the Testimonial Author Designation MetaBox,You can add your Testimonial Author Designation.
  • Testimonial (Admin View)

  • This section will be shown on below Recent News and above footer of the Home Page.
  • Testimonial Section

Managing Our Team

  • To Add New Team Member,Go To Our Team->Add New Team Member .
  • Now Add an image for the Member with Featured Image(Post Thumbnail) .
  • In the Members Designation and Role Description MetaBox,You can add your Designation and Role Description.
  • You can set Facebook/Twitter/Google URL for team .
  • Our Team(Admin View)

  • If you want to display Our Team from the menu then use About-us templates provided with the theme.
  • Our Team

Option Panel Setings

Go To->Admin->Apperance->Option Panel

  • You can customise your theme with Option Panel Setting.
  • Option Panel

Quick Start Settings

  • Select your color styles out of eight various stylesheets.
  • Select your Theme Layout out of two layout wide and boxed.
  • Set your custom background color and image .
  • Insert Logo for your website.
  • Set your logo Height and Width.
  • Enable text-based Site Title using Text Title.
  • Insert Fevicon Icon for your website.
  • Add your Google Tracking Code using google tracking code box.
  • Add your Custom css using Custom css box to change the site layout without editing code.
  • Quick Start

Slider Setting

  • Enable slider on front page.
  • Select Slider Animation Effect.
  • Select Slider Direction.
  • Adjust Animation Speed of Slider.
  • Adjust auto slide interval.
  • Slider Settings

Service Setting

  • Add your site intro text.
  • Add your Call Now Text.
  • Add your Call Now Link.
  • Adjust auto slide interval.
  • Service Settings

  • Service on home page

Project / Portfolio Setting

  • Add Portfolio title text.
  • Add Portfolio description text.
  • Project / Portfolio Settings

  • Project / Portfolio on home page

FAQ

  • Add the FAQ title.
  • Enter the FAQ description text.
  • FAQ Settings

  • FAQ on home page

Typography

  • Enable Custom Typography for your theme.
  • Select Font Size,Font Family and style for General Typography.
  • Select Font Size,Font Family and style for Menu.
  • Select Font Size,Font Family and style for Post Title.
  • Select Font Size,Font Family and style for Page Title.
  • Select Font Size,Font Family and style for Service Title.
  • Select Font Size,Font Family and style for Portfolio Title.
  • Select Font Size,Font Family and style for Widget Heading Title.
  • Select Font Size,Font Family and style for Site intro.
  • Select Font Size,Font Family and style for Call Out Area Description.
  • Select Font Size,Font Family and style for Call Out Area Purchase Button.
  • Typography

Post Type Slug

  • Insert Your Custom Slug Here
  • Insert Your Custom Slug For "Slider Post Type".
  • Insert Your Custom Slug For "Service Post Type".
  • Insert Your Custom Slug For "Testimonial".
  • Insert Your Custom Slug For "Team Post Type".
  • Insert Your Custom Slug For "Portfolio/Project".
  • Insert Your Custom Slug For "Portfolio/Project Category".
  • Post Type Slug Option (View)

Contact Information

  • Enable Get in touch section in contact page using check box.
  • Add your contact details in the specific fields.
  • Contact Page Setting

Social media

  • Enable social media in contact page and Header or footer section.
  • Add social media link in the specific fields.
  • Social media link option (View)

Google Maps

  • Enable Google Maps in contact page.
  • Use the src of embed map of google maps API.
  • Add the src of embed map in the input box.
  • Google Maps option (View)

Section Headings

  • Add Your Custom Heading Text Here
  • Add your Home Page News Section Heading text in the specific fields.
  • Add your Home Page FAQ Heading text in the specific fields.
  • Add your Home Page Testimonials Heading text in the specific fields.
  • Add your About Us Page Team Heading One text in the specific fields.
  • Add your About Us Page Team Heading Two text in the specific fields.
  • Add your About Us Page Team Tag line text in the specific fields.
  • Section Headings option (View)

Layout Manager

  • Mange your home page layout using drag and drop option.
  • Layout Manager option (View)

Custom Widget Setings

Go To->Admin->Apperance->Widgets

  • Custom Widget(Admin View)

  • Custom Widget Sidebar(Front View)

  • Custom Widget Footer Widget(Front View)

  • You can customise your widgets.
  • You can set 'Health Centre Sidebar Recent Posts' in Sidebar, 'Health Centre Footer Useful Links' , 'Health Centre Footer Contact' , 'Health Centre Footer Recent Work' in Footer Widget Area.

Health Center Templates

  • This theme has a variety of built-in page template's,You can use those template according to your need.
    Go To ->Pages ->Add New Select The Page Template .

Page Template

  • You can use Default Template to show all your content.
  • Page-With Sidebar: To Show your page with sidebar.

    Here are providing two option.
    1.Select template name from the right sidebar using Template selection option.
    2.Select Page Layout meta box bottom of the Editor.
  • You can create your pages according to your page layout.
  • You can directly use the above templates, Just assign Template name to that Page rather using Default Templates.
  • Creating page and Page layout admin (View)

Home Page Template


  • Home Page Contains Several Sections ,Which are populated using different Custom Post Types .
  • Featured Slider,Service,Portfolio / Projects,Recent News / FAQ and Testimonials .
  • To Change the Logo of the theme Go To Apperance->OptionPanel->Genral.You can select your best is the given feild(s) .
  • To set the E-Mail , Contact Number and Social Icons. Go To Apperance->OptionPanel->Contact Page.
  • To Add Menu(s) in the Home Page Go To Apperance->Menus.You can set your menus.
  • To set Tag Line for your theme Go To->Apperance->OptionPanel->Service Setting.
  • To set Heading for Portfolio / Projects section for your theme Go To->Apperance->OptionPanel->Project Portfolio.
  • To set Heading of Recent New / FAQ and Testimonial section , Go To->Apperance->OptionPanel->Sections Headings.
  • You can fill the whole Footer Call Out Area using ,Go To->Apperance->OptionPanel->Footer Call Out Area.
  • You can manage the Sections of the Home Page Using DRAG and DROP option of Layout Manger in Apperance->OptionPanel->Layout Manger.

About Us Template

In the About Us Template you will find following features .


  • You can add Text and image from editor and also from Featured Image.As shown in the above image . The Featured Image will be shown on about us template with Box-Shadow effects.
  • You can add new images with editor's add media button and featured image .
  • To change the Our Team,Go To ->Admin Panel ->Our Team ,There you can set/change Name , Image , Desigantion , Desciption and Social Media Links of the team member.

Blog Template


  • To show all your blog post . Theme Supports THREE different Type of Blog Templates ,1. Blog-With-Right Sidebar 2.Blog-With-Left-Sidebar 3.Blog-Full-Width
  • To use these templates You Just need to assign any one of the Templates to that particular Page.
  • In the Left Or Right Sidebar you can place a custom widgets or WordPress Defaults Widgets.

Full Width Template


  • A full width detailed page .
  • You can add Text and Attachments and Featured Image.

Service Template


  • A full width Service detailed page .
  • This page will show your Services that all yu have created using SERVICE CPT.
  • Testimonial Slides will shown at bottom of this Page.

Portfolio Templates

  • Theme supports Three column Portfolio templates . To use these templates create a normal WordPress page and select the appropriate page template .

Portfolio Two Column


  • List all your Portfolios / Project in a Two columns View.

Portfolio Three Column


  • List all your Portfolios / Project in a Three columns View.

Portfolio Four Column


  • List all your Portfolios / Project in a Four columns View.

Contact Us Page Template


  • Populate Your Contact Page Template using Option Panel Setting.

List Of Features

Themes offers variety of Short codes Like Accordian , Alert ,Button , Tabs , Column etc.

  • Short Codes

Images with dimension

Container Name Dimensions
Slider

1200 x 450

Blog

750 x 350(For Blog Detail)

1170 x 450(For Blog Full-Width Template)

Portfolio

770 x 473 (For Portfolio one column)

560 x 330 (For Portfolio two column)

360 x 220 (For Portfolio three column)

270 x 160 (For Portfolio four column)

Service

750 x 500 (For Service Detail)

Testimonial

50 x 50

Resources Used

The following resources where used in the development of this theme: