WP Business WordPress Theme Documentation

Help and Support

Files structure

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

  • Screenshots - contains template screenshots. Not for production.
  • theme - contains WordPress theme files.
    • the-wp-business_1.3.5.zip and the-wp-business-child_1.3.5.zip - this folder content all the necessary files for the theme.
  • license.txt - contains license details.
  • readme.txt - contain information about theme images path and font use and usage scritps.

Template installation

Template installation is very easy process.

All installation steps can be done within WordPress interface. It makes process comfortable and fast.

Step 1. Theme installation

  1. Go to the menu Appearance > Themes and click the Add New Theme button.
  2. Click the Upload link.
  3. Click the Browse button and navigate to the unzipped template package on your computer.
  4. Look for a file called the-wp-business.zip Click on it to select, then click OK.
  5. Click the Install Now button and wait until the installation is complete.
  6. Click the Activate link to change the current layout of the site to the theme your purchased.
  7. Go to Appearance >> Customize >> TG settings.

Congratulations, your theme have been successfully installed!

Section Color/Font Pallete

Color/Font is very easy process.At a single glance of click you can set the color and fonts of the Headings,Paragrapgh 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

Tabs Color/Font settings

How to set up homepage

Setup Home Page Template

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.

Setup Header

Follow these instructions to setup header.

  • For Slider: Go to Appearance >> Customize >> TG Settings >>Slider Settings >> Upload image,Add Title, Description & Link to Learn More.
  • For Site Name/Logo: Go to Appearance >> Customize >> Site Identity >> Here you can set Logo,Site Title,Tagline & Site Icon for your site.
  • For Navigation: See the Setup Navigation tab of this documentation.

Setup We Think section

In order to proceed with We Think,

Go to Appearance >> Customize >> TG Settings>> We Think.

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 proceed with What We Do Section,

Go to Appearance >> 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 Heading Color & Font Family Option: Contains 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.
  • 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 Service 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 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 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 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.

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 Section 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.
  • Setting Options : Includes settings for Section display enable / disable option.
  • Section Heading Color & Font Family Option: Contains 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.
  • Tab Title Option: Contains tab title options for specifix tab.

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 Section 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 content you would like to display and Images of Our Amazing Client Section. In this section you can set the following points :

  • Setting Options : Includes settings for Section 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.
  • Background Color Option: Contains background color options for specifix section layout.
  • 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 Get In Touch section 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.
  • 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.



Child Theme & 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 Social Shearing Section


Hook Code After Fullwidth Page Header Section




 How to Setup TG-Business-Posttype Plugin

  1. First, you need to download the plugin from the source (which will be a zip file (tg-business-posttype.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.

Plugin Configuration

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

Testimonials

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

Go to Dashboard >> Testimonials >> Add New Post

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

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

Shortcode ( "[tg-testimonial]" )


Page Templates and Sidebars


Page Templates

  • Default Template (the default page template with a right sidebar position)
  • Home Page Template (Front page with the demo content)
  • About Template (the default About template with no sidebar position)
  • Page (Full Width) (a page template with one column without a sidebar)
  • 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)

Posts, 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.

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.

Custom Widgets

 How to Setup Additional Theme Add Ons

  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.

  1. First, you need to choose the banner image that you would like to set on your post/page.
  2. On uploading any file, by default, the title will appear over the banner image.
  3. 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.
  4. You can even show the title below the banner image by checking "Show Title below banner" option.
  5. When none of the options is selected and no file is chosen, then the title will be displayed in the default manner.

TG-Gallery-Images

Once you activate this plugins you will find the TG-Gallery on the Dashboard.

Click on Add new gallery button. And add the title. Add the number of images to show in a gallery.

Once you have done with adding gallery images. Use the following shortcode ([tg-galleryshow tg_gallery=340 numberofitem=8]) to make your gallery appear on a particular page you want simply by replacing the gallery post_id in the Gallery shorthcode.

Thats It! Now you can view your page to see the gallery images....