The template bundle that you downloaded is divided into various directories. Let's examine the contents of each folder:
Screenshots
-contains template screenshot. Not for use in production.
theme
-includes WordPress theme files
"wp-business-pro-1.0.zip and wp-business-pro-child-1.0.zip"
-This folder contains all of the files required for the theme.
"license.txt"
-contains licence information
"readme.txt"
-contain information on the theme's image path, font usage, and script usage
TG KEY ACTIVATION
The TG Key Activation procedure is as follows.
As you will get the License Key on your Email, use that key to Activate License.
Follow the following Process to Activate License.
Go to Dashboard >> Appearance >> TG Key Activation >> Enter Key>>Save Changes.
After Entering The Key >> Activate Licence.
After you Activate Licence,the key will be active and then you can Getstarted with the Theme.
In this way you can activate your Licence Key.
Template Installation
Installing a template is a simple and uncomplicated process. There are two methods for installing the system.
1-Install a theme using wordpress admin
The first step is to log into your WordPress admin area. Then, click on
1.Go to the menu
Appearance >> Themes
2. Once you've arrived at the themes page, click 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 provide a success message with a link to activate it or view a live preview.
Congratulations, your theme has been installed successfully.
Section Color/Font Pallette
Color/font selection is a simple process. These choices are available in all parts of the customizer. It is a complete graphic that demonstrates the colour and font palette. You can change the colour and typefaces of the headings, paragraphs, and buttons with a single click.
Depending on the number of options accessible in that area, each individual section has the opportunity to change the colour palette for Headings,Title/Text,Paragraph,Button Text, and Button Background.
Default Color/Font settings
Fetch Demo content
This theme supports WordPress's default Site Identity section, and we've included some customization options in this section.
Follow these steps to create your home page.
1. Create Page to set template: Go to Dashboard >> Pages >> Add New Page.
Label it "home" or whatever you like. Then, from the template menu, select "home-page."
2. Set the front page: Go to Setting -> Reading --> Set the front page display static page to home page
When you're finished, you'll be able to see all of the demo content on the top 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
To configure the slider, follow the steps below.
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: Allows you to specify the number of sliders to display.
Slider Image: Set the images for the slider here.
Slider Heading Color: Allows you to change the colour of the slider's heading.
Slider Heading Fonts: With this option, you can change the typeface of the Slider heading.
Slider Paragraph Color:This option lets you change the colour of the slider text.
Slider Paragraph Fonts: With this option, you can change the typeface of the Slider heading.
Setup We Think section
To proceed with the Setup We Think section,
Go to Appearance -> Customize -> TG Settings -> Setup We Think section
In this area, you can customise the image, the section heading (which includes parameters to alter the section heading), the brief explanation from the section text, and the link to the Read More button.
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
The term "responsibility" refers to the act of determining whether or not a person is responsible for his or her own actions. It also has the following customization options:
Setting Options: Section display enable / disable settings are included.
Section Sub Heading Color & Font Family Option: Subheading colour and font family selections for specific section.
Section Text Color & Font Family Option: Text colour and font family selections for the specifix section.
Background Color Option: Background colour options for specifying section arrangement are included.
Setup We Offer Section
To proceed with the 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: Section display enable / disable settings are included.
Section Heading Color & Font Family Option: Subheading colour and font family selections for specific section.
Section Sub-Heading Color Option: This section contains header colour options for specifying sub-heading colour.
Tab Color & Font Family Option: It includes tab colour and font family options for specifying heading colour.
Section Text Color & Font Family Option: Text colour and font family selections for the specifix section.
Setup Our Core Feature
To proceed with the 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: Section display enable / disable settings are included.
Section Heading Color & Font Family Option: Subheading colour and font family selections for specific section.
Section Sub-Heading Color Option: This section contains header colour options for specifying sub-heading colour.
Tab Color & Font Family Option: It includes tab colour and font family options for specifying heading colour.
Section Text Color & Font Family Option: Text colour and font family selections for the specifix section.
Section Paragraph Color & Font Family Option: Options for paragraph colour and font family for specific part.
Setup Experience Guyz Section
To proceed with the Experience Guyz section,
Go to Appearance >> Customize >> TG Settings>> Experience Guyz Section.
There is an option to select the category to display the appropriate tours. You can also change the colours in that part, such as the background and text colours.
In this part, you can customise the image, title, and content. Through the customizer, you can additionally add work with a percentage progress level.
Setting Options: Display enable / deactivate settings are included.
Section Heading Color & Font Family Option: Optional heading colour and font family for specific section.
Section Sub Heading Color & Font Family Option: Subheading colour and font family selections for specific section.
Section Paragraph Color & Font Family Option:Options for paragraph colour and font family for specific part.
Setup Testimonials Section
To proceed with the Testimonials Section,
Go to Appearance >> Customize >> TG Settings>> Testimonials Section.
This section have the three tabs to show.
1. Our Template: Through the customizer, you may choose the number of templates to display, the title, and the content of each template in the Template area.
2. Pricing Table: In the Pricing Table section, you may choose the number of pricing tables to display, as well as the price, photos, title, and content. Using the customizer, add a link to each Buy Now button.
3. Testimonials: Through the customizer, you may specify the amount of testimonials to display, as well as photographs, the name and content of each testimonial.
Setup Our Blog Section
To proceed with the Our Blog Section,
Go to Appearance >> Customize >> TG Settings>> Blog Section.
In this section, you can specify the number of questions to display, as well as the title and content. Options are further described in the sections to which they belong:
Setting Options: Display enable / deactivate settings are included.
Section Text Color & Font Family Option Option: Text colour and font family selections for the specifix section.
Section Heading Color & Font Family Option: Optional heading colour and font family for specific section.
Section Sub Heading Color & Font Family Option: Subheading colour and font family selections for specific section.
Section Paragraph Color & Font Family Option: Options for paragraph colour and font family for specific part.
Setup Our Amazing Client Section
To proceed with the Our Amazing Client Section,
Go to Appearance >> Customize >> TG Settings>> Our Amazing Client Section
In this section, you can specify the number of questions to display, as well as the title and content. Options are further described in the sections to which they belong:
Setting Options: Display enable / deactivate settings are included.
Section Heading Color & Font Family Option: Optional heading colour and font family for specific section.
Section Sub Heading Color & Font Family Option: Background colour options for specifying section arrangement are included.
Background Color Option: Options for paragraph colour and font family for specific part.
Number Of Content To Show Option: Allow you to specify the number of items to display.
Setup Get In Touch Section
To proceed with the Get In Touch section,
Go to Appearance >> Customize >> TG Settings>> Get In Touch section
Install the contact form7 plugin on your WordPress site. Activate the plugin and start designing your own form. Once you've finished with this, copy the shortcode and paste it into the customizer's Keep In Touch box. It also has the following customization options:
Setting Options: Display enable / deactivate settings are included.
Section Heading Color & Font Family Option: Optional heading colour and font family for specific section.
Section Sub Heading Color & Font Family Option: Contains background color options for specifix section layout.
Text Color Option & Font Family Option: Text colour choices are provided for specifying text colour.
Section Paragraph Color & Font Family Option: Options for paragraph colour and font family for specific part.
Setup Footer Section
To proceed with the Footer,
Go to Appearance >> Customize >> TG Settings >>Footer Section
In the footer, you have three columns. Each column displays a distinct element. Let's go through each column one by one.
First Column: The admin pannel widget section will be used to configure this part. Add any widget you like.
Second Column : This section will come from the customizer. Add Newsletter by using shortcode ([contact-form-7 id="55" title="Untitled"]) .
Third Column: The customizer will provide the material for this section. Insert social icon links to add social icons.
Setting Options: Display enable / deactivate settings are included.
Section Heading Color Option: The heading colour for the specifix section is included.
Section Text Color Option: Section text colour choices are provided for specifying section text colour.
Background Color Option: Background colour choices are provided for customising the background colour.
Setup Footer Text Section
To proceed with the Footer,
Go to Appearance >> Customize >> TG Settings>> Footer Text Section.
In the footer, you have three columns. Each column displays a distinct element. Let's go through each column one by one.
In this box, you enter all of the Title and URL. Options are further described in the sections to which they belong:
Title: Allow you to set the title which to display.
Plugins
With the use of plugins, you can increase and expand WordPress's existing functionality.
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.
These sections have now been added, but the contents are missing. Follow these instructions to add material to these sections.
To add tg Gallery, Go to tg Gallery >> Add new
With the Add Images option shown in the screenshot, you may add images to these sections, which are immediately published to Latest Gallery based on the specific tg Gallery you add.
Now, as seen in the image above, you can add the title and description of the tg Gallery.
To add Testimonials, Go to Testimonials >> Add new
You can add images of Testimonials to this section using the Add Media option, as shown in the screenshot, and they will be automatically uploaded in the Testimonials Section.
You may now add the Person's name and testimonial here.
The term "electronic commerce" refers to the sale of electronic goods.
Child Themes and Hooks
Custom theme editor is a simple method for modifying the site. If you need to add a part to the site, you can easily edit in the child theme and alter it in the 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
Setup Navigation
First of all create pages from go to Pages >> Add new page.
Go to Appearance >> Menu
Select the Create a new menu link option.
Give your menu a name in Menu name and save menu button.
Once you've created the menu. You must add pages by selecting them using checkboxes. After you've added a menu list, you can rearrange it using drag and drop.
Choose a menu theme location from the checkboxes below.
For a better understanding, look at this screenshot.
Page Templates and sidebars
Page Templates
Default Template (the standard page design with a right sidebar)
Page (Left Sidebar) (a page template with a left sidebar )
Page (Right Sidebar) (a page template with a right sidebar)
Blog (Full Width) (a blog design with only one column and no sidebar)
Blog (Left Sidebar) (a blog design with a left sidebar)
Blog (Right Sidebar) (a blog template with a right sidebar)
Contact Template (the default Contact template without a sidebar)
Home Page Template (the default home page template with the right sidebar)