Follow the steps below to get started with your WordPress Theme

1. Now Login to WordPress admin dashboard.
2.  Go to  Appearance> Themes > Add New >  Upload theme.
3.  Upload blog-personal-pro.zip and Activate themes.

When you click on “Activate” button to activate blog-personal 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.

We are providing our own demo importing plugin so if you like and want to demo like website in your site then you can easily import the demo and set up on your site.

Steps to import demo data:

1. 1. After activated Theme One Click Demo Import from a plugin.
   2. you will get the Import Demo nav in your dashboard.
   3. Click on Import Demo. You will get all the demo available:
   4. Click on the Import and follow the process as shown in the video. Link is here:

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

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: You will get four different option from where you can choose to display any one of them.
   • Logo Only: Choosing this option displays the logo only.
   • Logo + Tagline: Choosing this option displays the logo and tagline.
   • Title Only: Choosing this option displays Title only.
   • Title + Tagline: Choosing this option displays Title and tagline.
5. Display Site-title and tagline: Help you to enables/disables the site title and tagline from the site.
6. Site-icon: Site Icon is used as a browser and app icon for your site.Icon must be square and at least 512px wide and tall.

Step to Add New Post

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

Step to Add New Page

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

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..

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

Header setting will give you options to control the looks of the header part of your site.

1. Go to Appearance > Customize > Theme Options > Header Setting.
2. Choose Option: You can choose the header layout for your site.
3. Header Menu layout : You can customize layout of menu in your site.
4. Social Icon: You can choose Social icon according to your choice.
5. Enable Social Icon: You can enable social icon on header part of your site.
6. Enable Search: You can enable Search part on header part of your site.

General Settings tab allows you to Customize sidebar and Breadcrumb setting. go to Appearance > Customize > Theme Options > General Setting .

1. Enable Breadcrumb: You can enable Breadcrumb in inner page of you site.
2. Enable Breadcrumb Section Title: You can enable Breadcrumb section title in inner page of you site.
3. Choose Option:this option allow you to set the sidebar.
   • Right Sidebar: Sidebar display at the right part of your side.
   • Left Sidebar: Sidebar display at the left part of your side.
   • No Sidebar: Their will be no Sidebar in your side.
4. Sidebar Title Layout: You can choose sidebar title layout for you site.

Blog Page Settings tab allows you to Customize blog page. go to Appearance > Customize > Theme Options > Blog page Setting.

1. Choose Option: This option allows you to choose different layout of Blog page.
2. Choose Options: This option allows you to customize your content part.
   • Full Content : You can show full content of article in your site.
   • Excerpt : You can limited content of article in your site.
3. Excerpt Length : You can customize to display content with specific number of article .
4. Button Title : You can edit blog page button title from this options.
5. Pagaination Options: You can choose pagination layout.
   •  Default: Default pagination option.
   • Numeric: This is for numeric pagination option.

Single Page Settings tab allows you to Customize Single page. go to Appearance > Customize > Theme Options > Single page Setting.

1. Enable Author info : You can Enable the author image and info on Single page.
2.  Enable Related Post: You can enable Related Post on you single page.
3. Related Post Title: You can customize related post title on your single page.
4. Related Post Number: You can customize related post number on your single page.
5. Related Post Button Title: You can customize related post button title also in your single page.

Footer Settings tab allows you to Customize Footer part. go to Appearance > Customize > Theme Options > Footer Setting.

1. Enable Footer Content: You can enable footer content on your site.
2. Enable Footer Menu: You can enable footer menu on your site.
3. Contact Title:You can put contact title on your footer part.
4. Footer Text: You can put extra footer text on your footer part.
5. Footer Copyright: This changes the copyright text of Footer Content.
   
6. Enable Powered By Text : You can Enable Powered By Text on your site.
7. Powered By Text : This changes the powered by text of Footer Content.

To configure contact Section,you need to create contact page and choose template as a contact us.  then you will get design as like in demo site.

Step to create contact us template

