Bloginwp – Blazetheme Documentation

Bloginwp Premium Theme Documentation

Getting Started
Installation
License Integration
Demo Import
Site Identity
Site Title Colors & Typography
Global Options
Header Media
Theme Header
Main Banner Slider
Featured Links
Blog Page / Archive
Latest Products
Innerpages
Colors
Single Post
Footer Three Column
Footer Newsletter
Footer Instagram
Theme Footer
Background Image
Widgets
Footer Copyright Text
Translation

Getting Started

Introduction

Bloginwp Theme has the finest design to exhibit your content, images, and videos in the most stylish and organized way to your audience. This Theme is suitable for any lifestyle, fashion, photography, video-sharing, food, beauty, cosmetic, or any blog in a specific niche. It has separate sections for products, and subscription feature so, it can be used for eCommerce and Subscription sites as well. The theme has been built with input from SEO Experts. To make the theme Search Engine and Mobile friendly and Image Lazy-loading features have been enabled that will help rank your web pages on search engines and load the pages faster on users’ devices. Check out our beautiful pre-built demos now: All pre-built demos

Installation

Administration Panel

Log in to your WordPress Administration Panel.
Click on Appearance -> Themes -> Add New
Search for “Bloginwp” in the search field.
You can upload the theme zip file if you have downloaded before.
Click on Install button and then Activate the theme.

Pro Version

Buy WP Minimalist premium version from the blazethemes store you will get email once your purchase is completed. Download the theme zip from the link given in the email or download the latest version of the theme from “My Account” page

Log in to your WordPress Administration Panel.
Click on Appearance -> Themes -> Add New
Upload the theme zip file that you have downloaded.
Click on Install button and then Activate the theme.

CPanel/ FTP

Download the latest version of the Bloginwp theme from https://wordpress.org/themes/bloginwp page.

Unzip the downloaded zip file.
Upload the unzipped file inside public_html/wp-content/themes/.
Now, activate the theme through Dashboard > Appearance -> Themes
Activate the Bloginwp and Click on “Customize” in the Appearance Menu in the Dashboard. Now you can customize or modify according to your choice.

Pro Version

Buy Bloginwp premium version from the blazethemes store you will get email once your purchase is completed. Download the theme zip from the link given in the email or download the latest version of the theme from “My Account” page

Unzip the downloaded zip file.
Upload the unzipped file inside public_html/wp-content/themes/.
Now, activate the theme through Dashboard > Appearance -> Themes
Activate the bloginwp Pro and Click on “Customize” in the Appearance Menu in the Dashboard. Now you can customize or modify according to your choice.

License Integration

Activating License

Pro Version

You need to activate the license key in order to receive Automatic Theme Updates which includes featured updates, security updates and bug fixes. To activate the license key,

First you have to find the license key that you will get in your purchase confirmation email.
You can also find your license key in “My Account” page of blazethemes.com
Now, go through your dashboard > appearance > Bloginwp Info
Paste the license key in the input field and click “Activate License”

Demo Import

Importing Demo Content

After you activate Bloginwp in your website. You can use demo import to make your site look like one of our available demos.

Go to Appearance > bloginwp Info
You can see list of all demos in this page
If you have not install/activate the Blazethemes Demo Importer plugin Click on install/activate demo importer button just above the demos listing section

Then, hover onto the demo you want to import and Click Install
It will land you to the demo importer setting page
Check the box if you want to reset your website data before demo import( Note : It will erase all of your posts, pages, media and website data )
Uncheck box if you do not want to erase your previous data. ( Note : Your site may not look exactly like demo as your previous posts, pages, categories or tags may collide with new data )
Final Note: Always backup your website before resetting website for demo import.
Finally, your site now looks exactly like a demo. Go on and Customize further with your choice

Site Identity

Site Logo & Site Icon

To upload and change site logo & Site Icon

