WP Fitness Wordpress 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
  • "wp-fitness-pro-1.0.zip and wp-fitness-pro-child-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 Newbutton at the top.


3. Click on upload theme button.


4. Click on Browse Button then select your wp-fitness-pro-child-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 page


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

Typography Settings

Color/Fonts Setting is the easy process for setting or changing color/fonts of the site.
    1. Go to Appearance > Customize > TG Settings > Typography Settings

        The options integrated in this section are:

      • Headings (h1, h2, h3, h4, h5, h6) Font family

This section gives option to set font family of paragraph & other content of your site.

      • Paragraph and other content Font family

 This section gives option to set font family of all the headings of your site.

  1. Now, click on Publish button.

How to set up Home Page

Setup Header Section

In order to proceed with Header Section,

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



Follow these instructions to setup top bar.

  • Header Background Color Option: Contains background color options for header section.
  • Header Menu Color and Font Family Option: Contains color options for header menu and it's font family.
  • Menu Text Hover Color Option: Contains text color on hover options for text of header menus.
  • Menu DropDown Background Color Option: Contains background color options for dropdown menu.
  • Menu DropDown Hover Color Option: Contains color options for menu dropdown on hover.
  • Responsive Menu Background Color: Contains background color options for responsive menu.
  • For Top menu: Create the menu from the dashboard and set it to the "Top Menu".


Setup Slider



Follow the below steps to setup the slider

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



  • Slider Heading Color and Font Family: Contains color options for heading and it's font family.
  • Slider Text Color and Font Family: Contains color options for text and it's font family.
  • Slider Image: Here you can set the images for slider.
  • Slide Title: Here you can set the title on slider.
  • Slide Description: Here you can add description on slider.
  • Slider Link: Here you can add the button link.

Setup About Us Section

In order to proceed with About Us Section,

Go to Appearance -> Customize -> TG Settings -> About Us Section



In this section you can set the Background Image, Title, Sub-Title & Description of about us section according to your site. Options here are further described according to the sections they belong to :


  • Setting Options: Includes settings for Section display enable / disable option.
  • Section Sub Heading Color & Font Family Option: Contains sub heading color and it's font family options for specifix section.
  • Section Text Color & Font Family Option: Contains text color and it's font family options for specifix section.

Setup Our Classes Section



In order to proceed with Our Classes Section,

Go to Appearance >> Customize >> TG Settings>> Our Classes Section



In this section you can set the Images,Title & Sub-Title of our classes section. It also have options to cutomize following things:

  • Setting Options: Includes settings for Section display enable / disable option.
  • Section Title Color and Font Family: Contains color options for title and it's font family for specifix section.
  • Section Sub Title Color and Font Family: Contains color options for sub-title and it's font family for specifix section.
  • Section Sub Title Color and Font Family: Contains color options for sub-title and it's font family for specifix section.
  • Background Color Option: Contains background color options for specifix section layout.
  • Background Image Option: Contains background image options for specifix section layout.
  • Number of Content to show: Allow you to select no. of images you would like to display on one slider.

Setup Meet Our Trainers Section

First you will need to install and activate the "WP-Fitness Post Type Plugin". You can see more decription about this here.

In order to proceed with Trainers section,

Go to Appearance >> Customize >> TG Settings >> Trainer Section

In this section you can set the section Title and Description. Options here are further described according to the sections they belong to :

  • Setting Options: Includes settings for Trainers section display enable / disable option.
  • Section Title Color and Font Family: Contains color options for title and it's font family for specifix section.
  • Section Paragraph Color and Font Family: Contains color options for paragraph and it's font family for specifix section.
  • Section Button Text Color and Font Family: Contains color options for button text and it's font family for specifix section.
  • Background Color Option: Contains background color options for specifix section layout.
  • Background Image Option: Contains background image options for specifix section layout./li>
  • Button Link: Allow you to add link for Read More Button.
  • Slider Text Font: This option allows you to set slide text font of section.


For setting up new trainers you need to follow below instruction to add new Trainers.

Go to Dashboard >> Our Trainers >> Add New



Once you added posts in the Our Trainers ,you can add more post as many you want.

Trainers Section Shortcode:

The Shortcode present in the Trainers allows you to call your trainer section anywhere on the pages, just by placing the shortcode in the page.

see the screenshot.

Setup Choose Our Pricing Plans Section



In order to proceed with Check Out Pricing Plans section,

Go to Appearance >> Customize >> TG Settings >> Pricing Plans Section.




