Blogger Hub Pro 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.
  • "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.

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 New button at the top.


3. Click on upload theme button.

4. Click on Choose file Button then select your blogger-hub-pro.zip theme and click on Install Now button.





2 - How To Run Importer

The WordPress Importer will import the following content from a WordPress export file:

  • Posts, pages and other custom post types
  • Categories and tags
  • Inorder to proceed with Run Importer, you need to install/download the theme Blogger-Hub-Pro as describe in a Template Installation Instruction.

    Once the theme is installed, you have to follow the steps below.

    Go to Appearance >> Get Started



    Once you clicked on get started, you will see Run Importer button.

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

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

    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.


  • Once you have done with this then click on Save Changes and now you can see all the demo content on front page.

Typography Setting

Color/Fonts Setting is the easy process for setting or changing color/fonts of the site.

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

    Once you clicked on Typography setting, you will find the options of headings and paragraphs as shown in below figure.




  2. In this way you can add typography in order to set font family, color, size, paragraph and all the headings of your website.

  3. Now, click on Publish button.

How to set up Home Page

In oreder to setup home page banner Image you have to follow thw below steps.

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

In banner section you will find the option as Do you want this section?

Click on Enable button. After that what ever background color you want you can set it.

You will also find the option of background image. Click on the button, choose the image that you want to display as background image and click on publish button.



In this way you can add your banner.






Setup Social Icon

In order to set up Social Icon Section, follow the steps below.

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

The social Icons which you are seeing at the top of the screen are added using social Icon section.


Follow these instructions to setup Social Icon.

  • Add Facebook Link: You can add facebook link here and the facebook icon will be displayed of your site.
  • Add twitter link : This option allows you to add twitter link to your site. Adding twitter link adds twitter icon of your site.
  • Add Instagram Link: You can add instagram link here which will add instgram icon.
  • Add Youtube Link: You can add Youtube link here.
  • Add Pinterest link : This option allows you to add pinterest link.
  • Add Linkedin link : This option allows you to add linkedin link to your site. Adding Linkedin link adds Linkedin icon of your site.
  • Add GooglePlus Link: You can add GooglePlus link here which will add GooglePlus icon.


Setup Logo

In order to setup 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.

As you click on publish button, the logo which you had choosen will display on your website.

In this way you can add your logo for your website.




Home Page Sidebar

Inorder to proceed 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.



In this way you can setup your home Page Sidebar Section.








Setup Categories

In order to proceed 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




In this way you can add categories.



Setup Latest Post

In order to proceed with Latest Post Section, you need to make the desire post. Follow the steps below.

Go to Dashboard >> Post >> Categories




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

Go to Dashboard >> Posts >> Add New



Select the category "Photo" for Latest Post Section. Follow the steps below.

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








In this way you can set your Latest Post.






Setup Featured Post

In order to proceed 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


In this way 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.

Once you Installed the woocommerce plugins, click on activate button

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

After Installing the woocommerce plugins you need to create a product, follow the steps below.

Go to Dashboard >> Products >> Add New


Simillarly you can add more products according to your requirements.

In this way you can setup your Best Seller Section.







Setup Recent Post

In order to proceed with Recent 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 Recent Post Section. Follow the steps below.

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



In this way you can setup your Recent Post Section.






Setup NewsLetter

Inorder to proceed with the Newsletter you need to Install contact form 7 plugins.

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

Once you Install the plugins, a contact will display on you dashboard.

Follow the steps below for creating a new contact form.

Go to Dashboard >> Contact >> Add New


Once you create the new contact form, a shortcode will be display on your screen. Copy that shortcode and follow the steps below.

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

Paste the shortcode in Newsletter shortcode section.










In this way you can setup your Newsletter Section.




Setup Video Post

In order to proceed 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



Select the Category for Video Post Section. Follow the steps below.

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


In this way you can setup your Video Post Section.





Setup Instagram

Inorder to proceed with Instagram post, you need to download Instagram feed plugins. Click on the link below to go to download page of Isntagram feed plugins.

Instagram feed

You can also directly Install the Instagram feed plugin from your dashboard. Follow the steps below.

Go to Dashboard >> Plugins >> Add New

Search Instagram feed and click on Install button.

Once you Install the plugin then click on activate button. As your plugin is activated, you will find Instagram feed in your dashboard.

After this process, follow the steps below.

Go to Dashboard >> Instagram Feed.

Then click on Connect an Instagram Account.




Once your account is connected, follow the steps below.

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





In this way you can setup your Instagram Post Section.





Setup Our Gallery

Inorder to proceed with Gallery, you need to Install the gallery pulgins from plugins section which is present in your dashboard.

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

As you Install and activate gallery plugins, you will find gallery section in your dashboard. Follow the below steps to add new gallery.

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.



In this way you can setup your Gallery Section.


Setup Footer

Inorder to proceed with footer you have to follow the below steps.

Go to Appearance >> Widgets

In Widgets section you will find footer column1 option and by clicking on it you will find the list of social Icons. You can adjust this list according to your requirement.


  • Do you want this section: This section allows you to enable/disable this section altogether. In case, if you don't want this section on your site, just click on disable option and this section will disappear from your site. And if you want this wonderful section to appear on your site, just be it enabled and it will appear on your site. Follow the steps below.

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

  • Footer Heading Color:From here, you can set the Footer Heading Color of footer.


  • Footer Heading Fonts:From here, you can set the Footer Heading Fonts of footer.


  • Background Color:From Here, you can set the Background Color of footer if you want.


  • Footer Text: From here, you can write footer text and you can also change font size and color according to you.


  • In this way you can setup your footer Section.




Contact

Inorder to add contact form follow the steps below.

Go to Dashboard >> Contact then click on add new

After clicking on it, a shortcode will be display on your screen.

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

Paste that shortcode in Contact Form Shortcode block.

After that fill the necessary details like e-mail, phone etc. as per your requirement.





In this way 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 functionalities in your theme for which you need to activate plugin. You need to Install plugins. Follow these instructions to activate plugin in your theme.

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

In this way 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

If you want to set widgets according to you then go to Appearance >> Widgets. From here you can adjust the widgets according to you.