Toggle navigation

Blogger Era

Version 1.0.0

Theme Installation

After purchase and download your theme from 96Themes. You can choose either of the following steps to install your theme.

FROM YOUR ADMIN DASHBOARD

Follow the steps below to get started with your WordPress Theme.

  1. Log in to the WordPress admin dashboard.
  2.  Go to  Appearance  >>  Themes  >>  Add New >>  Upload theme.
  3. Upload blogger-era-pro.zip and Activate themes.

Upload and install theme through FTP client

You can use FTP client like FileZilla to connect your web server.

  1. Unzip blogger-era-pro.zip to your Desktop.
  2. Using an FTP client to access your host web server, go to /wp-content/themes/ and upload your new copy of blogger era Pro theme.
  3. Now, log into the WordPress Dashboard with your login details.
  4. Select the Appearance panel, then Themes.
  5. You will see the theme in the list.
  6. Then, click Activate button.
  7. Now, the theme will be activated and go through the following options to set up the theme step wise.

Installing Plugins

When you click on “Activate” button to activate blogger-era-pro Theme, you will see the a notice offering you to install required and recommended plugins.

Click “Begin installing plugins”, on the screen that appears, next select the plugins you want to be installed, pick “Install” in Bulk Actions select box and click “Apply” button. For optimal user experience install and activate all recommended plugins.

Import Demo Data

Steps to import demo data:
  1. Navigate Through  Appearance >>  Import Demo Data.
  2. You will get all the demo available:
  3. Click on the Import and follow the process.

Site Title,logo and Site Icon

This option help you  to define the site-title and logo , fav icon(site icon) for your site and  with various   options related to site identity and logo.

  1. Logo: Main logo of the site.
  2. Site-title: Main site title of the site.
  3. Tagline: Tagline (i.e:Description) of the site.Just below site title.
  4. choose Option: Here You will get five different option from where you can choose to display any one of them.
    1. Logo Only: By Choosing this option displays the logo only.
    2. Logo + Title: By Choosing this option displays the logo and title.
    3. Logo + Tagline: By Choosing this option displays the logo and tagline.
    4. Title Only: By Choosing this option displays Title only.
    5. Title + Tagline: By Choosing this option displays Title and tagline.
  5. Logo/Site Title Position: You can set position for logo/site Title according to your choice.
  6. Display Site Title and Tagline:This option help you to enables/disables the site title and tagline from the site.
  7. Site Icon: Site Icon(fav icon) is used as a browser and app icon for your site.Icon must be square and at least 512 px wide and tall.

Create Post and Page

By creating/editing Post and Page we can change title,feature image categories etc… form your site.

Step to Add New Post:

  1. Go to Post,Click Add New.
  2. Add Title,Content,Feature Image,post formate,sidebar and Categories.
  3. Click on Publish.

Step to edit post:

  1. Go to All Post,Select title you want to change .
  2. Change the Title,Content,Feature Image and Categories.
  3. Click on Publish.

Step to Add New Page

  1. Go to Page,Click Add New.
  2. Add Title,Content and Feature Image and sidebar.
  3. Click on Publish.

Step to edit Page:

  1. Go to All Page,Select title you want to change.
  2. Change the Title,Content,Feature Image.
  3. Click on Publish.

Homepage Setting

By default, your homepage will also display your post feed, listing all of your latest posts for visitors to see.

But  If you would like to instead have your homepage be a static page then your front page will display the content from the page you selected as Front Page. However the page you selected in Posts Page will become your blog page..

Theme Options

  1. Go to Appearance  >>  Customize  >>  Theme Options.
  2. you will get different options and Setting as shown in screenshot.

Header Setting

Go to  Customize  >>  Theme Options  >> Header Setting.You will see following option which is described below:

  1. Site Branding Height: This option help you to customize site branding height in your website.
  2. Upload Header Image: This option help you to upload header background image as your choice in your website.
  3. Enable Top Header Section: This option help you to enable/disable top header section in your website.
  4. Text Transform: This option help you to edit text transform in header part of your website.
  5. Top Header Height: This option help you to customize top header height in your website.
  6. LEFT PART HEADER: This option help you to select left part option in your website (like: top menu,address,current date,social link..).
  7. RIGHT PART HEADER:  This option help you to select right part option in your website (like: top menu,address,current date,social link..).
  8. HEADER ADDRESS: This option help you to edit your header address according to your choice.

Menu Setting

Go to Customize  >>  Theme Options  >>  Menu Setting. Here we will get the option related to menu part like search option,off canvas menu option etc…

  1. Enable Off canvas Section:  This option help you to enable/disable off canvas section in your menu part.
  2. Menu Text Transform: This option help you to choose text transform(like lowercase,uppercase,capitalize….) of menu in your website main menu.
  3. Menu Position: This option help you to select the menu position like left,right,center align in your website.
  4. Enable Search: This option help you to enable/disable search section in menu part of your website.

