close

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-Dietitians-Pro " -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

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.

3. Click on upload theme button.

4. Click on Browse Button then select your vw-resume-pro.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 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 Wizard


Follow the following steps to import content using Theme Wizard

1) Go to Dashboard >> Getstarted

2) Insert your key.

Refer video for Licence key activation:

3) Click on Setup Wizard and then Start Now button.

4) install Plugins.

5) Import your demo content based on Customizer and Gutenberg.

You can refer this video for setup your demo content based on


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


Topbar

1. Go to Dashboard >> Appearance >> Customize >> Topbar



The output will look like this.

Refer video for create and setup menu:

Header

1. Go to Dashboard >> Appearance >> Customize >> Header


2. For Menu Section, follow these steps.

Go to Dashboard >> Pages >> Add New.


Follow same steps for the more pages.

Go to Dashboard >> Appearance >> Menu.

3. For Icon Section, follow these steps.

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


The output will look like this.

Refer video for create and setup menu:

Setup Slider

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




The output will look like this.


Refer video for Setup slider:

Setup Contact Us Now Section

In order to setup Contact Us Now Section,

Appearance >> Customize >> Theme Settings >> Contact Us Now Section.

The output will look like this.



Setup About Us

In order to setup this section.

Go to Appearance >> Customize >> Theme Settings >> About us.



The output will look like this.


Setup Get In Touch Section

Go to Appearance >> Customize >> Theme Settings >> Get In Touch Section.



The output will look like this.



Setup Program Offers Section

In order to proceed with Program Offers Section, first we have to add Woocommerce Plugin and activate it.

Woocommerce option appears in dashboard after activating this plugin. Product option will appear in dashboard

Go to Dashboard >> Products >>Categories . Refer the below screenshot for more details.

For adding Products

For adding Products in Categories,

Go to Dashboard >> Products >> Add New . Refer the below screenshot for more details.

Go to Appearance >> Customize >> Theme Settings >> Program Offers Section.


The output will look like this.


Setup Fitness and Nutrition Section

Dashboard >> fitness Nutrition >> Add New


Dashboard >> Appearance >> Themes Setting >> Fitness and Nutrition Section


The output will look like this.


Setup Our Team Section

Go to Dashboard >> Our Team >> Add New

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


The output will look like this.


Setup Healthy Recipes Section

Go to Dashboard >> Healthy Recipes >> Add new.



The output will look like this.


Setup Testimonial Section

Go to Dashboard >> Testimonial >> Add New


Go to Appearance >> customizer >> Theme Setting >> Testimonial Section


The output will look like this.


Setup Pricing Plans Section

Go to Appearance >> Customize >> Theme Settings >> Pricing Plans Section.



The output will look like this.

Setup Recent Blogs Section

Go to Dashboard >>Post >> Add New

Appearance >> Customize >> Theme Setting >>Recent Blogs Section


The output will look like this.


Setup Newsletter Section

Go to Dashboard >>Contact >> Add New

Refer the below Screenshot


Go to Appearance >> Customize >> Theme Settings >>Newsletter


The output will look like this.

Setup Setup Footer Section

In order to setup Footer Section

First you need upload and activate classic Widgets plugin.

There are four columns in the Footer Widgets. 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.

Refer the below Screenshot


Go to Appearance Customize Theme Settings Footer Widgets. .


Footer will be Appear on page like this.


Footer Text

In order to showcase Footer Text on home page.

Go to Appearance >> Customize >> Theme Settings >>Footer Text.


In this way you can add footer Text.

Inner Pages

About Us

Go to Dashboard >> Pages >> Add New


Go to Appearance >> Customize >> Theme Settings >>About Us page - About Us Section.

The output will look like this.

About Us page - Get In Touch Section

Go to Appearance >> Customize >> Theme Settings >>About Us page - Get In Touch Section.




The output will look like this.

About Us page - About Us Video Section

Go to Appearance >> Customize >> Theme Settings >>About Us page - About Us Video Section




The output will look like this.

About Us page - Pricing Plans Section

Go to Appearance >> Customize >> Theme Settings >>About Us page - Pricing Plans Section




The output will look like this.

Page No Sidebar

Deshboard>> Page >> Add New




The output will look like this.

Pages With Left Sidebar

Deshboard>> Page >> Add New




Deshboard>> Post >> Add New

The output will look like this.

Pages With RIght Sidebar

Deshboard>> Page >> Add New




Deshboard>> Post >> Add New

The output will look like this.

Error 404

Deshboard>> Page >> Add New




The output will look like this.


Blog With No Sidebar -

  • Step 1. Go to Dashboard >> Page
  • Step 2.Click Add New button
  • Step 3 - Add Page Name
  • Step 4. select Blog with No Sidebar template at right bottom of page
  • Step 5. Click publish button
  • select Page With Right Sidebar template

    Deshboard>> Post >> Add New

    select Page With Right Sidebar template

    Deshboard>> Appearance >> Theme Setting >> Post Setting

    select Page With Right Sidebar template

    select Page With Right Sidebar template

    select Page With Right Sidebar template

    The output will look like this.

    select Page With Right Sidebar template

Blog With Left Sidebar -

  • Step 1. Go to Dashboard >> Page
  • Step 2.Click Add New button
  • Step 3 - Add Page Name
  • Step 4. select Blog With Left Sidebar template at right bottom of page
  • Step 5. Click publish button
  • select Page With Right Sidebar template

    Deshboard>> Post >> Add New

    select Page With Right Sidebar template

    Deshboard>> Appearance >> Theme Setting >> Post Setting

    select Page With Right Sidebar template

    select Page With Right Sidebar template

    select Page With Right Sidebar template

    The output will look like this.

    select Page With Right Sidebar template

Blog With Right Sidebar -

  • Step 1. Go to Dashboard >> Page
  • Step 2.Click Add New button
  • Step 3 - Add Page Name
  • Step 4. select Blog With Right Sidebar template at right bottom of page
  • Step 5. Click publish button
  • select Page With Right Sidebar template

    Deshboard>> Post >> Add New

    select Page With Right Sidebar template

    Deshboard>> Appearance >> Theme Setting >> Post Setting

    select Page With Right Sidebar template

    select Page With Right Sidebar template

    select Page With Right Sidebar template

    The output will look like this.

    select Page With Right Sidebar template

Contact -

    Deshboard>> Contact >> Add New

    select Page With Right Sidebar template

    Deshboard>> Appearance >> Customizer >> Theme Setting >> Contact Page

    select Page With Right Sidebar template

    select Page With Right Sidebar template


    The output will look like this.

    select Page With Right Sidebar template
Refer video for installation of Contact form 7 Plugin:
Refer video for create latest Post section:

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)
  • 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)

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


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.

Refer video for Create Pages Using Shortcode:


Custom Widgets