1. go to Appearance > Customize > Theme Options > Contact Page Setting.
2. Google Map Address : You can add your location through google map.
3. Contact Title : You can add contact title for your contact us template.
4. contact Text : You can add extra text on your contact us template( like :icon, address,mail… ).

Contact Us Video

Typography setting tab is one of the most important options which will allow you to customize the looks of your sites typography. It allows to set font family, font size and font color for your sites general use. It also allows you to choose font family and size for all header types . You can set different font size for each head tag. This options allows you to choose font color for anchor tag and its hover/active state.

From Typography Options, you will see different sections:

This setting allow you to customize font family,font size,font-weight for  your site according to your requirement.go to Appearance > Customize > Typography >Font Family Setting.

This section allow you to change overall Hover Color,Heading Tag Color,Heading Section Title Color,paragraph,anchor,post meta background and color,Breadcrumb text color,background  and title color according to your choice in your site.

Go to Appearance > Customize > Typography > General Color Setting.

From this setting you can change Sidebar Hover Color,Sidebar Section Title Color and Sidebar Title Color.Go to Appearance > Customize > Typography > Sidebar Color Setting.

This section allow you to change overall menu and header part color like Header Background Color,Nav Menu Background Color,Menu Color,Menu Hover Color,Sub Menu Border Color,Sub Menu Hover Color,Nav Icon Color.

Go to Appearance > Customize > Typography > Header Color Setting.

This section allow you to change overall Archive color.You can change Post Meta Background Color and text Color,Archive Title Color,Archive Paragraph Color and Archive Button Color individually in your Archive.

Go to Appearance > Customize > Typography > Archive Color Setting.

This section allow you to change overall color of singe post and page individually on your site.

Go to Appearance > Customize > Typography > Single page/post Color Setting.  and change for your site.

This section allow you to change overall color of footer individually on your site.Go to Appearance > Customize > Typography > Footer Color Setting.  and change for your site.

Step to create a menu

1. From Customize section, go to Menus.
2. From Menus, click ‘ Add a Menu’ button and you will be able to create a menu.
3. Now, click Add Items and you will be able to Add or Remove Menu Items according to your requirement.
4. Select the Menu locations.
5. If the preview looks fine, save the changes by clicking on Save and publish button.

Widgets are one of the most important aspects of this theme.twelve 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

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

1. Blog: Featured Slider : You will find options and settings in this widget. Now setup the widget according to your need. See the below image.
2. Blog: Promo Slider : You will find options and settings in this widget. Now setup the widget according to your need. See the below image.
3. Blog: Two Column : You will find options and settings in this widget. Now setup the widget according to your need. See the below image.
4. Blog: Instagram Feeds : You will find options and settings in this widget. Now setup the widget according to your need. See the below image.
5. Blog: Extended Comment : You will find options and settings in this widget. Now setup the widget according to your need. See the below image.
   
6. Blog: Author : You will find options and settings in this widget. Now setup the widget according to your need. See the below image.
7. Blog: Latest : You will find options and settings in this widget. Now setup the widget according to your need. See the below image.
8. Blog: Social Media : You will find options and settings in this widget. Now setup the widget according to your need. See the below image.
9. Blog: Thumbnail Slider : You will find options and settings in this widget. Now setup the widget according to your need. See the below image.
10. Blog: Facebook Like : You will find options and settings in this widget. Now setup the widget according to your need. See the below image.
11. Blog: Video : You will find options and settings in this widget. Now setup the widget according to your need. See the below image.
12. Blog: Featured Post : You will find options and settings in this widget. Now setup the widget according to your need. See the below image.

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

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

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.

Go to Appearance > Customize > Background Image.Select the image for Background available on media library or upload from the other location.If the preview is fine, click on  Publish to apply recently selected/uploaded image as Background Image.

This option help to reset all customize setting.Go to Appearance > Customize >Reset All Settings.

In Reset all settings you will see:

• Check to reset all settings to default : Check the Check to reset all settings to default and refresh the page to reset all theme settings to default.

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