Dashboard > Appearance > Customize > Site Identity > Logo & Site Icon
Upload the logo and site icon you want to set for your site.
Upload the logo for site icon as recommended it should be square and at least 512 * 512 pixels.

Site Title & Tagline

To change site title & tagline

Dashboard > Appearance > Customize > Site Identity > Site title & Tagline
Under Site title input field add your site title
Uncheck to hide site title under “Display site title” checkbox field
Under Site title input field add your site description
Uncheck to hide site title under “Display site description” checkbox field

Site Title Colors & Typography

Site Title Colors, Typography

To change site title colors and typography

Dashboard > Appearance > Customize > Site Identity > Site title & Tagline
Scroll to style section
Choose the site title color
Choose the site title hover color
Scroll to typography section
Choose font family, font weight, font style, font size and line height

Global Options

Miscs

To work on Miscs

Dashboard > Appearance > Customize > Global Option > Miscs

Site Preloader

Pro Theme

To work on Site Preloader

Dashboard > Appearance > Customize > Global Option > Site Preloader
Toggle to enable preloader
Choose background color
Choose image or a gif to load before site content loads

Site Animation

Pro Theme

To work on Site Animation

Dashboard > Appearance > Customize > Global Option > Site Animation
Toggle to enable site animation
Choose animation type from dropdown
Choose animation delay
Choose animation duration
Toggle to enable image hover animation

Sticky Header

To work on Sticky Header

Dashboard > Appearance > Customize > Global Option > Sticky Header
Toggle to show sticky header

Social

To work on Social

Dashboard > Appearance > Customize > Global Option > Social
Sets the target attribute according to the value
Add new social icon and Hold item and drag vertically to re-order the icons

Pro Theme

Click to add new icon

Social Share

To work on Social Share

Dashboard > Appearance > Customize > Global Option > Social Share
Show / hide twitter share
Show/ hide facebook share
Show / hide pinterest share
Show / hide linkedin share
Toggle to show social share on archive
Select display social share html on
Toggle to show social share on single page

Container

To work on Container

Dashboard > Appearance > Customize > Global Option > Container
Change container width and sidebar width

Click to Design option
Change container padding
Choose container background to solid, gradient and image

Buttons

Pro Theme

To work on Buttons

Dashboard > Appearance > Customize > Global Option > Buttons
Choose buttons layouts

Breadcrumb

Pro Theme

To work on Breadcrumb

Dashboard > Appearance > Customize > Global Option > Breadcrumb
Toggle to show / hide breadcrumb
Select prefix title
Select home title
Select search page title
Select error 404 title

Sidebar Layouts

To work on Sidebar Layouts

Dashboard > Appearance > Customize > Global Option > Sidebar Layouts
Change post sidebar, page sidebar, archive/category sidebar, search page sidebar, 404 page sidebar

Sticky Sidebar

To work on Sticky Sidebar

Dashboard > Appearance > Customize > Global Option > Sticky Sidebar
Toggle to enable sticky sidebars

Scroll To Top

To work on Scroll To Top

Dashboard > Appearance > Customize > Global Option > Scroll To top
Toggle to show scroll to top
Show button on mobile and tablet from checkbox
Choose button align
Customize padding from padding section
Choose border style, border color, border width from border section

Pro Theme

Select buttons text or leave blank to hide text
Choose color / hover color
Choose background – color / hover

Typography

Pro Theme

To work on Typography

Dashboard > Appearance > Customize > Global Option > Typography
Choose font family, font weight, font style, font color, font size, line height
Click on custom to see changes you made here. Theme default will revert typography to the default values generated by theme

Header Media

To work on Header Media

Dashboard > Appearance > Customize > Header Media
Select header video or enter a youtube URL
Select header image

Theme Header

Top Header

To work on Top Header

Dashboard > Appearance > Customize > Theme Header > Top Header
Toggle to show top header section
Toggle to show top header navigation menu item
Click to mange menu from here to manage menu
Toggle to show social icons
Click to mange social icons