In this section you can set the Title, Service Name, Plans Name, plan price & Content to be offered according to the theme. Options here are further described according to the sections they belong to:

  • Setting Options: Includes settings for Service display enable / disable option.
  • Section Heading Color and Font Family: Contains color options for heading and it's font family for specifix section.
  • Section Text Color and Font Family: Contains color options for text and it's font family for specifix section.
  • Section Price Color and Font Family: Contains color options for price and it's font family for specifix section.
  • Section Offer Color and Font Family: Contains color options for offer and it's font family for specifix section.
  • Section Button Color and Font Family: Contains color options for buttons and it's font family for specifix section.
  • Background Color Option: Contains background color options for specifix section layout.
  • Background Image Option: Contains background image options for specifix section layout.
  • Number of Plans to show: Allow you to select no. of Plans you would like to offer and display.
  • Button Link: Allow you to add link for Sign Up Button.

Success Stories Section

First you will need to install and activate the "WP-Fitness Post Type Plugin". You can see more decription about this here.

In order to proceed with Success Stories Section,

Go to Appearance >> Customize >> TG Settings >> Success Stories Section.


In this section you can set your the Title & Description. Follow the below steps to customize this section:

  • Setting Options: Includes settings for Service display enable / disable option.
  • Section Title Color and Font Family: Contains color options for title and it's font family for specifix section.
  • Section Paragraph Color and Font Family: Contains color options for paragraph and it's font family for specifix section.
  • Background Color Option: ontains background color options for specifix section layout.
  • Background Image Option: Contains background image options for specifix section layout.

In order to display number of clients on pages you need to follow the instruction given below:

Go to Dashboard >> Success Stories >> Add New.

For setting up Success Stories Section first of all you need to add Title(as client name),Description,image and its designation by using Success Stories Post.. Follow below instruction to add posts.



Once you added posts in the Success Stories, you can add more post(Success Stories) as many you want,and you'r done.

Success Stories Section Shortcode:

The Shortcode present in the Success Stories allows you to call your Client section anywhere on the pages you wish to,just by placing the shortcode in the page.

see the screenshot.


Setup Gallery Section



In order to proceed with Gallery section,

Go to Appearance >> Customize >> TG Settings >> Gallery Section.

In this section you can set gallery images. Also you can add the shortcode ( "[galleryshow gallery=5 numberofitem=5]" ) of the gallery in the customizer, if you want to add gallery using wp-gallery-plugin. First you will need to install and activate it. You can see more decription about this here.Click here to configure this plugin. Further customization will be done from here.


  • Setting Options: Includes settings for Service display enable / disable option.
  • Background Color Option: Contains background color options for specifix section layout.
  • Background Image Option: Contains background image options for specifix section layout.

Recent Post Section


In order to proceed with Gallery section,

Go to Appearance >> Dashboard >> Post >> Add New


In this section you can add new post, In the post you can add the Title, Content, Image. Further customization will be done from here.

Go to Appearance >> Dashboard >> Post >> Recent Post Section.



  • Setting Options: Includes settings for Service display enable / disable option.
  • Section Title Color and Font Family: Contains color options for title and it's font family for specifix section.
  • Section Text Color and Font Family: Contains color options for text and it's font family for specifix section.
  • Section Paragraph Color and Font Family: Contains color options for paragraph and it's font family for specifix section.
  • Date Color and Font Family: Contains color options for date and it's font family for specifix section.
  • Section Button Color and Font Family: Contains color options for buttons and it's font family for specifix section.
  • Background Color Option: Contains background color options for specifix section layout.
  • Background Image Option: Contains background image options for specifix section layout.

Setup Services Section


In order to proceed with service section,

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


In this section you can set the Images & Title of Services offered according to your site. Options here are further described according to the sections they belong to:

  • Setting Options: Includes settings for Service display enable / disable option.
  • Section Title Color and Font Family: Contains color options for title and it's font family for specifix section.
  • Background Color Option: Contains background color options for specifix section layout.
  • Background Image Option: Contains background image options for specifix section layout.
  • Number of Services to show: Allow you to select no. of Services you would like to display.

Setup BMI-Calculator Section



In order to proceed with BMI-Calculator section,


Go toAppearance >> Customize >> TG Settings>> BMI Calculator Section

In this section you can set your the Fitness Image,Title. Options here are further described according to the sections they belong to:

  • Setting Options: Includes settings for BMI-Calculator section display enable / disable option.
  • Section Heading Color and Font Family: Family:Contains color options for heading and it's font family for specifix section.
  • Section Text Color and Font Family: Contains color options for text and it's font family for specifix section.
  • Background Color Option: Contains background color options for specifix section layout.
  • Background Image Option: Contains background image options for specifix section layout.
  • Section Title: Allow you to set the title to be display.

