WP Business 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-business-pro-1.0.zip and wp-business-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-business-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.

How to set up Home Page

Setup Header

In order to set up Header Section,

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



Setup Slider



Follow the below steps to setup the slider

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



  • 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 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 Paragraph Color:This option allows you to set the color of slider text.
  • Slider Paragraph Fonts: You can set the font of Slider heading with this option.

Setup We Think section

In order to proceed with Setup We Think section,

Go to Appearance -> Customize -> TG Settings -> Setup We Think section


In this section you can set the Image, Section Heading which includes settings to set section heading, you can add short description from section text and add a link to Read More button through the customizer.

  • 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 What We Do Section



In order to setup the following section, follow the below steps

Go toAppearance >> Customize >> TG Settings>> What We Do Section


In this section you can set the Images, Background Image, content with it's title and add a link to each Read More button through the customizer. It also have options to cutomize following things:

  • 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.
  • Background Color Option: Contains background color options for specifix section layout.

Setup We Offer Section

In order to proceed with We Offer

Go to Appearance >> Customize >> TG Settings>> We Offer Section.



As We Offer section have the six tabs to show. "DNS Control", "Domain Transfer", "Wedsite Builder", "Unlimited Bandwidth", "Speed Optimization" and "Secure Your Website". You can add description of each tab with images in customizer. So you can select your own offer service , add it's title to show in a specific tab.

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

Setup Our Core Feature



In order to proceed with Our Core Feature,

Go to Appearance >> Customize >> TG Settings>> Core Feature Section.

In this section you can set number of content you would like to display, Image, Background Image, Title, Sub-Title & Content of Our Core Feature 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 Heading Color & Font Family Option: Contains sub heading color and it's font family options for specifix section.
  • Section Sub-Heading Color Option: Contains heading color options for specifix sub-heading color.
  • Tab Color & Font Family Option: Contains tab color and it's font family options for specifix heading color.
  • Section Text Color & Font Family Option: Contains text color and it's font family options for specifix section.
  • Section Paragraph Color & Font Family Option: Contains paragraph color and it's font family options for specifix section.

Setup Experience Guyz Section

In order to proceed with Experience Guyz section,

Go to Appearance >> Customize >> TG Settings>> Experience Guyz Section.

There you will find an option to select the category to show there respective tours. You can also customize the colors of that section such as background color and the text color.



In this section you can set the Image,Title & Content. You can also add work with progress level in percentage through the customizer.

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

Setup Testimonials Section



In order to proceed with Testimonials Section,

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

This section have the three tabs to show.

1. Our Template: In Template section you can set number of template you would like to display, Title & it's content through the customizer.



2. Pricing Table: In Pricing Table section you can set number of pricing table you would like to display, Price, images, Title & it's content. Add link to each Buy Now button through the customizer.



3. Testimonials: In Testimonials section you can set number of testimonials you would like to display, images, Name & it's content through the customizer.


Setup Our Blog Section



In order to proceed with Our Blog Section,

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



In this section you can set the number of question you would like to display, Title & Content.. Options here are further described according to the sections they belong to :

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

Setup Our Amazing Client Section



In order to proceed with Our Amazing Client Section,

Go to Appearance >> Customize >> TG Settings>> Our Amazing Client Section


In this section you can set the number of question you would like to display, Title & Content.. Options here are further described according to the sections they belong to :

  • Setting Options: Includes settings for display enable / disable option.
  • Section Heading Color & Font Family Option: Contains heading color and it's font family options for specifix section.
  • Section Sub Heading Color & Font Family Option: Contains background color options for specifix section layout.
  • Background Color Option: Contains paragraph color and it's font family options for specifix section.
  • Number Of Content To Show Option: Allow you to select no. of content you would like to display.

Setup Get In Touch Section



In order to proceed with Get In Touch section,

Go to Appearance >> Customize >> TG Settings>> Get In Touch section

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 add to to the customizer Keep In Touch section. It also have options to cutomize following things :



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

Setup Footer Section



In order to proceed with Footer,

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

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



  • First Column: This section will be setup from the admin pannel widget section. Add whatever widget you want.
  • Second Column : This section will come from the customizer. Add Newsletter by using shortcode ([contact-form-7 id="55" title="Untitled"]) .
  • Third Column: This section content will come from the customizer. Add social icons by inserting their links .

  • Setting Options: Includes settings for display enable / disable option.
  • Section Heading Color Option: Contains heading color for specifix section.
  • Section Text Color Option: Contains section text color options for specifix section text color.
  • Background Color Option: Contains background color options for specifix background color.

Setup Footer Text Section



In order to proceed with Footer,

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

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



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

  • Title: TAllow you to set the title which to display.

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 Business Wordpress Theme >>Activate

When you activate plugin, you can see two more options in your admin navigation, i.e tg Gallery and Testimonials. You can see this two options in the admin navigation of the image because the plugin is activated.

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

Now, you can see these sections are added but contents are not there. For adding contents to these sections, follow these instructions.

To add tg Gallery, Go to tg Gallery >> Add new


With Add Images option that you can see in the screenshot, you can add images to these section which gets uploaded automatically in Latest Gallery according to the specific tg Gallery you add.

Now, you can add title of tg Gallery and description as shown in image above

    To add Testimonials, Go to Testimonials >> Add new


    With Add Media option that you can see in the screenshot, you can add images of Testimonials to this section which gets uploaded automatically in Testimonials Section.

    Now, you can add name of the Person and testimonial here.

    In this way, you can set up testimonials.

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 After Slider


Hook Code After We Think


Hook Code After What We Do


Hook Code After We offer


Hook Code After Our Core Feature


Hook Code After Our Experience Guyz


Hook Code Below Testimonials


Hook Code After Blog Box


Hook Code After Our Amazing Client


Hook Code After Get In Touch


Hook Code After Fullwidth Blog Header Section


Hook Code Below Fullwidth Blog Footer Section


Hook Code Below Social Shearing Section


Hook Code After Fullwidth Page Header Section


Hook Code Before Fullwidth Page Footer Section

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.