VW Education 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-education_1.0.1.zip and vw-education-child_1.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. The installation process includes only two simple steps: theme installation and sample data installation.

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

Step 1. Theme installation

  1. Go to the menu Appearance > Themes and click the Add New Theme button.
  2. Click the Upload link.
  3. Click the Browse button and navigate to the unzipped template package on your computer.
  4. Look for a file called vw-education.zip and vw-education-child.zip Click on it to select, then click OK.
  5. Click the Install Now button and wait until the installation is complete.
  6. Click the Activate link to change the current layout of the site to the theme your purchased.
  7. Go to Appearance >> Customize >> vw settings.

Congratulations, your theme have been successfully installed!

Section Color/Font Pallete

Color/Font is very easy process.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

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

Follow these instructions to setup header.

  • For Slider: Go to Appearance >> Customize >> VW Settings >> Slider Settings >> Upload image,Add Title, Description & Link to Learn More.
  • For Site Name/Logo: For changing site name go to Appearance >> Customize >> Site Identity >> Here you can set Logo,Site Title,Tagline & Site Icon for your site. Please see the theme option tab in this documentation for more details.
  • For Navigation: See the Setup Navigation tab of this documentation.

Setup Our Featured Courses Section

In order to proceed with Our Featured Courses Section. First you will need to add and activate VW Education Posttype plugin.Click here to configure this plugin

Go to Dashboard >> Course.

In this section you can add new post,In the post you can add the Title,Content & Image of Featured Courses offered according to your site. Options here are further described according to the sections they belong to :

Go to Appearance >> Customize >> VW Settings>> Our Featured Courses.

  • Setting Options : Includes settings for Featured Courses display enable / disable option.
  • Background Color Option: Contains background color options for specifix section layout.
  • Background Image Option: Contains background image options for specifix section layout.
  • Number of Box per section Allow you to select no. of Featured Courses Box you would like to display .

Setup Search Courses Section

In order to proceed with our search section,

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

In this section you can set the Title & Content of Search Courses.Here you can Search the courses :

  • Setting Options : Includes settings for About Us section display enable / disable option.
  • Background Color Option: Contains background color options for specifix section layout.
  • Background Image Option: Contains background image options for specifix section layout.
  • Number of Days to show Allow you to select no. of working days and timings you would like to display.

Setup Our Project Section

In order to proceed with "Our Project" Section. First you will need to add and activate VW Education Posttype plugin.Click here to configure this plugin

For further customization you can see the following steps.

Go to Appearance >> Customize >> VW Settings>> Our Project.

  • Setting Options : Includes settings for Our Project display enable / disable option.
  • Background Color Option: Contains background color options for specifix section layout.
  • Background Image Option: Contains background image options for specifix section layout.
  • Number of Box per section Allow you to select no. of Service Box you would like to display .

Setup Our Services Section

In order to proceed with our services section,

Go to Appearance >> Customize >> VW Settings>> Our Services.

In this section you can change Image of Our Services offered according to your site. 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 specifix section layout.
  • Background Image Option: Contains background image options for specifix section layout.
  • Number of Box per section Allow you to select no. of Service Box you would like to display .

Setup We Offer Section

In order to proceed with we offer section,

Go to Appearance >> Customize >> VW Settings>> We Offer.

You will need to select the page for each tab. Tab section shows the page content and it's featured image. To truncate the content you can add the read more tag wherever you want from your editor.

  • Setting Options : Includes settings for We Offer display enable / disable option.
  • Background Color Option: Contains background color options for specifix section layout.
  • Background Image Option: Contains background image options for specifix section layout.
  • Number of Box per section Allow you to select no. of Service Box you would like to display .

Setup Our Faculties Section

In order to proceed with "Faculties" Section. First you will need to add and activate VW Education Posttype plugin.Click here to configure this plugin

Go to Dashboard >> Faculty.

In this section you can add new post,In the post you can add the Title,Content & Image of Our Faculties offered according to your site. Options here are further described according to the sections they belong to :

Go to Appearance >> Customize >> VW Settings>> Our Faculties.

  • Setting Options : Includes settings for Our Feculties display enable / disable option.
  • Background Color Option: Contains background color options for specifix section layout.
  • Background Image Option: Contains background image options for specifix section layout.
  • Number of Box per section Allow you to select no. of Service Box you would like to display .

Setup Our Records Section

In order to proceed with colour section,

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

