VW Automobile Pro WordPress Theme Documentation

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

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 WordPress theme files.
    • vw-automobile-pro_0.1.zip and vw-automobile-child_0.1.zip - this folder content all the necessary files for 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.

All installation steps can be done within WordPress interface. It makes process comfortable and fast.

Step 1. Theme installation

First thing you need to do is login to your WordPress admin area. Next, click on

  1. Go to the menu Appearance > Appearance Themes.
  2. Once you are on the themes page, click on the Add New button at the top.
  3. Click on upload theme button.
  4. Click on Browse Button then select your vw-automobile-pro_0.1.zip theme and click on install now button.
  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.

Section Color/Font Pallete

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,Paragrapgh 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

Mega Menu

When you activate the theme, if by default the mega menus appear on top of your theme then to disable this mega menu follow these instructions.

Go to Appearance >> Menus>> Primary Menu.

In your Primary Menu, option for Mega Menu is given at the bottom. You have to first check the mega menu option and click on save menu. After check you have to uncheck the option of mega menu then click on save menu. Refresh the front page and see the changes.

How to set up homepage

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

Setup Header

You have three columns in the header. Each column have different element to show. First column have contact number, second have support mail and third one have the timing. you can update these options from footer. Footer have option to update the call, mail and timing.

In order to proceed with Header.

Go to Appearance >> Customize >> VW Settings >>Header Settings

Follow these instructions to setup header .

  • Header Background Color Option: Contains background color options for header.
  • Header Background Image Option: Contains background image options for header.
  • Header Menu Color Option: Contains color options for header menu.
  • Header Font Family Option: Contains font family options for header.
  • Menu Text Hover Color:Contains text color options for menu on hover.
  • Menu DropDown Background Color and Hover Options: Contains background color and color options for specific dropdown menu.
  • Responsive Menu Background Color: Contains responsive background color and color on hover options for specific dropdown menu.
  • Responsive Menu DropDown Color: Contains responsive color options for specific dropdown menu.
  • Timming: You can set timings using this option.

Setup Slider

Follow these instructions to setup slider.

  • Go to Appearance >> Customize >> VW Settings >> Slider Settings.
  • Setting Options : Includes settings for Slider Section display enable / disable option.
  • Slider Heading Color and Font Family:Contains color options for heading and it's font family.
  • Slider Text Color and Font Family:Contains color options for text and it's font family.
  • Number Of Slide To Show: Allow you to select no. of slides you would like to display.
  • Slider Image:Here you can set the images for slider.
  • Slide Title :Here you can set the title on slider.
  • Slide Description:Here you can add description on slider.
  • Slider Link:Here you can add the button link.
  • For Logo: For changing logo to Appearance >> Customize >> Site Identity >> Here you can set Logo,Site Title,Tagline & Site Icon for your site.
  • For more information go to the Navigation tab.


Search Vehicles

In this section you can select the brand, year, min price & max price for Search Result:

  • Select Brand :You can select the Car Brand. here is a select option of car brands so you can select the brand which you want to search.
  • Make Year :You can choose the year of selected car brand.
  • Min Price :Here you can select the min price of car
  • Max Price :Here you can select the max price of car you selected.

In order to proceed with Search Vehicles,

Go to Appearance >> Customize >> VW Settings>> Search Vehicles.

In this section you can set the Title & page for Search Result. Follow these instructions to setup header:

  • Setting Options : Includes settings for Search Vehicles display enable / disable option.
  • Background Color Option: Contains background color options for specific section layout.
  • Background Image Option: Contains background image options for specific section layout.
  • Section heading Color and Font Family:Contains color options for heading and it's font family for specific section.
  • Search Button Background Color Option: Contains background color options for specific button.
  • Search Button Text color and Font Family:Contains color options for text and it's font family for specific search button.
  • Select Box: Allow you to set title of box you would like to display.
  • Insert the initial Make year(Start year) and Insert the End Make year(End Year): Allow you to insert start year and end year you would like to display.
  • Number of Minimum Input Field to Show: Allow you to select no. of field you would like to display.
  • Button Text Option:You can add text for buttons through the customizer.

About Us Section

In order to proceed with About Us Section,

Go to Appearance >> Customize >> VW Settings>> About Us.

