TG Business WordPress Theme Documentation

Introduction

Thank you for buying our WordPress Theme. The complete procedure to configure and manage a WordPress Website from the beginning is shown in this documentation in different portions.

What is WordPress CMS?

WordPress is an open source tool which is based on PHP and MySQL to create websites. It is a completely free content management system(CMS) and a strong blogging platform. With this CMS, you can develop websites and solid online apps. You hardly require any knowledge or technical capability to manage it. WordPress has become the most accepted website development software available because of it’s varied aspects like it’s easy usage and flexibility. Learn More

What is a WordPress template

A WordPress template acts as a skin for the websites which are created on WordPress CMS. The installation of a WordPress Template is very easy. With the help of an installed new template, you can change the look of your WordPress website very easily. All the requisite source files are provided with a WordPress template and you can freely go for editing and increasing it the way you want.

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.0.zip and the-wp-business-child_1.0.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 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 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,Title,Sub-Title & Content of 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 Heading Color Option: Contains heading color options for specifix hrading color.
  • Section Paragraph Color Option: Contains paragraph color options for specifix paragraph color.

Setup What We Do Section

In order to proceed with What We Do Section,

Go to Appearance >> Customize >> TG Settings>> What We Do Section Section.

In this section you can set the Image,Title,Sub-Title & Content of What We Do 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 Heading Color Option: Contains heading color options for specifix heading color.
  • Section Paragraph Color Option: Contains paragraph color options for specifix paragraph color.
  • Number Of Content Option: Contains number of content options for content to show.
  • Title Option: Contains title options for title to show.

Setup We Offer Section

In order to proceed with We Offer,

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

In this section you can set the Image,Title,Sub-Title & Content of We 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 Heading Color Option: Contains heading color options for specifix heading color.
  • Section Sub-Heading Color Option: Contains heading color options for specifix sub-heading color.
  • Tab Color Option: Contains tab color options for specifix heading color.
  • Text Color Option: Contains text color options for specifix heading color.
  • Section Paragraph Color Option: Contains paragraph color options for specifix paragraph color.

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 the 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 Option: Contains heading color options for specifix heading color.
  • Section Sub-Heading Color Option: Contains heading color options for specifix sub-heading color.
  • Tab Color Option: Contains tab color options for specifix heading color.
  • Text Color Option: Contains text color options for specifix heading color.
  • Section Paragraph Color Option: Contains paragraph color options for specifix paragraph color.

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 of Experience Guyz 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.
  • Setting Options : Includes settings for Section display enable / disable option.
  • Section Heading Color Option: Contains heading color options for specifix heading color.
  • Section Sub-Heading Color Option: Contains sub-heading color options for specifix sub-heading color.
  • Section Paragraph Color Option: Contains paragraph color options for specifix paragraph color.
  • Text Bar Color Option: Contains text bar color options for specifix text bar color.

Setup Testimonials Section

In order to proceed with Testimonials Section,

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

In this section you can set the Image,Title,Sub-Title & Content of Testimonials 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 Heading Color Option: Contains heading color options for specifix heading color.
  • Section Paragraph Color Option: Contains paragraph color options for specifix paragraph color.
  • Background Color Option: Contains background color options for specifix section layout.
  • Tab Title Option: Contains tab title options for specifix tab title.

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 Title & Content of Blog Section.Additional feature is given to set the Blog Section and timings. Options here are further described according to the sections they belong to :

  • Setting Options : Includes settings for Section display enable / disable option.
  • Text Fonts Option: Contains text fonts options for specifix text fonts.
  • Section Heading Color Option: Contains heading color options for specifix heading color.
  • Section Sub-Heading Color Option: Contains sub-heading color options for specifix sub-heading color.
  • Section Paragraph Color Option: Contains paragraph color options for specifix paragraph color.

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 Title & Content of Our Amazing Client Section.Additional feature is given to set the Our Amazing Client Section days and timings. 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 Option: Contains heading color options for specifix heading color.
  • Section Sub-Heading Color Option: Contains sub-heading color options for specifix sub-heading color.
  • Background Color Option: Contains background color options for specifix section layout.
  • Number Of Content To Show Option: Contains number of content to show options for specifix content to show.

Setup Get In Touch Section

In order to proceed with Get In Touch section,

Go to Appearance >> Customize >> TG Settings>> Get In Touch Section.

You can set the Title & add a link to ReadMore button.

  • Setting Options : Includes settings for Get In Touch section display enable / disable option.
  • Section Heading Color Option: Contains heading color options for specifix heading color.
  • Section Sub-Heading Color Option: Contains sub-heading color options for specifix sub-heading color.
  • Text Color Option: Contains text color options for specifix text color.
  • Section Paragraph Color Option: Contains paragraph color options for specifix paragraph color.


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 And Delievery


Hook Code After What We Do


Hook Code After We Offer


Hook Code After Our Core Feature


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 Aside Social Shearing Section


Hook Code After Fullwidth Page Header Section




Page Templates and Sidebars


Page Templates

  • Default Template (the default page template with a right sidebar position)
  • 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