Here you can add the HAPPY SMILES, YEARS OF EXPERIENCE, TEACHERS, COURSES, STUDENT'S ENROLLEDa and JOB PLACEMENT count with it's title.

  • Setting Options : Includes settings for Record display enable / disable option.
  • Background Color Option: Contains background color options for specifix section layout.
  • Background Image Option: Contains background image options for specifix section layout.
  • Number of Box per section Allow you to select no. of Service Box you would like to display .


Setup Choose Course Section

In order to proceed with Choose Course Section,

Go to Appearance >> Customize >> VW Settings>> Choose Course.

Here you can add the title, contact form shortcode to show form and the timer end date.

  • Setting Options : Includes settings for choose course section display enable / disable option.
  • Background Color Option: Contains background color options for specifix section layout.
  • Background Image Option: Contains background image options for specifix section layout.
  • Number of Plans to show Allow you to select no. of Plans you would like to offer and display .

Setup Quote Section

In order to proceed with Quote Section,

Go to Appearance >> Customize >> VW Settings>>Quote Section.

In this section you can set the number of testimonials to show. Add the testimoinal content qoute, auther name and their image.

  • Setting Options : Includes settings for Pricing Plans section display enable / disable option.
  • Background Color Option: Contains background color options for specifix section layout.
  • Background Image Option: Contains background image options for specifix section layout.
  • Number of Plans to show Allow you to select no. of Plans you would like to offer and display .

Setup From The Blog Section

In order to proceed with Blog Section,

Go to Appearance >> Customize >> VW Settings>> From The Blog.

In this section you can set the section Title & can select category whose post you would like to be get displayed in "From The Blog" section

All you need to do is create post and assign it a category and select that category in VW Settings>> From The Blog.

  • Setting Options : Includes settings for Blog section display enable / disable option.
  • Add title Option: Contains add title options for specifix title section.
  • Heading color Option: Contains heading color options for specifix section layout.
  • Heading font family for specifix heading Allow you to select font family for heading, you would like to display .

  • Setting Options : Includes settings for Footer display enable / disable option.
  • Heading Color Option: Contains heading color options for specifix heading section.
  • Content Color Option: Contains content color options for specifix content section.
  • Background Color Option: Contains background color options for specifix section layout.
  • Background Image Option: Contains background image options for specifix section layout.


 How to Setup Education Post Type Plugin

  1. First, you need to download the plugin from the source (which will be a zip file (Education-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 allow you to access three register posttype namely:Our projects, Faculty and Courses on the Dashboard. This plugin will help you to setup faculty and course and out projects Sections.

1.Faculty

In order to showcase your "faculty" section on your home page

Go to Dashboard:-> faculty >> Add New Post

Add Title, Description, Designation and Featured image to your faculty post and click publish.

If you want to show faculty on any other page and post then add the Shortcode "[vw-faculty]" to the page with the text mode of editor. See screenshot below.

View the page which you have created. It will show faculty like this.

2.Courses

Similarly In order to show your Courses, follow the below steps.

Go to Courses >> Add New Post

Add Title, Description, Excerpt and Featured image to your courses post and click publish.

If you want to show courses on any other page and post then add the Shortcode "[vw-courses]" to the page with the text mode of editor. See screenshot below.

Make sure you check the "Make it featured" checkbox.

View the page which you have created. It will show faculty like this.

2.Projects

Similarly In order to show your Projects, follow the below steps.

Go to Our Projects >> Add New Post

Add Title, Description, Excerpt and Featured image to your courses post and click publish.

View the page which you have created. It will show "Our projects" sectios like this.



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 Section


Hook Code Below Featured Courses Section


Hook Code Below Search Courses Section


Hook Code Below Our Project Section


Hook Code Below Our Services Section


Hook Code Below We Offer Section


Hook Code Below Our Faculty Section


Hook Code Below Our Records Section



Hook Code Below Choose Courses Section


Hook Code Below Testimonial Section


Hook Code Below Blog Section


Hook Code Below Fullwidth Blog Header Section



Hook Code Below Social Shearing Section


Hook Code Below Page Header Section



Hook Code Below Contact Page Header Section




Page Templates and Sidebars


Page Templates

  • Default Template (the default page template with a right sidebar position)
  • About Template (the default About template with no sidebar position)
  • Page (Full Width) (a page template with one column without a sidebar)
  • 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:

  • Featured Courses[vw-courses] - used to display feature courses.
  • Gallery[vw-galleryshow vw_gallery=128 numberofitem=8] - used for Gallery images output.
  • Faculty[vw-faculty] - used to display Faculty.

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. See the images to get the id.

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