Advance Blogging WordPress Theme Documentation
Introduction
I'm grateful for installing our WordPress Theme. The complete procedure to configure and manage a WordPress Website from the beginning is shown in this documentation in different portions.
What is WordPress CMS?
WordPress is an open source tool which is based on PHP and MySQL to create websites. It is a completely free CMS, or content management system and a strong blogging platform. With this CMS, you can develop websites and solid online apps. You hardly require any knowledge or technical capability to manage it. WordPress has become the most accepted website development software available because of it’s varied aspects like it’s easy usage and flexibility.Learn More
What is a WordPress template
A WordPress template acts as a skin for the websites which are created on WordPress CMS. The installation of a WordPress Template is very easy. With the help of an installed new template, you can change the look of your WordPress website very easily. All the requisite source files are provided with a WordPress template and you can freely go for editing and increasing it the way you want.
Files structure
The template package you have downloaded consists of several folders. Let's see what each folder contains:
-
Screenshots : contains template screenshots. Not for production.
-
Theme : contains files for WordPress themes.
-
advance-blogging.zip: this folder contains all the necessary files in support of the theme.
-
license.txt : contains license details.
-
readme.txt : contain information about theme images path and font use and usage scritps.
Template Installation
Template installation is very easy process.
Step 1. Theme Installation
First thing you need to do is access your WordPress site. Next, click on
All installation steps can be done within WordPress interface. It makes process comfortable and fast.
visit the menu Appearance Themes.
Once you are on the Themes activation page, click on the Insert New link.
To upload a theme, click the link..
Toggle Browse link then select your advance-blogging.zip theme and To install now, click the button..
WordPress will now install your theme and show you a success message along with the activated connection or live preview.
Congratulations, your theme have been successfully installed!
Step 2. Install a Theme using FTP
FTP uploading is your second choice for installing the theme. For this method first access your WordPress site using FTP and browse to your folder themes located at wp-content. Downloaded theme file should be unzipped. and upload only the extracted Total folder to your server.
Next sign into your WordPress site and navigate to theAppearance Themes to activate.
Theme Setup
Once you view your site after activating the theme, You will see the index page with the latest post. Now you will need to setup the front page template to show all the demo section on your front page.
Setup front page Template
Follow these instructions to setup front page.
1. To establish a template, Establish a Page : Visit Dashboard Pages Insert New Page.
2. Setfront page: Visit Setting Reading Set front page display static page to front..
When you're finished, you may view the entire Demo's content on the front page.
Setup Theme Layout
Being able to proceed with Theme Layout Setup.
1. Site Layout:
Visit Appearance click on Customize click on Theme setting click on Theme Layout setting
Select the site layout which you want, it has three site layouts
1. Full Layout: In this, theme will appear as deafault.
2. Contained Layout: In this, theme will appear as it is in the container-fluid.
3. Boxed Layout: In this, theme will appear as it is in the box container.
Suppose, Full layout selected then it will seems like below screenshot.
Suppose, Boxed layout selected then it will seems like below screenshot.
2. Sidebar Layout:
Visit Appearance click on Customize click on Theme setting click on Theme Layout setting
You can select the sidebar layout from here.
3. Preloader:
Visit Appearance click on Customize click on Theme setting click on Theme Layout setting
You can select the Theme Preloader from here.
Setup Color/Font Pallete
Being able to proceed with Color/Font Pallete.
Visit Appearance click on Customize click on Theme setting click on Color/Font Pallete
1. Theme Color: Now, You can change the global theme color.
After color change theme will look like below screenshot.
2. Color: Now, You can change the colors of all Paragraph, 'a' tag, 'li' tag, H1, H2, H3, H4, H5 and H6 respectively.
2. Fonts: Now, You can change the Font Family of all Paragraph, 'a' tag, 'li' tag, H1, H2, H3, H4, H5 and H6 respectively.
3. Font Size: Now, You can change the Font size of all Paragraph, 'a' tag, 'li' tag, H1, H2, H3, H4, H5 and H6 respectively.
Their customizer settings are like below screenshot.
Setup Top Header
Being able to proceed with Site Identity,
Visit Appearance click on Customize click on Site Identity
Now, You might include logo and also you can change the logo width.
Being able to proceed with Header Section at the Top,
Visit Appearance click on Customize click on Theme Settings click on Top Header Section
1. Show/hide Topbar: Now, You have an option for show/hide Topbar.
2. Sticky Header: Now, You have an option to stick the header on top.
3. Social Icons: Now, You have options to add social links.
4. Topbar Top Bottom Padding: Now, You have options to add Top Bottom padding for Topbar.
5. Search Icon: Now, You have options to add Fontawesome icons.
6. Navigation Font Size: Now, You have options to give font size for navigation menu.
7. Navigation Case: Now, You have options to add uppercase or capitalize case for navigation menu.
In this way You might include top header section.
Setup Slider
Being able to proceed with Slider Setup.
Visit Pages Add New Enter Title Set Feature Image
Visit Appearance click on Customize click on Theme setting click on Slider setting
Select slider image page Click twice the checkbox of show/Hide Slider and publish
Being able to proceed with Slider Section,
Visit Appearance click on Customize click on Theme Settings click on Slider Settings
1. Show/hide Slider Title: Now, You have an option for show/hide Slider Title.
2. Show/hide Slider Content: Now, You have an option for show/hide Slider Content.
3. Slider Excerpt length: Now, You have an option to add height and width text area of slider box.
4. Slider Content Alignment: Now, You have options to slider content alignment as a Left , Center , Right.
5. Slider Content Spacing: Now, You have options to add slider content spacing like Top , Bottom , Left , Right.
6. Slider Speed: Now, You have an option for give the speed of slider to load slider fast.
In this way You might include slider.
Setup Category
Being able to proceed with Category Section,
Visit Dashboard Posts Categories.
Add new category here.
Visit Dashboard Posts Add New.
Add new post and select category.
Visit Customizer Theme Settings Category Section
In this way You might include category section.
Setup Latest Post
Being able to proceed with Latest Post Section,
Visit Dashboard Posts Categories.
Add new category here.
Visit Dashboard Posts Add New.
Add new post and select category.
Visit Customizer click on Theme Settings click on Latest Post Section
Setup Homepage Sidebar
Being able to proceed with homepage sidebar Section,
Visit Appearance >> Widgets >>
In this way You might include Homepage Sidebar section.
Setup Footer
Being able to proceed with Footer,
Visit Appearance Widgets
Visit Appearance click on Customize click on Theme Settings click on Footer Section.
Being able to proceed with Footer Section,
1. Show/Hide Back to Top Button: Now, You have an option to Show/Hide Back to Top Button.
2. Back to Top Icon: Now, You have an option for Back to Top Icon.
3. Back to Top Button Text: Now, You have an option to Back to Top Button Text.
4. Back to Top Button Alignment: Now, You have an option to Alignment of Back to Top Button like Right , Center , Left.
5. Footer Background Color: Now, You have an option to Selecting Background color for footer.
6. Footer Background Image: Now, You have an option to Selecting Background image for footer
In this way You might include footer section.
Setup Footer Text
Being able to proceed with footer text Section,
Visit Appearance click on Customize click on Theme Settings click on Footer Text Section.
Being able to proceed with Footer Text Section,
1. Copyright Alignment: Now, You have an option for Copyright Aligntment like Center , Left , Right.
2. Copyright Font Size: Now, You have an option for Font Size of Copyright.
3. Copyright Top Bottom Padding: Now, You have an option to Top Bottom Padding of Content for Copyright.
In this way You might include copyright text.
Setup 404 & No Result Page
Visit Appearance click on Customize click on Theme Settings click on 404 & No Result Page Setting
Being able to proceed with 404 Section.
1. 404 Page Title: error 404 page has a page title not found.
2. 404 Page Text: error 404 page has a page Contain not found
3. 404 Page Button Text: error 404 page Text of Button not found
4. No Result Page Title: error site title not found
5. No Result Page Text: error site contain not found
WooCommerce Plugin
First, you need to download woocommerce plugin from the site Wordpress.org . Next, you need to Visit WordPress admin and visit Plugin.
You will see a success message like this after installation is finished.Once installed, you need to click on the Activate Plugin link to start using the plugin.
Setup WooCommerce
Visit Appearance click on Customize click on Theme Settings click on Additional WooCommerce Options
Being able to proceed with Additional WooCommerces Section.
1. Product per row: Now, You have an option to add Number Of Product in one Row.
2. Product per page: Now, You have an option to add Number Of Product in one single page.
3. Enable / Disable Shop page sidebar: Now, You have an option to Enable / Disable sidebar of shop page.
4. Enable / Disable Product page sidebar: Now, You have an option to Enable / Disable sidebar of product page.
5. Enable / Disable Related product: Now, You have an option to Enable / Disable Feature Related product.
6. Button Top Bottom Padding: Now, You have an option to add top bottom padding of Product button.
7. Button Border Radius: Now, You have an option to add border radius of Product button.
9. Enable / Disable product border: Now, You have an option to Enable / Disable product Outer border.
10. Enable / Disable product border: Now, You have an option to Enable / Disable product Outer border.
11. Product Top Bottom Padding: Now, You have an option to top bottom padding for product.
12. Product Right Left Padding: Now, You have an option to right left padding for product.
13. Product Border Radius: Now, You have an option to give border radius to product.
14. Sale badge Position: Now, You have an option to add postion of sale badge like right portions or left position.
15. Sale Top Bottom Padding : Now, You have an option to add top bottom padding for sale badge.
16. Sale Border Radius: Now, You have an option to add border radius for sale.
Setup Menus
See this screenshot for better understanding.
Page Templates and Sidebars
Page Templates
Posts, Categories and Post Formats
Adding category
Review the following article for more information on adding categories: http://codex.wordpress.org/Manage_Categories_SubPanel
Click the Publish button.
Visit Appearance click on Customize click on Theme Settings click on Post Setting
Being able to proceed with Post Section, 1. Enable / Disable Post Date: Now, You have an option to Enable / Disable Post Date. 2. Enable / Disable Post Author: Now, You have an option to Enable / Disable Post Author. 3. Enable / Disable Post Comments: Now, You have an option to Enable / Disable Post Comments. 4. Enable / Disable Featured Image: Now, You have options to Enable / Disable Featured Image. 5. Featured image border radius: Now, You have options to add border radius for featured image 6. Featured image box shadow: Now, You have an option to add box shadow for featured image. 7. Post Content Type: Now, You have an option to post content type like showing content full or Excerpt Content. 8. Post Button Text: Now, You have an option to add text for post button. 9. Top Bottom Button Padding: Now, You have an option to add top bottom padding for post button. 11. Left Right Button Padding: Now, You have an option to add left right padding for post button. 12. Button Border Radius: Now, You have an option to add border radius for post button. 13. Post Navigation Type: Now, You have an option to add post button navigation type , Next/Prev Button.
Creating a Blog post
Custom Widgets