Food Blogger Hub Pro

Help and Support

Template Installation

The template installation process is very simple. The installation process can be done in two different ways.

1- By wordpress admin

Open Your wordpress dashboard.

1. open Appearance - Themes as shown in the screesnhot below.

2. Now click the "Add New" button.

3. Now click on the upload button.

4. Load the theme file food-blogger-hub-pro_1.0.zip (Version may vary) and proceed with the installation.

5. Now WordPress will install your theme and show you the message to "Activate" the theme.

2-Via FTP

Login to your FTP and upload the the theme folder at wp-content - themes.

As soon you activate the theme you will navigate to the Theme Setup Wizard page.

Demo Importer

To get the demo content exactly like we have shown on our demo page, checkout the below steps.

Open Theme Setup Wizard present under Apparance menu.

Click on the "Start Now". It will list all the plugins required for this plugin under "More Info". You can check it by clicking on more info.

Click on the "Install Plugins". It will install all the required plugins

Then Click on the "Import Demo". It will import the demo exactly like we have shown on our live demo page.

Once you have done with this you can see all the demo content on front page.

Customize Demo

Now start customizing your site as per your requirement. open Appearance - Customize - Theme Settings

Customize Demo

Section Reordering and Typography

Global theme and color and typography will help you to to change the color and font in a single click.

Each section contains option to set the Content, Title/Text, Text, Buttons and Background Matte palettes to the linked section depending on the number of options available.

Global Color

Global color will change colors for the entire theme. Open Appearance - Customize - Theme Settings - Typography. Scroll to bottom you will see two options for color, choose both options then only it will appear on frontend as it is gradient color.

Section Reordering

Move the section according to your requirement. Check screenshot below.

Setup "Header"

Open Appearance - Customize - Site Identity and add your logo. You can add your logo as a text or an image. We have added as a text.

Open Appearance - Customize - Theme Settings - Header. Here you can show and hide the search and social icons.

Header menu will be updated from the "Menus" available under the Appearance navigation in dashboard panel. Check the below image for the menu reference.

You can on / off sticky header as aper your requirement.

Setup "Main Post Slider"

Open "Main Post Slider" present under the "Theme Settings" panel in customizer. Check the following settings and their usage.

Select Category: You can show the specific category to show specific post (We have used Main Slider).
Number of news to show: Restrict the number of post to show in this category.
Excerpt Number: LImit the number of words to show in this category.

Now lets check how to create a post and assign a category. Got o Dashobard -> Post. Here we have used "Main Slider" Category. So find out the post belongs to "My Slider" and open one of it post. Update title, text, categories from right sidebar and update the featured image.

Update the column image from the below settings.

Scroll to the bottom you will see all the color options related to that section.

Setup "Categories"

Checkout the below steps to change the "Categories" content

Open Categories from the Theme Settings panel in customizer.

Background color and images will be updated by "Background Color" and "Background Images" settings.

Here you can increase the number of categories to show and add details to each box one by one. Update the title, image and its url. You can create the bvoxes to page, post or category. If you want to connect it to the category then please refer the below image. Create the category, copy the url and paste it into the url field.

Scroll to the bottom you will see all the color options related to that section.

Setup "Offer"

Checkout the below steps to change the "Offer" content

Open Offer from the Theme Settings panel in customizer.

Background color and images will be updated by "Background Color" and "Background Images" settings.

Update the content available in the section by refering the below image.

Scroll to the bottom you will see all the color options related to that section.

Setup "Latest Blog"

Open "Latest Blog" present under the "Theme Settings" panel in customizer. Check the following settings and their usage.

Select Category: You can show the specific category to show specific post (We have used Main Slider).
Number of latest blog to show: Restrict the number of post to show in this category.

Now lets check how to create a post and assign a category. Got o Dashobard -> Post. Here we have used "Latest Blog". So find out the post belongs to "Latest Blog" and open one of it post. Update title, text, categories from right sidebar and update the featured image.