In this section you can set the following points;

  • Setting Options : Includes settings for About Us Section display enable / disable option.
  • Background Color Option: Contains background color options for specific section layout.
  • Background Image Option: Contains background image options for specific section layout.
  • Section Heading Color and Font Family:Contains color options for heading and it's font family for specific section.
  • Section Box Heading Color and Font Family:Contains color options for heading and it's font family for specific box.
  • Section Description Color and Font Family:Contains color options for description and it's font family for specific section.
  • Section Icon Color:Contains color options for specific icon.
  • Section Description Color and Font Family:Contains color options for description and it's font family for specific section.
  • Section Title Color and Paragraph:Contains options for title and paragraph for specific section.
  • Number of Features to Show: Allow you to select no. of features you would like to display.
  • Feature Icon and Title:Here you can add feature icon and it's title.
  • Newsletter Heading Color and Font Family:Contains color options for heading and it's font family for newsletter.
  • Newsletter Header Background Color Options:Contains backround color options for newsletter header.
  • Newsletter Button Text and Font Family: You can set text and font family for buttons through the customizer.
  • Section shortcode: Enter contact form shortcode to display the newsletter.
  • For Newsletter: Add the contact form7 plugin to your wordpress account. Activate the plugin and create your own form. Once you have done with this copy it's shortcode and put this shortcode into the customizer.

Choose Our Brand

In order to proceed with Choose Our Brand,

Go to Appearance >> Customize >> VW Settings>> Choose Our Brand.

In this section you can set the Image & Title of Our Brand section. Options here are further described according to the sections they belong to :

  • Setting Options : Includes settings for Service display enable / disable option.
  • Background Color Option: Contains background color options for specific section layout.
  • Background Image Option: Contains background image options for specific section layout.
  • Section Heading Color and Font Family:Contains color options for heading and it's font family for specific section.
  • Number of Brand to Show: Allow you to select no. of brand you would like to display.
  • Brand Image Option:Option to upload a brand image

Featured Car Section

In this section you have three columns. In each column you can set the car image, car name, description about car & the make year. Here you have tabs and slider for car details.

Here six tabs are available in which you can set six categories to the respective tabs

In order to proceed with Setup Featured Car Section,

Go to Dashboard >> Cars >> Car Brand>> Add New.

First, you have to add new car category.

Go to Dashboard >> Cars >> Add New.

You can add title, description, images and select the category of cars.

Go to Appearance >> Customize >> VW Settings>>Featured Car Section.

In this section you can set the Section Title & Section Sub-Title of featured car section. Options here are further described according to the sections they belong to :

  • Setting Options : Includes settings for Featured car display enable / disable option.
  • Background Color Option: Contains background color options for specific section layout.
  • Background Image Option: Contains background image options for specific section layout.
  • Section Heading Color and Font Family:Contains color options for heading and it's font family for specific section.
  • Section Sub-Heading Color and Font Family:Contains color options for sub-heading and it's font family.
  • Category Title Color and Font Family:Contains color options for title and it's font family for specific category.
  • Category Title Allow you to set category title you would like to display .

Why Choose Us

In order to proceed with Why Choose Us,

Go to Appearance >> Customize >> VW Settings>> Why Choose Us.

In this section you can set the Box Count, Box Title & Box Content of Why Choose Us. Options here are further described according to the sections they belong to :

  • Setting Options : Includes settings for Why Choose Us section display enable / disable option.
  • Background Color Option: Contains background color options for specific section layout.
  • Background Image Option: Contains background image options for specific section layout.
  • Section Heading Color and Font Family:Contains color options for heading and it's font family for specific section.
  • Box Count Color and Font Family:Contains color options for count and it's font family for specific box.
  • Box Heading Color and Font Family:Contains color options for heading and it's font family for specific box.
  • Box Description Color and Font Family:Contains color options for description and it's font family for specific box.

Looking For Cars

In order to proceed with Looking for cars,

Go to Appearance >> Customize >> VW Settings>> Looking for cars.