Blog Setting

Go to Customize >>  Theme Options  >>  Blog Setting.  Here we will get the option related to blog section.which is describe below:

  1. Choose Options: This option allow you to select blog design layout in your website(like caption overlay,full width,grid,list layout….. ).
  2. Choose Options: This option allow you to select 
  3. Excerpt Length: This option help you to set length of excerpt in your blog post.
  4.  
  5. Enable Archive Title: This option help you to enable/disable Archive Title in your website.
  6.  
  7. Button Title:This option help you to edit button title or text in your website.
  8. Pagination Options: This option help you to select pagination option.you can choose either numeric or default in your website.default in website,default pagination is selected.

Single Setting

Go to Customize  >>  Theme Options  >>  Single Setting. Here we will get the option related to single page/post .which is describe below:

  1. Text Align Position: This option allow you to select align(left,right,center) for title,category,date..etc in your single page/post.
  2. Single Content Align:This option allow you to select align(left,right,center) for content  in your single page/post.
  3. Enable Drop Cap:This option help you to enable/disable Drop cap in  single post/page.
  4. Enable Category:This option help you to enable/disable category in single page/post
  5.  
  6. Enable Date:This option help you to enable/disable Date in single post/page.
  7. Enable Post Format Icon:This option help you to enable/disable post format icon in single page/post.
  8. Enable Author Bio:This option help you to enable/disable author bio in single page /post.

General Setting

Go to Customize  >>  Theme Options  >>  General Setting. Here we will get the option related to general setting .which is describe below:

  1. Content Area Width: This option allow you to set content area width according to your choose in your website.
  2. Choose Option: This option allow you to select either full width layout or box layout in your website.
  3. Choose Option: This option help you to select right,left,no sidebar in your website according to your choice.
  4. Choose Shop Page Sidebar: This option help you to select sidebar in shop page when woo-commerce is active.
  5. Enable Sticky Sidebar:This option help you to enable/disable sticky sidebar in your website.
  6. Enable Category:This option help you to enable/disable category in your website.
  7. Enable Author:This option help you to enable/disable Author in your website.
  8. Enable Date:This option help you to enable/disable Date in your website.
  9. Enable Post Format Icon:This option help you to enable/disable Post format icon in your website.
  10.  

Footer Setting

Go to Customize  >>  Theme Options  >>  Footer Setting. Here we will get the option related to Footer setting .which is describe below:

  1.  
  2.  
  3.  
  4. Upload Footer Logo:This option help you to upload footer logo.

Home Page Options

Go to Customize  >>  Home Page Options. Here you will get different options and Setting as shown in screenshot.

Slider Section

Go to Customize  >>  Home Page Options  >>  Slider Section.Here we will get the option related to Slider section .which is describe below:

  1. Enable Slider Section:This option allow you to enable/disable slider section in your website.
  2. Choose Option: This option allow you to select 3 option either Post Slider or  
    1. Post Slider: After selecting Post slider option we will get following option.
      1. Select Category:This option help you to select category for post slider in your website.
      2. No of Slider:This option help you to select No. of post slider in your website.
      3. Transition Delay:This option help you to select transition delay time of post slider in your website.
      4. Enable Auto play: This option help you to enable/disable auto play for post slider in your website.
      5. Post Info Position:This option help you to set post info position for post slider in your website.
      6. Enable Slider Post Meta:This option help you to enable/disable slider post meta for post slider in your website.
      7. Button Title:This option help you to edit button title in post slider.
      1. Post Info Position:This option help you to set post info position for post slider in your website.
      2. Enable Slider Post Meta:This option help you to enable/disable slider post meta for post slider in your website.
      3. Button Title:This option help you to edit button title in post slider.
      4. Select Page for Banner Image: This option help you to select page for Banner image in your website.
    3. Shortcode: You can set either set your won slider like layer slider ,revolution slider..etc. After selecting Shortcode you will see following option.
      1. Post Info Position:This option help you to set post info position for post slider in your website.
      2. Enable Slider Post Meta:This option help you to enable/disable slider post meta for post slider in your website.
      3. Button Title:This option help you to edit button title in post slider.
      4. Shortcode: This option help you to paste your slider short code on here.

Popular Section

Go to Customize  >>  Home Page Options  >>  Popular Section. Here we will get the option related to Popular section .which is describe below:

  1. Enable Popular Section:This option help you to enable/disable popular section.
  2. Choose Option: This option allow you to select either  
    1. Category: After Selecting Category you will see following option.
      1. Select Category: This option allow you to select category for popular section.
    2. Pages:  After Selecting Pages you will see following option.
      1. Select Page for Popular section: This option allow you to select individual page for popular section. Similarly,we can select individual page for 2nd and 3rd  popular page.

Contact Page Options

