Blogger Hub Pro Theme Documentation

File Structure

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 production.
  • theme -contains wordpress theme files.
  • "blogger-hub-pro.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.

TG KEY ACTIVATION

The steps for activating a TG Key are as follows:

Use the licence key you get through Email 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.

As a result you can activate your Licence Key.

Template Installation

Installing a template is a simple process. There are two ways to complete the installation process.

1 - Using WordPress admin, install a theme.

The first step is to log in to your WordPress admin dashboard. then click on

1.Go to the menu Appearance >> Themes


2. Click the Add New button at the top of the themes page after you've arrived there.


3. To upload a theme, click the button.

4. The Blogger-Hub-Pro.zip theme you want to use by clicking the Select file button, then click Install Now button.





2 - How To Run Importer

The following content will be imported by the WordPress Importer from a WordPress export file:

  • Pages, posts, and other sorts of custom post
  • Tags and categories
  • You must install/download the Blogger-Hub-Pro theme as described in a Template Installation Instruction in order to continue with Run Importer.

    Once the theme is set up, you must carry out the subsequent stages.

    Go to Appearance >> Get Started



    After clicking "get started" the Run Importer button will appear.

    As you click on Run Importer your theme will set automatically.

Section Color/Font Pallette

The method of changing the colour or font is quite simple. These choices are available in all customizer areas. It is a comprehensive graphic that demonstrates the typeface and colour palette. You can change the colour and font of the headings, paragraphs, and buttons with a single glance or click.

Depending on the number of options accessible in each part, there is an option to change the colour scheme for the headings, title/text, paragraph, button text, and button background.

Default Color/Font settings

Fetch Demo content

This theme supports the standard Site Identity area that WordPress provides, and we have added some options to this section.

Use these guidelines to set up your home page.

  • 1. Create Page to set template:

    Go to Dashboard >> Pages >> Add New

    You can label it anything you like, such as "home." then choose the "Home page" template from the template options.



  • 2. Set the front page: Go to Setting >> Reading set the front page display static page to home.


  • After completing this, click Save Changes to display the entire demo content on the top page.

Typography Setting

Color/Fonts Setting up the site's colour scheme and typefaces is a simple process.

  1. Go to Appearance >> Customize >> Theme Settings >> Typography Settings

    The options for headers and paragraphs are available once you click on the typography setting, as seen in the picture below.




  2. You can add typography As a result to control the font family, colour, size, paragraph style, and all of your website's headings.

  3. Now, click on Publish button.

How to set up Home Page

Follow the instructions below to set up your home page's banner image.

Open your dashboard and go to Appearance >> Customize >> Theme Setting >> Banner Section

You can choose Do you want this section in the banner section.

On the Enable button, click. Following that, you can choose whatever backdrop colour you like.

The choice of a backdrop image is also available. Choose the picture you wish to use as the background image by clicking the button, then click publish button.



As a result you can add your banner.






Setup Social Icon

Follow the steps below to set up Social Icon Section.

Go to Appearance >> Customize >> Theme Settings >>Social Icon Section

The social icon section is where the social icons that you see at the top of the screen were added.


Follow these instructions to setup Social Icon.

  • Add Facebook Link: The Facebook emblem will appear on your site if you add a link to Facebook here.
  • Add twitter link : You can add a Twitter connection to your website using this option. Your site's twitter icon is added when you add a twitter link.
  • Add Instagram Link: Here, you can add an Instagram link to add the Instagram icon.
  • Add Youtube Link: You can add a link to YouTube here.
  • Add Pinterest link : You can add a link to Pinterest using this option.
  • Add Linkedin link : You can provide a link to your site on LinkedIn using this option. A Linkedin icon is added to your site when a link to it is added.
  • Add GooglePlus Link: The GooglePlus icon will be added if you add a GooglePlus link here.


Setup Logo

In order to prepare logo for header section you have to follow the below steps.

Go to Appearance >> Customize >> Side Identity




In side Identity section, choose the logo for your website and click on Publish button.

After you press the publish button, your website will display the chosen logo..

As a result you can add your logo for your website.




Home Page Sidebar

Then we can continue with Home Page Sidebar follow the below steps.

Go to Appearance >> Widgets

In widgets you will find Home Page Sidebar oprion. After clicking on the option you will find different options there and you can adjust them according to your requirement.



As a result you can setup your home Page Sidebar Section.








Setup Categories

Then we can continue with Categories, you need to make the desire categories. Follow the steps below.



Select the number of category you want to display for category section. Follow the steps below.

Appearance >> Customize >> Theme Setting >> Categories




As a result you can add categories.



Setup Latest Post

Then we can continue with Latest Post Section, you need to make the desire post. Follow the steps below.

Go to Dashboard >> Post >> Categories




You must now create the Post and choose the category. To add new posts, adhere to the guidelines below.

Go to Dashboard >> Posts >> Add New



For the Latest Post Section, choose "Photo." The steps are listed below.

Go to Appearance >> Customize >> Theme Setting >> Latest Post








As a result you can set your Latest Post.






Setup Featured Post

Then we can continue with Featured Post Section you need to make the desire post, follow the steps below.

Go to Dashboard >> Post >> Categories




Now make the Post and select the category. Follow the below steps to add new posts.

Go to Dashboard >> Posts >> Add New.



Select the Category for Featured Post Section. Follow the below steps for selecting the category.

Go to Appearance >> Customize >> Theme Settings >> Featured Post


As a result you can setup your Featured Post Section.


Setup Best Seller

Inorder to proceed with Best Seller Section, you need to Install the woocommerce plugins. Follow the steps below

Go to Dashboard >> Plugins >> Add New.

Click the "activate" button once the woocommerce plugins have been installed.

( For reference, how to Install plugins Click here to go to the plugins section )

The steps following should be followed after installing the woocommerce plugins you need to create a product.

Go to Dashboard >> Products >> Add New


Similar to that, you can add more products in accordance with your needs.

As a result you can setup your Best Seller Section.







Setup Recent Post

Then we can continue with Recent Post Section, you need to make the desire post. Follow the steps below.

Go to Dashboard >> Post >> Categories




Create a new Post and choose a category now. To add new posts, follow these instructions.

Go to Dashboard >> Posts >> Add New.



Choose the Category for the Section with Recent Posts. The steps are listed below.

Go to Appearance >> Customize >> Theme Setting >> Recent Post



As a result you can setup your Recent Post Section.






Setup NewsLetter

You must install the contact form 7 plugins in order to continue with the newsletter.

(For reference, how to Install contact form 7 plugins CLick Here to go to the plugins section )

Once the plugins are installed, a contact will appear on your dashboard.

Create a new contact form by following the instructions listed below.

Go to Dashboard >> Contact >> Add New


Once finishing the new contact form creation, a shortcode will appear on your screen. Take that shortcode and perform the actions listed below.

Go to Appearance >> Customize >> Theme Setting >> News Letter

Paste the shortcode in the section for newsletter shortcodes.










As a result you can setup your Newsletter Section.




Setup Video Post

Then we can continue with Video Post Section, you need to make the desire post. Follow the steps below.

Go to Dashboard >> Post >> Categories




Now make the Post and select the category. Follow the below steps to add new posts.

Go to Customizer >> Posts >> Add New



Choose a category under the "Video Post" section. The steps are listed below.

Go to Appearance >> Customize >> Theme Setting >> Video Post


As a result you can setup your Video Post Section.





Setup Instagram

You must download Instagram feed plugins in order to continue with Instagram posting. To access the download page for Instagram feed plugins, click the link below.

Instagram feed

The Instagram feed plugin is also easily installable from your dashboard. The steps are listed below.

Go to Dashboard >> Plugins >> Add New

Look through Instagram's feed and select Install.

Click the "activate" button after installing the plugin. Instagram feed will appear in your dashboard as soon as your plugin is activated.

After this procedure, take the following actions.

Go to Dashboard >> Instagram Feed.

Then click on Connect an Instagram Account.




Once your account is linked, proceed with the below instructions.

Go to Appearance >> Customize >> Theme Setting >> Instagram





As a result you can setup your Instagram Post Section.





Setup Our Gallery

Install the gallery plugins from the plugins section in your dashboard in order to continue with the gallery.

  • Inorder to see how to Install plugins Click here to go to plugins section.

Your dashboard will have a gallery area once you have installed and activated gallery plugins. To create a new gallery, simply follow the steps below.

Go to Dashboard >> Gallery >> Add New Gallery

Once you click on the publish button, an Id will be display on your screen. Copy that Id and go to Appearance >> Customize >> Theme Setting >> Gallery

Paste that Id in gallery shortcode section and click on Publish button and you will see your gallery.



As a result you can setup your Gallery Section.


Setup Footer

The steps listed below must be followed in order to continue with the footer.

Go to Appearance >> Widgets

You can access the collection of social icons by selecting the footer column 1 option under the Widgets section. This list can be modified to suit your needs.


  • Do you want this section: You have the option to completely enable or disable this section in this section. If you decide that you do not want this area on your website, simply select the deactivate option, and the section will be removed. And if you want this lovely area to show up on your website, just enable it, and it will. The steps are listed below.

    Go to Appearance >> Customize >> Theme Setting >> Footer

  • Footer Heading Color:You can modify the footer's footer heading colour from here.


  • Footer Heading Fonts:You can change the Footer Heading Fonts from here..


  • Background Color:If you'd like, you can change the footer's background colour from here.


  • Footer Text: From this point, you can add footer text and customise the font size and colour.


  • As a result you can setup your footer Section.




Contact

Follow these instructions to add a contact form.

Go to Dashboard >> Contact then click on add new

When you click it, a shortcode will appear on your screen.

Copy that shortcode and go to Appearance >> Customize >> Theme Setting >> Contact

Put that shortcode in the section labelled Contact Form Shortcode.

Then, according to your needs, fill out the relevant information such your email address and phone number.





As a result you can setup your contact form Section.




Plugins

Plugins are ways to extend and add to the functionality that already exists in WordPress.
How to activate plugins

If you want these features in your theme, you must activate the plugin. Plugins must be installed. In order to activate the plugin in your theme, follow these instructions.

Go to Dashboard >> Plugins >> Installed Plugins >> Gallery-Images >>Activate

As a result you can add plugins in order to extand the functionality of your theme.


Child Themes And Hooks



Hook Code After Latest Post


LATEST POST



Hook Code After Featured Post


FEATURED POST





Hook Code After Best Seller


BEST SELLER





Hook Code After Recent Post


RECENT POST








Hook Code After News Letter


NEWS LETTER








Hook Code After Video Post


VIDEO POST






Hook Code After Instagram


INSTAGRAM






\

Hook Code After Gallery



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 (a contact page template)
  • 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.

Widgets

Go to if you want to customise the widgets to your liking. Appearance >> Widgets. From here, you can change the widgets to suit your needs.