How to create video post?

Got to Post -> Add New. Add post title. Select the Post format "Video" and the video title.

How to create Quote post?

Got to Post -> Add New. Add post title. Select the Post format "Quote" and the Quote text, name and designation.

Scroll to the bottom you will see all the color options related to that section.

Setup "Post With sidebar"

Open "Post With sidebar" present under the "Theme Settings" panel in customizer. Check the following settings and their usage.

This section is divided into two columns, Post and sidebar. Update the section one by one.

Setup "Free Recipe Book"

Update title, text, button text and url. Update the images also.

Now refer the below image for the remaining section.

Now refer the below image for the sticky sidebar.

Setup "Partner"

Checkout the below steps to change the "Partner" content

Open Partner from the Theme Settings panel in customizer.

Background color and images will be updated by "Background Color" and "Background Images" settings.

Here you can increase the number of partner to show and add details to each box one by one.

Scroll to the bottom you will see all the color options related to that section.

Setup Destination

Open Destination present under theme settings pannel.

Update title, text.

Now open Dashboard - Destination. Demo destination already exist. Open it and edit as per your needs. Copy the shortcode and paste it into the shortcode field at the customizer contact us section.

Setup Team

Open Team present under theme settings pannel.

Update title, text.

Now open Dashboard - Team. Demo team already exist. Open it and edit as per your needs. Copy the shortcode and paste it into the shortcode field at the customizer contact us section.

Setup "New Recipe"

Open "New Recipe" present under the "Theme Settings" panel in customizer. Check the following settings and their usage.

Select Category: You can show the specific category to show specific post (We have used Main Slider).
Number of New Recipe to show: Restrict the number of post to show in this category.

Now lets check how to create a post and assign a category. Got o Dashobard -> Post. Here we have used "New Recipe". So find out the post belongs to "New Recipe" and open one of it post. Update title, text, categories from right sidebar and update the featured image.

Scroll to the bottom you will see all the color options related to that section.

Setup "Instagram"

Checkout the below steps to change the "instagram" content

Open instagram from the Theme Settings panel in customizer.

Background color and images will be updated by "Background Color" and "Background Images" settings.

Update the content available in the section by refering the below image.

Scroll to the bottom you will see all the color options related to that section.

Footer

Open Footer present under theme settings pannel

Increase or descrese the footer columns and set its width according to the bootstrap columns.

Inorder to change the footer widget content. Open Appearance -> Widgets. There are four footer columns created. Open it one by one and update its data. For the navigation menues first you need to create the menu from Appearance -> Menus then from here "Navigation Menu block will show your respective menu."

Update footer columns.

Copyright

Open Copyright present under theme settings pannel

Update Copyright Text.

Setup Contact Page

Open Contact present under theme settings pannel.

Update contact title and description.

Now open Dashboard - Contact. Contact Page form already exist. Open it and edit as per your needs. Copy the shortcode and paste it into the shortcode field at the customizer contact us section.

Also update map longitude and latitude.

Page Banner

If you want to change the default page banner then open "General Settings" present under theme settings pannel scroll to the bottom and check the settings specified in below screenshot. When you chnage the image then it will change the banner of all the pages.

But if you would like add different banner to each pages then you need to add the banner indivisualy to each page. Edit the page for example. we are editing contact page, on the bottom right side column you will see the setting of page banner. Upload the image from here.

Blog Page Settings

This section contains all the settings related to blog. To access this open General Settings

Single Post Page

This section contains all the settings related to single post page. To access this open Appearance - Customize - Theme Settings - Single Post Page

Single Post Page

This section contains all the genearl settings. To access this open General Settings.

404 Page Settings

This section contains 404 page settings. To access this open 404 Page Settings

Theme Layout Settings

This section contains full and boxed layout settings. To access this open Theme Layout Settings

Responsive Settings

Here you can disable the sticky menu from the mobile or tablet view. Also you can set the width of mobile menu sidebar. To access this open Responsive Settings