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.
Stylish Blog Pro
Help and Support
Template Installation
2. Now click the "Add New" button.
3. Now click on the upload button.
4. Load the theme file stylish-blog-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 - Theme Settings - Header. Here you can show and hide the search and social icons.
Open Appearance - Customize - Site Identity and add your logo.
Header menu will be updated from the "Menus" available under the Appearance navigation in dashboard panel. Check the below image for the menu reference.
There is a sliding bar on the left hand side. Its details will be updated from the "Header Navigation" section
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.
- Button Title: Add button title and its url.
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 sidebarand update the featured image.
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.
Update section heading, text and heading image.
Here you can increase the number of categories to show and add details to each box one by one. Update the title, button text and its url. You can also change the box size by the "Size" field.
Scroll to the bottom you will see all the color options related to that section.
Setup Newsletter
Open Newsletter present under theme settings pannel.
Update title, text and the form shortcode from here.
Now open Dashboard - Contact. Newsletter 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.
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" and for the second row it is "Latest Blog New" Category. 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.
Update the next row details.
Scroll to the bottom you will see all the color options related to that section.
Setup "About Us"
Checkout the below steps to change the "About Us" content
Open About Us from the Theme Settings panel in customizer.
Background color and images will be updated by "Background Color" and "Background Images" settings.
Update section heading and text.
Update images and text.
Scroll to the bottom you will see all the color options related to that section.
Setup "Records"
Checkout the below steps to change the "Records" content
Open Records 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 records 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 "Food Tab"
Open "Food Tab" present under the "Theme Settings" panel in customizer. Check the following settings and their usage.
Update section heading and text.
- Select Tab post category: You can show the specific category to show specific post will work for indivisual tab.
- Number of news to show: Limit the number of post to show in this category.
Scroll to the bottom you will see all the color options related to that section.
Setup "Adds Banner"
Checkout the below steps to change the "Adds Banner" content
Open Adds Banner from the Theme Settings panel in customizer.
Background color and images will be updated by "Background Color" and "Background Images" settings.
Update section heading. Here we have added a settings to select a page. What you need to do is to create a page, put your adds code (script) there by taking the custom html block, publish the page. After that go to customizer, open adds banner section and select the page from the dropdown. Your adds will appear here.
Scroll to the bottom you will see all the color options related to that section.
Setup "Business Tab"
Open "Business Tab" present under the "Theme Settings" panel in customizer. Check the following settings and their usage.
Update section heading and text.
- Select Tab post category: You can show the specific category to show specific post will work for indivisual tab.
- Number of news to show: Limit the number of post to show in this category for the page 1. Post are coming through ajax for pagination.
Scroll to the bottom you will see all the color options related to that section.
Setup "Education Tab"
Open "Education Tab" present under the "Theme Settings" panel in customizer. Check the following settings and their usage.
Update section heading and text. You can increase or descrease the number of tab as per your requirement.
Do the follwoing settings for each tab. Each column have there own category so you need to select theree category for each tab.
- Select Tab post category: You can show the specific category to show specific post will work for indivisual tab.
- Number of news to show: Limit the number of post to show in this category.
Scroll to the bottom you will see all the color options related to that section.
Setup "Travel Tab"
Open "Travel Tab" present under the "Theme Settings" panel in customizer. Check the following settings and their usage.
Update section heading and text. You can increase or descrease the number of list as per your requirement.
Do the follwoing settings for each list. Each column have there own category so you need to select theree category for each tab.
- Select list post category: You can show the specific category to show specific post will work for indivisual list.
- Number of news to show: Limit the number of post to show in this category.
Scroll to the bottom you will see all the color options related to that section.
Setup "Adds Banner 2"
Checkout the below steps to change the "Adds Banner 2" content
Open Adds Banner from the Theme Settings panel in customizer.
Background color and images will be updated by "Background Color" and "Background Images" settings.
Update section heading. Here we have added a settings to select a page. What you need to do is to create a page, put your adds code (script) there by taking the custom html block, publish the page. After that go to customizer, open adds banner section and select the page from the dropdown. Your adds will appear here.
Scroll to the bottom you will see all the color options related to that section.
Setup "Entertainment Tab"
Open "Entertainment Tab" present under the "Theme Settings" panel in customizer. Check the following settings and their usage.
Update section heading and text. You can increase or descrease the number of tab as per your requirement.
Do the follwoing settings for each tab. Each column have there own category so you need to select theree category for each tab.
- Select Tab post category: You can show the specific category to show specific post will work for indivisual tab.
- Number of news to show: Limit the number of post to show in this category.
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 gallery images.
Update footer column 1.
Update footer column 2.
Update footer column 3.
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.
Update phone number, email, address and time from here.
Also update map longitude and latitude.
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.
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
Copyright © 2018 Themespride Templates. All Right Reserved.