Click to design option
Select top menu color / hover color
Select social icons color / hover color
Choose background color to solid, gradient and image

Pro Theme

Select elements order

Main Header

To work on Main Header

Dashboard > Appearance > Customize > Theme Header > Main Header
Toggle to show search bar
Toggle to show toggle bar
Toggle to show ads banner
Select Ads image
Select ads url
Click to Design option
Select Toggle color / hover color
Select offcanvas toggle color / hover color
Select background to solid, gradient and image

Pro Theme

Select to order site info and ads banner
Select search placeholder
Select to show bottom box shadow from dropdown
Select header margin bottom (in px)

Menu Options

To work on Menu Options

Dashboard > Appearance > Customize > Theme Header > Menu Options
Select menu color / hover color
Select sub menu color / hover color
Select active color
Select to show border top
Choose font family, font weight, font style, font size and line height from typography section
Click on “Mobile” tab to change the mobile menu toggle button color and background color

Pro Theme

Select menu background color
Select sub menu background color / hover
Select to show border bottom

Main Banner Slider

To work on main banner Slider

Dashboard > Appearance > Customize > Main Banner
Toggle to show / hide main banner
Select orderby to show main banner in different pages from drop down
Change banner source
Select orderby to display the post in different order
Select posts categories from checkbox
Choose number of posts to display
show/hide post title
show/hide post categories
show/hide post published date
show/hide comments number
Show slider controller arrows
Show slider page dots
Enable slider loop
Control slider speed

Pro Theme

Choose available layouts for main banner
Enable slider item to auto slide
Enable fade animation

Pro Theme

Choose available layouts for featured links
Show/hide carousel control arrows
Enable carousel auto

Blog Page / Archive

To work on Blog Page / Archive

Dashboard > Appearance > Customize > Blog Page / Archive
Choose Posts layouts
Choose post content to display
Show / hide post date, post comments number, post categories, read more from checkbox
Select read more text
Toggle to show / hide related posts
Choose related posts title
Choose related posts title and posts count

Pro Theme

Select pagination type from dropdown
Select word count
Show / hide dotted line separator
Show / hide read time from check box
Choose read time text
Select filter posts by
Show / hide related post content
Show / hide section on mobile and tablet
Show / hide related post image

Latest Products

To work on Latest Products

Dashboard > Appearance > Customize > Latest Products
Toggle to show / hide latest products
Install and activate the related plugin
Choose section title
Choose product type from dropdown
Choose products categories
Choose number of products to display
Show/hide ratings
Show/hide price
Sow/hide add to cart

Pro Theme

Choose available layouts for latest products
Choose products categories from checkbox

Innerpages

Pro Theme

To work on Search

Dashboard > Appearance > Customize > Innerpages > Search
Choose search title
Choose search content
Choose pagination type

404

Pro Theme

To work on 404 Error Page

Dashboard > Appearance > Customize > Innerpages > 404
Select image
Select 404 page title
Select 404 content title
Choose label, URL from button section
Choose button color/hover color, Background-color/hover

Colors

To work on Colors

Dashboard > Appearance > Customize > Colors
Choose background color, theme color, theme hover color, Slider background color

Single Post

To work on Single post

Dashboard > Appearance > Customize > Single post
Show/hide post date
Show/hide post categories
Show/hide post comments number
Show/hide post tags
Toggle to show/hide author box
Choose related posts title
Choose posts count

Pro Theme

Choose post layouts
Toggle to show/hide related posts
Toggle to show posts in Popup
Choose filter posts by

Footer Three Column

To work on Footer Three Column

Dashboard > Appearance > Customize > Footer Three Column
Select to show three column on different section from drop down
Choose post count and post category from column one section, column two section and column three section
Choose section width
Select to show section in different pages
Choose color / hover color

Click to design section
Customize padding from padding section
Choose background to solid and gradient