In this section you can set the Section Heading & Sub-Heading of Looking for Cars Section. You can also set following points through the customizer:

  • Setting Options : Includes settings for Looking For Cars section display enable / disable option.
  • Background Color Option: Contains background color options for specific section layout.
  • Background Image Option: Contains background image options for specific section layout.
  • Section Heading Color and Font Family:Contains color options for heading and it's font family for specific section.
  • Section Box Heading Color and Font Family:Contains color options for heading and it's font family for specific box.
  • Section Description Color and Font Family:Contains color options for description and it's font family for specific section.
  • Section Icon Color:Contains color options for specific icon.
  • Number of Features to Show: Allow you to select no. of features you would like to display.
  • Feature Icon, Title and paragraph :Here you can add feature icon and it's title and paragraph.
  • Form Heading Color and Font Family:Contains color options for heading and it's font family for newsletter.
  • Form Header Background Color Options:Contains backround color options for newsletter header.
  • Form Button Text and Font Family: You can set text and font family for buttons through the customizer.

Latest News Section

In order to proceed with Latest News section,

Go to Dashboard >> Post >> Add New.

First, you have to add categories then Add post. After adding post, you can set title, description, featured image and assign a perticular category for your post.

In this section you can set the following points through the customizer:

Go to Appearance >> Customize >> VW Settings>> Latest News.

  • Setting Options : Includes settings for Latest News section display enable / disable option.
  • Background Color Option : Contains background color options for specific section layout.
  • Background Image Option : Contains background image options for specific section layout.
  • Section Heading Color and Font Family :Contains color options for heading and it's font family for specific section.
  • Section Sub-Heading Color and Font Family : Contains color options for sub-heading and it's font family for specific section.
  • Category Title Color and Font Family : Contains color options for category and it's font family.
  • Section Title and Sub-Title : Includes settings to set section title and sub-title.
  • Category Title : Includes settings to set category title.

To set particular post category for respective tabs there is an option in the customizer.


What People Say

In this section you can post testimonials. You can set an image post, you can add description about the person, you can give the name & the designation of person in section.

In order to proceed with What People Say Section,

Go to Appearance >> Customize >> VW Settings>>Testimonial Slider.

In this section you can set the section Heading, Section Sub-Heading, Background Image & Backround Color.

  • Setting Options : Includes settings for What People Say section display enable / disable option.
  • Section Heading Color and Font Family:Contains color options for heading and it's font family for specific section.
  • Section Sub-Heading Color and Font Family:Contains color options for sub-heading and it's font family for specific section.
  • Member Name Color and Font Family:Contains color options for member name and it's font family.
  • Member Designtion Color and Font Family:Contains color options for member designtion and it's font family.
  • Testimonial Image Option: Contains testimonial image options.
  • Member Name and Testimonial Description: Here you can add member name and description.

Setup About Us Page

In order to proceed with About Us Page,

Go to Dashboard >> Pages >> Add New

You have to add new page for About Us Page. After adding new page you can set title, description and feature image. To display this page select the about template.


Blog Page

In order to proceed with Blog Page,

Go to Dashboard >> Pages >> Add New

You have to add new page for Blog Page. After adding new page you can set title, description and Image. To display this page select the blog template.

To show "Post" on blog page, you have add new post and assign category to this post.

Go to Dashboard >> Post >> Add New

Here are three blog template.

FULL WIDTH BLOG

LEFT SIDEBAR BLOG

RIGHT SIDEBAR BLOG


Page

In order to proceed with Page,

Go to Dashboard >> Pages >> Add New

You have to add new page for Page. After adding new page you can set title, description and Image.

Here are three blog template.

FULL WIDTH BLOG

LEFT SIDEBAR BLOG

RIGHT SIDEBAR BLOG



Contact Us Page

Add the contact form7 plugin to your wordpress account. Activate the plugin and create your own form. Once you have done with this copy it's shortcode and put this shortcode into the customizer or page.

Put this shortcode into the customizer or page.If you want to show the contact form on the left side the column add the shortcode to the

Appearance -> Customize -> Contact.

Add shortcode to contact form shortcode section. And if you want to display it below the map then add the shortcode to the contact page editor.

In order to proceed with Contact Us Page,

Go to Dashboard >> Pages >> Add New

You have to add new page for contact Page. After adding new page you can set title, description and Image. To display this page select the template.

Go to Appearance >> Customize >> VW Settings>> Contact.