Go to Customize  >> Contact Page Options. Here you will get different options and Setting as shown in screenshot.

Contact Section

Go to Customize  >>  Contact Page Options  >>  Contact Section. From this section we can create contact template for that we have to set following options.

  1. Address:This option allow you to set Address in contact template.
  2. Phone Number:This option allow you to set phone number  in contact template.
  3. Contact Email:This option allow you to set Email in contact template.
  4. Website Url:This option allow you to set website url in contact template.
  5. Google Map Address:This option allow you to set google map iframe in contact template.

404 Page Options

Go to Customize  >> 404 Page Options. Here you will get different options and Setting as shown in screenshot.

404 Section

Go to Customize  >>  404 Page Options >>  404 Section. From this section we can create 404 page.

  1. Upload Image:This option help you to upload image in 404 page.
  2. Enable Content:This option help you to enable/disable content in 404 page.
  3. Button Title:This option help you to edit button title in 404 page.
  4. Button Url: This option help you to set button url in 404 page.
  5. Enable Previous Button: This option help you to enable/disable previous button.

Advance Color Options

Go to Customize  >> Advance Color Options. Here you will get different options and Setting as shown in screenshot.

General Color Setting

Go to Customize  >>  Advance Color Options >>  General Color Setting. This section allow you to change general color of your theme like body color,primary,heading color,section background color,hover color,button color,sidebar background color,title color,content color,post meta color… etc

Header Color Setting

Go to Customize  >>  Advance Color Options >>  Header Color Setting. This section allow you to set each and every color of header part like Top Header Background Color,Top Header Color,Middle Header Background Color,Menu Background Color,Menu Color,Menu Icon Color,Menu Hover Background Color ….etc.

Slider and Popular Color Setting

Go to Customize  >>  Advance Color Options >>  Slider and Popular Color Setting. This section allow you to select slider and popular color in your website according to your choice.like  Slider Background Color,Slider Meta Color,Slider Title Color,Slider Button Color and Popular Background Color.

Footer Color Setting

Go to Customize  >>  Advance Color Options >>  Footer Color Setting. This section allow you to select footer color like Footer Background Color,Copy Right Footer Background Color , Footer Widget Background Color and Footer Color.

Advance Font Options

Go to Customize  >> Advance Font Options. Here you will get different options and Setting as shown in screenshot.

Font Family Options

Go to Customize  >>  Advance Font Options  >>  Font Family Options. This section allow you to select font family and font-weight…etc.of your website.

Widgets

Widgets are one of the most important aspects of this theme.Five special widgets are specially built for the front page so that most of your content can be categorized easily and be accommodated to feature in the front page.

  1. From Customize section, go to Widgets.
  2. From Widgets, you will see different sections to add widget where you will be able to Add a Widget or Remove widgets by going to particular widget section.
  3. And the added widget will be displayed in particular section that you have added.
  4. Note: Make sure to add proper widgets in proper widget area for best result.

Available Widget Area

To customize available widget

The widgets that are available in the theme are described below:

  1. Blogger Era: About Me :- We will find options and settings in this widget. Now setup the widget according to our need. See the below image.
  2. Blogger Era: Facebook Like:-We will find options and settings in this widget. Now setup the widget according to our need. See the below image.
  3. Blogger Era: Instagram Feeds:-We will find options and settings in this widget. Now setup the widget according to our need. See the below image. 
  4. Blogger Era: Latest Blog:- We will find options and settings in this widget. Now setup the widget according to our need. See the below image. 
  5. Blogger Era: Social:-We will find options and settings in this widget. Now setup the widget according to our need. See the below image. 

 

 

 

 

 

 

 

 

 

 

 

 

 

Color

Go to Appearance > Customize > color. where you can see Header Text Color & Background Color Options sections.

  1. Header Text Color: Choose the color available in the options. If the preview is fine, click on  Publish to apply recently selected Header Text Color.
  2. Background Color: Choose the color available in the options. If the preview is fine, click on Publish to apply recently selected Background Color.

Header Image

Go to Appearance > Customize > Header Image. From where you can change the Header Image for your site. Select the header image of your choice.If the preview is fine, click on Publish to apply the recently selected image as the Header image.Here you get other option related to header image.

  2. Choose Header Image Options: This section allow you to set header image in single post/page.
    1. None:If you did not want to set header image,you can select this option.
    2. Header Image: If you  want to set header image as header image ,you can select this option.
    3. Post Thumbnail:If you want to set post thumbnail as header image,you can select this option.but it work only  in Single Post.
  3. Header Image Height: This section allow you to set header image height.

WooCommerce

Go to Appearance > Customize >WooCommerce. From Here you can change Products per row,Rows per page , manage the image width etc…

Additional CSS

This is the option which will allow you to add your custom CSS. From Customize > Additional CSS. Additional CSS you will see: