Introduction
Thank you for buying 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 content management system(CMS) 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.
Help and Support
Click here for support:
File Structure
The template package you have downloaded consists of several folders. Let's see what each folder contains:
-
Screenshots
-contains template screenshot. Not for production.
- theme -contains wordpress theme files
- "vw-boutique-pro-zip" -this folder contains all the necessary files for the theme.
- "license.txt" -contains license details
- "readme.txt" -contain information about theme images path, font use and usage script
My site was working fine before? Who changed the File Permissions?
Incorrect file permissions can block WordPress from creating folders, upload images, or run some scripts
WordPress needs permissions to manage files and create folders on the server.
- After that select all folders in root directory and then right click to select ‘File Permissions’.
- wp-config >> permissions dialog box >> click on checkbox read and write >> Click on the OK button to continue
- same process repeated for wp-content folder
Template Installation
Template installation is very easy process.
All installation steps can be done within WordPress interface. It makes process comfortable and fast.
The installation process can be done in two ways
1-Install a theme using wordpress admin
First thing you need to do is to login to your WordPress admin area. Next, click on
1.Go to the Dashboard > Appearance > Themes
2.Once you are on the themes page, click on the Add New button at the top.
2.Once you are on the themes page, click on the Upload Theme button at the top and upload zip file (vw-boutique-pro-zip)
5. WordPress will now install your theme and show you a success message along with the link to activate or live preview.
Congratulations!! Your theme have been successfully installed.
2-Install a Theme using FTP
Your second installation option is to upload the theme via FTP. For this method first log into your site via FTP and browse to your folder located at wp-content/themes. Unzip the theme file you downloaded and upload only the extracted Total folder to your server.
Next log into your WordPress site and navigate to Appearance >> Themes to activate Total.
Demo Content Importer
Import demo content with one click to get your theme setup. This content will guide you through building your website for website creation
Before Run Importer you have to install all the required Plugins :- Smash Balloon Instagram Feed,WooCommerce,YITH WooCommerce Wishlist, VW Social Media Plugin and Contact Form 7
1. Go to Dashboard >> Appearance >> Get Started
2. Click on "Demo Content Importer" and then "Run Importer".
Section Ordering
How to Arrange and Reordering Section
Section reordering basically means to arranage the section as per our requirement. in order to proceed with this section you need to drag section on top or bottom where you need it. when you will drap any section top or bottom your front view will change according customizer values.
For Section Re-ordering,you just need to simply drag-and-drop options into any order as per your wish .
In order to proceed with Section Ordering.
Step 1 Go to Dashboard >> Appearance >> Customizing >> Theme Settings >> Section Ordering
Click on "Demo Content Importer" and then "Run Importer".
Section Color/Font Pallette
Color/Font is very easy process. We have given these options in all sections of customizer. It is a complete image to show you about color and font pallete. At a single glance of click you can set the color and fonts of the Headings, Paragraph and Buttons
Every individual section have an option to set the color pallete for Headings, Title/Text, Paragraph, Button Text and Button Background depending upon the number of option that are available in that respective section.
Default Color/Font settings
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 home page template to show all the demo section on your front page.
Setup Home Page Template
Follow these instructions to setup Home page.
- 1. Create Page to set template: Go to Dashboard >> Pages >> Add New Page.
Label it "home" or anything as you wish. Then select template "Home page" from template dropdown.
- 2. Set the front page: Go to Setting -> Reading --> Select the option of Static Page, now select the page you created to be the homepage, while another page to be your default page.
Once you are done with this, you can see all the demo content on front page.
Setup Site Identity.
Go to Appearance >> Customize >> Site Identity
Setup Topbar Section
In order to proceed with Topbar.
Go to Appearance >> Customize >> Theme Settings >> Topbar
In this way you can setup Topbar Section.
Setup Topbar Product Search Section
In order to proceed with Topbar Product Search.
Go to Appearance >> Customize >> Theme Settings >> Topbar Product Search
In this way you can setup Topbar Product Search Section.
Setup Header
In order to setup the Header Section, follow the below steps.
For Menu Section, follow these steps.
Go to Dashboard >> Pages >> Add New.
Follow same steps for more pages.
For creating menu...
Go to Dashboard >> Appearance >> Menu.
Create menu, add pages and select Menu.
Repeat the same steps if you want to add more pages.
In this way you can setup the menu section.
Sticky Header:
When you on Sticky Header button and scroll the page then header navigation go on the top and stick at top of page.
It will appear like this on the front end
Setup Slider Settings
In order to proceed with Slider Settings.
Go to Appearance >> Customize >> Theme Settings >> Slider Settings
In order to setup Social Media Icons. follow these steps.
First you need to upload and activate VW Social media plugin.
After activating plugins VW Social media appeared on your dashboard.
Dashboard >> VW Social Media
Show/Hide Slider Nav And Show/Hide Slider Dots
In this way you can add the Slider Section
Setup Mens Collection Section
In order to setup Mens Collection Section, First you need to upload and activate Woocommerce plugin.
Then you need to create category for the product
Go to Dashboard >> Products >> Categories
Go to Dashboard >> Products >> Add New
Go to Appearance >> Customize >> Theme Settings >> Mens Collection
In this way you can setup Men Collection Section.
Setup Women Collection Section
In order to setup Women Collection Section, First you need to upload and activate Woocommerce plugin.
Then you need to create category for the product
Go to Dashboard >> Products >> Categories
Go to Dashboard >> Products >> Add New
Go to Appearance >> Customize >> Theme Settings >> Women Collection
In this way you can setup Women Collection Section.
Setup Shop By Categories
In order to proceed with Shop By Categories Section.
Go to Appearance >> Customize >> Theme Settings >> Shop By Categories
In this way you can add the Shop By Categories Section
Setup New Arrivals
In order to proceed with New Arrivals section, First you need to upload and activate Woocommerce plugin.
Then you need to create category for the product
Go to Dashboard >> Products >> Categories
Go to Dashboard >> Products >> Add New
Also you need to install and activate YITH WooCommerce Wishlist Plugin.After activating plugin YITH appeared on your dashboard.
Go to Dashboard >> YITH >> Wishlist
For wishlist text, Scroll Down to STYLE & COLOR CUSTOMIZATION, Add text in "Add To Wishlist" Text
For wishlist icon, Scroll Down to STYLE & COLOR CUSTOMIZATION, select icon from "Add to wishlist" icon
Go to Appearance >> Customize >> Theme Settings >> New Arrivals
In this way you can add New Arrivals Section
Setup Best Seller
In order to proceed with Best Seller section, First you need to upload and activate Woocommerce plugin.
Then you need to create category for the product
Go to Dashboard >> Products >> Categories
Go to Dashboard >> Products >> Add New.
Go to Appearance >> Customize >> Theme Settings >> Best Seller
Give Rating for Best Seller product..
In this way you can add Best Seller Section
Setup Special Offer
In order to proceed with Special Offer section, First you need to upload and activate Woocommerce plugin.
Then you need to create category for the product
Go to Dashboard >> Products >> Categories
Go to Dashboard >> Products >> Add New.
Go to Appearance >> Customize >> Theme Settings >> Special Offer
In this way you can add Special Offer Section
Setup About Us
In order to proceed with About Us.
Go to Appearance >> Customize >> Theme Settings >> About Us
In this way you can add About Us Section
Setup Instagram Section
In order to proceed with Instagram Section, first you have to add Instagram Feed Plugin and activate it.
Instagram Feed option appears in dashboard after activating this plugin. Go to customize option in Instagram Feed settings. Copy the shortcode and paste it in Instagram section of Customizer.
Go to Dashboard >> Instagram Feed Then Click on Connect an Instagram Account, enter the ID and password to connect. Refer the below screenshot for more details.
Go to Appearance >> Customize >>Theme Settings >> Instagram
In this way you can add Instagram Section.
Setup Our Latest News Section
In order to setup Our Latest News Section, create posts first.
Go to Dashboard >> Posts >> Add New
Go to Appearance >> Customize >> Theme Settings >> Our Latest News
In this way you can setup Our Blog section.
Setup Partner Section
In order to setup Partner Section,follow these steps
Go to Appearance >> Customize >> Theme Settings >> Partner
In this way you can setup Our Blog section.
Setup Newsletter Section
In order to setup Newsletter Section follow these steps.
1. You need to follow some initial important steps.
2. You need to add contact form 7 plugin.
Create contact form
Go to Dashboard >> Contact >> Add New
Go to Appearance >> Customize >> Theme Settings >> Newsletter
In this way you can setup Newsletter section.
General Settings
In order to setup General Settings section follow these steps..
Go to Appearance >> Customize >>Theme Settings >> General Settings
Here you change page title in left,right and center and post layout in left,right and center.
Setup Post Settings Section
In order to setup Post Settings section follow these steps..
Go to Appearance >> Customize >>Theme Settings >>Post Settings
Footer Widgets Section
Setup Footer Widgets Section
For adding widgets in the footer please follow the given steps and enable the footer widget.
There are three columns in the footer , you can add maximum four columns in the footer. Each column have different element to show. These sections will be setup from the admin pannel widget section. Add whatever widget you want and you can update the widget.
Go to Dashboard >> Appearance >> Widgets
Go to Appearance >> Customize >> Theme Settings >> Footer Widgets
It will appear like this on the front end.
Footer Text
In order to setup the Footer Text Section, follow the below steps.
Go to Appearance >> Customize >> Theme Settings >>Footer Text.
It will appear like this on the front end.
Setup Contact Section
In order to setup Contact Section follow these steps.
1. You need to follow some initial important steps.
2. You need to add contact form 7 plugin.
Create contact form
Go to Dashboard >> Contact >> Add New
Go to Dashboard >> Pages >> Contact
Add contact form shortcode
Go to Appearance >> Customize >> Theme Setting>> Contact
In this way you can setup Contact Section
Setup Navigation
- First of all, create pages. For that, go to Pages >> Add new page.
- For creating menu, Go to Appearance >> Menu
- Click on Create a new menu link
- Give a name to your menu in Menu name and click save menu button
- Once you have created menu. You need to add pages by selecting with checkboxes. After adding menu list, you can arrange it by drag and drop.
- Select menu theme location from the below checkboxes
- If you checked Header menu checkbox then menu will appear on header.
Create Page to set template go to Dashboard >> Pages >> Add new page.
Label it "home" or anything as you wish. Then select template "Home page" from template dropdown.
See this screenshot for better understanding.
Page Templates and sidebars
Page Templates
- Home Template (the default Home template)
- Default Template (the default page template with a right sidebar position)
- Page (Left Sidebar) (a page templates with left sidebar position)
- Page (Right Sidebar) (a page template with right sidebar position)
- Page (Right and Left Sidebar) (a page template with both left and right sidebar position)
- Blog (Full Width) (a blog templates with one column without sidebar)
- Blog (Left Sidebar) (a blog templates with left sidebar position)
- Blog (Right Sidebar) (a blog template with right sidebar position)
- Blog (Right and Left Sidebar) (a blog template with both left and right sidebar position)
- Contact Template (the default Contact template with no sidebar position)
Post, Categories and Post Formats
Adding category
Review the following article for more information on adding categories: http://codex.wordpress.org/Manage_Categories_SubPanel
- Log into your WordPress Administration Panel (Dashboard).
- Click the Posts tab.
- Click Categories for blog posts.
- Type in the name of your new category.
- After that, click the Add New Category button.
- Click the Publish button.
Creating a Blog post
- Log into your WordPress Administration Panel (Dashboard).
- Click the Posts tab.
- Click the Add New tab.
- Type in your post content. For more information on adding posts, please check the following link http://codex.wordpress.org/Posts_Add_New_SubPanel.
Custom Widgets