In this you can set Title and Description. You can also set following points through the customizer:

  • Contact Form Shortcode:This shortcode is given for Contact form Setup.
  • Latitude/Longitude:Here you can set the lantitude and longitude for the address you wish to see on Map.




 How to Setup Automobile Post Type Plugin

  1. First, you need to download the plugin from the source (which will be a zip file (automobile-post-type.zip)). Next, you need to go to WordPress admin area and visit Plugins » Add New page.
  2. After that, click on the Upload Plugin button on top of the page.
  3. This will bring you to the plugin upload page. Here you need to click on the choose file button and select the plugin file you downloaded earlier to your computer.
  4. After you have selected the file, you need to click on the install now button.
  5. WordPress will now upload the plugin file from your computer and install it for you. You will see a success message like this after installation is finished.
  6. Once installed, you need to click on the Activate Plugin link to start using the plugin.

Plugin Configuration

Once you activate the plugin it will create three register posttype namely: Cars on the Dashboard. This plugin will help you to setup Car Sections.

You can set the brand of car and price. Assign the category and year of car.

1.Cars

In order to showcase your cars on home page.

Go to Dashboard >> Cars >> Add New

You can add the images of Car, title and discription about car. And here is a setting option.

  • Setting Options : Includes settings for this section.
  • Price : Here you can add price of car.
  • Make Year : Here you can add year make and model year of a Car.
  • City : Here you can add city name.
  • CC Field : Here you can add the cubic centimeters (CC) field of cars.
  • Automatic Transmissions : Here you can add car transmission detail.Like automated manual transmission (AMT), continuously variable transmission (CVT), dual-clutch transmission (DCT) or fully-automatic transmission etc.

It will appear like this on your front page.


Child Theme & Hooks

Custom theme editor is the easy process for editing the site,if you have to add section in the site , you can easily edit in child theme it can be change in parent theme.

Hook code below Slider


Hook code below Search Vehicles


Hook code below Welcome Section


Hook code below Our Brands


Hook code below Featured Cars


Hook code below Why Choose Us


Hook code below Looking For Car


Hook code below Latest News


Hook code below What People Say


Hook code below Fullwidth Blog Header



Hook code below Fullwidth Page Header




Page Templates and Sidebars


Page Templates

  • Default Template (The default page template with a right sidebar position)
  • Home Page Template (Front page with the demo content)
  • About Template (The about template with no sidebar position)
  • Page (Left Sidebar) (A page templates with left sidebar position)
  • Page (Right Sidebar) (A page template with 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)
  • Contact Template (The default Contact template with no sidebar position)

Posts, 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. With that done, click Categories for blog posts.
  4. Type in the name of your new category.
  5. After that, click the Add New Category button.
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.

Shortcodes

A shortcode is a powerful content building tool http://codex.wordpress.org/Shortcode. Shortcodes are easy to use. First of all, make sure that the editing mode is set to Visual.

All available shortcodes are conditionally divided into these groups:

  • Gallery[vw-galleryshow vw_gallery=8 numberofitem=5] - used for Gallery images output.

Custom Widgets

 How to Setup Additional Theme Add Ons

  1. First, you need to download the plugin from the source (which will be a zip file (vw-title-banner-image.zip and vw-gallery-images.zip)). Next, you need to go to WordPress admin area and visit Plugins » Add New page.
  2. After that, click on the Upload Plugin button on top of the page.
  3. This will bring you to the plugin upload page. Here you need to click on the choose file button and select the plugin file you downloaded earlier to your computer.
  4. After you have selected the file, you need to click on the install now button.
  5. WordPress will now upload the plugin file from your computer and install it for you. You will see a success message like this after installation is finished.
  6. Once installed, you need to click on the Activate Plugin link to start using the plugin.

VW-Title-Banner-Image

Once you activate this plugins you will find the below option inside each and every page,post,registered posts etc.

  1. First, you need to choose the banner image that you would like to set on your post/page.
  2. On uploading any file, by default, the title will appear over the banner image.
  3. With the help of this plugin, you can hide the title if you do not want to display it on the banner simply by checking "Hide Title above banner" option.
  4. You can even show the title below the banner image by checking "Show Title below banner" option.
  5. When none of the options is selected and no file is chosen, then the title will be displayed in the default manner.

VW-Gallery-Images

Once you activate this plugins you will find the VW-Gallery on the Dashboard.

Click on Add new gallery button. And add the title. Add the number of images to show in a gallery.

Once you have done with adding gallery images. Use the following shortcode to make your gallery appear on a particular page you want simply by replacing the gallery post_id in the Gallery shorthcode.

Thats It! Now you can view your page to see the gallery images....