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-design-agency-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
Image showing for how to add permission to 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 menu Appearance >> Themes

2. Once you are on the themes page, click on the Add New button at the top.

3. Click on Browse Button then select your vw-black-and-white-pro theme and click on install now button.


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

Plugin Installation.

Plugins are ways to extend and add to the functionality that already exists in WordPress.

How to activate plugins If you want these functionalities in your theme for which you need to activate plugin. Follow these instructions to activate plugin in your theme.

To install a WordPress Plugin manually by .zip archive and follow the below steps for Upload plugin .

Install Required Plugins:

VW Design Agency Pro Posttype, Contact Form 7 and VW Social Media Plugin

Go to Dashboard >> plugin >> Add New >> Upload plugin.

Read through all plugin details, read plugin documentation to learn how to use plugins for additional functionality

First you need to upload zip file (vw-black-and-white-pro-posttype.zip) of posttype plugin.click on the install now button and activate plugin.

click on the install now button and activate.


Demo Importer

Import demonstration content with one click to get your theme setup. This content will guide you through building your website for website creation.

Go to Dashboard >> Appearance >> Get started

Before click on "Run Importer" first you need to install VW Design Agency Pro Posttype Plugin.

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


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.

Go to Appearance >> Customize >> Theme Settings >>Section Ordering


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 Homepage 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 >> Set the front page display static page to home page
  • Once you are done with this, you can see all the demo content on front page.


Setup Site Identity

In order to proceed with Site Identity.

Go to Appearance >> Customize >> Theme Settings >>site identity


Setup Menu Section

1. Go to Dashboard >> Pages >> add new page with addition of image if you want to add and allot the page to that section. You can do this several times for creating multiple pages to allot in same section.

For menu you need to add pages than

Go to >> Appearance >> Menus >> Add menu

Repeat the same steps if you want to add more pages.

In this way you can add the menu section.



Setup Header Section

In order to proceed with Header.

Go to Appearance >> Customize >> Theme Settings >>Header Settings

Sticky On/Off

In this way you can add the Header Section.


Setup Slider Section

In order to proceed with slider.

Go to Appearance >> Customize >> Theme Settings >>Slider Settings

In this way you can add the Slider Section.


Setup Our Featured Section

In order to proceed with Our Featured Section.

Go to Appearance >> Customize >> Theme Settings >>Our Featured

In this way you can add the Our Featured Section.


Setup Our Video Section

Follow the below steps to setup Our Video Section.

Go to Appearance >> Customize >> Theme Settings >> Our Video Section

In this way you can add Our Video Section


Setup Powerful Tools Section

In order to proceed with Powerful Tools Section.

Go to Appearance >> Customize >> Theme Settings >>Powerful Tools

In this way you can add the Powerful Tools Section.


Setup Our Team Section

Follow the below steps to setup Our Team Section.

"First you need inastalled and activate VW Design Agency Pro Posttype Plugin. After activated plugin Teams appeared on your dashboard"

Go to Dashboard >> Team >> Add New.

Go to Appearance >> Customize >> Theme Settings >> Our Team

In this way you can add the Our Team Section.



Setup Our Projects Section.

"First you need inastalled and activate VW Design Agency Pro Posttype Plugin. After activated plugin Projects appeared on your dashboard"

In order to proceed with Our Projects Section,

Go to Dashboard >> Projects >> Add New.

Go to Appearance >> Customizer >> Theme Settings >> Our Projects Section

In this way you can add the Our Projects Section.


Setup Our Partners Section

Follow the below steps to Setup Our Partners Section.

Go to Appearance >> Customize >> Theme Settings >> Our Partners

In this way you can add the Our Partners Section.


Setup Our Records Section

Follow the below steps to setup Our Records Section.

Go to Appearance >> Customize >> Theme Settings >> Our Records Section .

In this way you can add the Our Records Section.


Setup Pricing Plans Section

In order to proceed with Pricing Plans Section,

Go to Appearance >> Customizer >> Theme Settings >> Pricing Plans

In this way you can add the Pricing Plans Section.



8. Setup Testimonials Section

Follow the below steps to setup Testimonials Section.

"First you need inastalled and activate VW Design Agency Pro Posttype Plugin. After activated plugin Testimonials appeared on your dashboard"

Go to Dashboard >> Testimonials >> Add New.

Go to Appearance >> Customize >> Theme Settings >> Testimonials

In this way you can add the Testimonials Section.



14. Setup Our Blogs Section

Follow the below steps to Setup Our Blogs Section.

Go to Dashboard >> Posts >> Add New.

Go to Appearance >> Customize >> Theme Settings >> Our Blogs

In this way you can add the Our Blogs Section.




18. Page Templates and sidebars

Page Templates

  • Home Template (the default Home template)
  • Default Template (the default page template with a right sidebar position)
  • Page With Left Sidebar (a page templates with left sidebar position)
  • Page With Right Sidebar (a page template with right sidebar position)
  • Blog With Full Extend (a blog templates with one column without sidebar)
  • Blog With Left Sidebar (a blog templates with left sidebar position)
  • Blog With Right Sidebar (a blog template with right sidebar position)
  • Contact (the default Contact template with no sidebar position)

19. Post, Categories and Post Formats


Adding category

Review the following article for more information on adding categories: http://codex.wordpress.org/Manage_Categories_SubPanel

  1. Log into your WordPress Administration Panel (Dashboard).
  2. Click the Posts tab.
  3. Click Categories for blog posts.
  4. Type in the name of your new category.
  5. After that, click the Add New Category button.
  6. Click the Publish button.

Creating a Blog post

  1. Log into your WordPress Administration Panel (Dashboard).
  2. Click the Posts tab.
  3. Click the Add New tab.
  4. Type in your post content. For more information on adding posts, please check the following link http://codex.wordpress.org/Posts_Add_New_SubPanel.




23. Setup Contact Section

Follow the below steps to Setup Contact Section.

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 Settings >> Contact

In this way you can add the Setup Contact Section.



3. Setup Social Media Icon

In order to setup Social Media Icons. follow these steps.

First you need to upload and activate VW Social media plugin.

Use these shortcode -> [vwsmp-social-media color="#fff" hover_color="#fff" bg_color="#000" bg_hover_color= "#0ff" font_size="18" border_radius="50" left_margin="5" right_margin="0" top_margin="10" bottom_margin="10" height="35" width="35"]

1. Go to Dashboard >> VW Social Media

Go to Appearance >> Customize >> Theme Settings >>Slider Settings



Woocomercre and contact form 7 plugin


For better understanding need to views below video links How to installed woocomercre, contact form 7 plugin