Setup Contact Us Page


First, you have to select contact template to display the contact page.


In order to proceed with Contact Us Page,

Go to Dashboard >> Contact >> Contact Forms

Add the contact form7 plugin to your wordpress account. Activate the plugin and create your own form. Once you have done with this copy it's shortcode.


After copy a short code from contact form put this short code into customizer.

In this section you can add Name, E-mail, Contact Number & Address through the customizer. It also have options to cutomize following things:

Go to Appearance >> Customize >> Themes Settings >> Contact Us



  • Setting Options: Includes settings for Contact Us section display enable / disable option.
  • Contact Form Shortcode: Copy a short code from contact form and put into "Contact Form Shortcode".
  • Section Heading: You can add heading for specifix section.
  • Contact Us Tittle Color and Font Family: Contains color options for title and it's font family for specifix contact section.
  • Contact Us Text Color and Font Family: Contains color options for text and it's font family for specifix contact section.
  • Latitude and Longitude Option: You can add Latitude and Longitude of your address on the Google Map.

Setup About Us Page


In order to proceed with About Us Page,

Go to Dashboard >> Pages >> Add New

You have to add new page for About Us Page. After adding new page you can set title, description and Image. For Image you have to add image through "Add Media Option". After adding image copy the image url and put the url above the description. To show "our trainer section" put the short code ( "[wp-team]" ) at the bottom of the description. To display this page select the about template.

Setup Footer Section


In order to proceed with Footer section,

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


You have four columns in the footer. Each column have different element to show. Lets see each column on by one.

  • First column: This section content will come form the customizer. You to set the content through the customizer.
  • Second column: These sections will be setup from the admin pannel widget section. Add whatever widget you want.

  • Third column: This section content will come form the customizer. You to set the classes through the customizer.
  • Fourth column: This section content will come form the customizer. Add the contact form7 plugin to your wordpress account. Activate the plugin and create your own form. Once you have done with this copy it's shortcode and put this( "[contact-form-7 id="124" title="Untitled"]" ) shortcode in the customizer.

  • Setting Options: Includes settings for Contact Us section display enable / disable option.
  • Section Title Color and Font Family: Contains color options for title and it's font family for specifix section.
  • Section Text Color and Font Family: Contains color options for text and it's font family for specifix section.
  • Background Color Option: Contains background color options for specifix section layout.
  • Background Image: Contains image options for specifix section layout.
  • Number of Services to show: Allow you to select no. of Services you would like to display.

Setup Copyright Text


In order to proceed with Copyright Text,

Go to Appearance >> Customize >> TG Settings>> Copyright Text


In this section you add all the Title & url. Options here are further described according to the sections they belong to

  • Setting Options: Includes settings for Contact Us section display enable / disable option.
  • Title : Allow you to set the title which to display.
  • Copyright Text Color and Font Family: Contains color options for copyright text and it's font family for specifix section.
  • Background Color Option: Contains background color options for specifix section layout.
  • Background Image Option: Contains background image options for specifix section layout.

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 >> WP Fitness Wordpress Theme >>Activate


Once you activate the plugin it will create two register posttype namely:Our Trainers and Success Stories on the Dashboard

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

1. Our Trainers

In order to showcase your Trainers post inside "OUR TRAINERS" section on homepage as well as to display on post and pages through shorthcode you need to setup/configure this plugin.

Go to Dashboard >> Our Trainers >> Add New Post


Add as many Trainers you want to add

Now on homepage you can view your post as a slider whereas if you want you can simply display that on inner page through shortcode


2. Success Stories

Similarly In order to display your Success Stories as it is on homepage inside any post/pages you simply need to follow the below steps.

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

    Add Title,Description,Designation and featured image to your Success Stories post and click publish.

    This post will then appear on the page on which you have inserted its shortcode.

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 change in parent theme.

Hook code below Slider


Hook code below About Us


Hook code below Our Classes


Hook code below Meet Our Trainer


Hook code below Pricing Plans


Hook code below Success Stories


Hook code below Gallery


Hook code below Recent Post


Hook code below Services


Hook code below BMI Calculator


Hook code below Blog Fullwidth Header


Hook code below Fullwidth Blog Footer


Hook code below Page Header


Hook code below Page Footer

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)
  • Contact Template (the default Contact template with no sidebar position)
  • Home Page Template (the default home page template with right sidebar position)

Post, Categories and Post Formats


Adding category

Review the following article for more information on adding categories: http://codex.wordpress.org/Manage_Categories_SubPanel

  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.

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.