Pro Theme

Choose section width from drop down
Choose column title, posts count and post category from column one section, column two section and column three section

Footer Newsletter

Pro Theme

To work on Footer Newsletter

Dashboard > Appearance > Customize > Footer Newsletter
Install and activate the related plugin
Choose section width from drop down
Select to show newsletter on different pages
Choose title and sub title
Paste newsletter shortcode

Click to design section
Customize padding from padding section
Choose color / hover color
Choose background solid or gradient

Footer Instagram

Pro Theme

To work on Footer Instagram

Dashboard > Appearance > Customize > Footer Instagram
Install and activate the related plugin
Paste Instagram shortcode
Choose section width from dropdown
Show section in different pages

Click to design section
Customize padding for this section
Choose background to solid or gradient

Theme Footer

Main Footer

To work on Main Footer

Dashboard > Appearance > Customize > Theme Footer > Main Footer
Toggle to enable footer section
Select to manage footer widget
Choose footer width from dropdown
Choose footer layouts

Click to design section
Choose text color / hover color

Pro Theme

Click to design section
Choose background to solid color, gradient color or image

Bottom Footer

To work on Bottom Footer

Dashboard > Appearance > Customize > Theme Footer > Bottom Footer
Change copyright text

Pro Theme

Toggle to enable bottom footer
Choose text color / hover color
Choose background to solid and gradient

Click to design section
Change text color / hover color
Choose background to solid or gradient color

Background Image

To work on Background Image

Dashboard > Appearance > Customize > Background Image
Select Image

Widgets

Author Info

To work on Author Info

Dashboard > Appearance > Widgets
Click to add widgets
Search for “Author Info” in search
Drag and drop the widget in the sidebar
Customize author info widget with your content

Category Collection

To work on Category Collection

Dashboard > Appearance > Widgets
Click to add widgets
Search for “Category Collection” in search
Drag and drop the widget in the sidebar
Customize category collection widget with your content

Post List

To work on Post List

Dashboard > Appearance > Widgets
Click to add widgets
Search for “Post List” in search
Drag and drop the widget in the sidebar
Customize post list widget with your content

Social Icons

To work on Social Icons

Dashboard > Appearance > Widgets
Click add widgets
Search for “Social Icons” in search
Drag and drop the widget in the sidebar
Customize social icons widget with your content

Widget Title

To work on Widget Title

Dashboard > Appearance > Widgets
Click add widgets
Search for “Widget Title” in search
Drag and drop the widget in the sidebar
Customize widget title widget with your content

Footer Copyright Text

Pro Theme

To change footer copyright string

Go through Dashboard > Appearance > Customize > Theme Footer > Bottom Footer
Under general section editor field change the string

Translation

Translating Theme

To translate The Styled Blog theme in your language

Activate “Loco Translate” Plugin from Dashboard > Plugins > Add new > Search for Loco Translate
Install & Active the plugin
Now go to Loco Translate in your dashboard left admin menu
Click on active theme
Choose the language you want to translate to
Then add string of your language

Bloginwp Premium Theme Documentation

Getting Started

Installation

Pro Version

Pro Version

License Integration

Pro Version

Demo Import

Site Identity

Site Title Colors & Typography

Global Options

Pro Theme

Pro Theme

Pro Theme

Pro Theme

Pro Theme

Pro Theme

Pro Theme

Header Media

Theme Header

Pro Theme

Pro Theme

Pro Theme

Main Banner Slider

Pro Theme

Featured Links

Pro Theme

Blog Page / Archive

Pro Theme

Latest Products

Pro Theme

Innerpages

Pro Theme

Pro Theme

Colors

Single Post

Pro Theme

Footer Three Column

Pro Theme

Footer Newsletter

Pro Theme

Footer Instagram

Pro Theme

Theme Footer

Pro Theme

Pro Theme

Background Image

Widgets

Footer Copyright Text

Pro Theme

Translation