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 website creation utility that uses PHP and MySQL as its foundation. It is a robust blogging tool and a totally free content management system (CMS). With this CMS, you can create reliable online applications and webpages. To manage it, you hardly need any technical expertise or information. Because of its many benefits, including ease of use and flexibility, WordPress has emerged as the most popular website creation tool on the market. Learn More
What is a Wordpress Template?
A WordPress template serves as the skin for webpages built using the WordPress content management system. A WordPress template is very simple to setup. You can quickly alter the appearance of your WordPress website by installing a new template. A WordPress template comes with all the necessary source files, and you are free to modify and expand it however you see fit.
Help and Support
Click here for support:
File Structure
The template package that you got is divided into various folders. Let's examine the contents of each folder:
-
Screenshots
-contains template screenshot. Not for production.
- theme -contains wordpress theme files
- "vw-pharmacy-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
Template Installation
The process of installing a template is very straightforward and easy.
Within the WordPress interface, all activation procedures can be completed. It facilitates a quick and comfortable procedure.
There are two methods to complete the installation process.
1-To install a theme using WordPress admin, follow these steps:
First, log in to your WordPress admin dashboard.
1.Next, navigate to the "Appearance" menu and select "Themes."
![Image showing for how installed theme](images/themeinstall-1.jpg)
2.Once you are on the themes page, click on the "Add New" button located at the top of the page.
![Image showing for how to add new theme](images/Add new theme screenshot.png)
3.Once you are on the themes page, click on the Upload Theme button at the top and upload zip file (vw-pharmacy-pro-zip)
![Image showing for how to upload theme folder](images/upload-theme screenshot.png)
5. WordPress will now proceed with installing your selected theme, and upon completion, you will see a success message that includes options to activate the theme or preview it live. Congratulations! Your theme has been successfully installed and set up.
2-Install a Theme using FTP
The theme can be uploaded using FTP, which is your second installation choice. To use this technique, first log into your website using FTP and navigate to the wp-content/themes folder. Simply extract the Total folder from the theme file you got and upload it to your server.
![Image showing for how to use ftp](images/ftp.png)
Then sign in to your WordPress website and go to Appearance >> Themes to activate Total.
Plugin Installation.
Using plugins, you can increase and expand the usefulness of WordPress.
How to turn on plug-ins If you want these features in your theme, you must enable the plugin. In order to activate the plugin in your theme, follow these steps.
The following instructions for uploading a plugin can be used to directly install a WordPress plugin from a.zip archive.
Install Required Plugins:
vw-pharmacy-pro Posttype, VW Social Media Plugin and Contact Form 7 Plugin
Go to Dashboard >> plugin >> Add New >> Upload plugin.
![Image showing for how to add plugin](images/add plugin screenshot.png)
Read through all plugin details, read theme documentation to learn how to use plugins for additional functionality
You must first submit the posttype plugin's zip file (vw-pharmacy-pro-posttype-zip).install the application now by clicking the button, then turn it on.
![Image showing for how to upload plugin folder](images/Add plugin2 screenshot.png)
Demo Content Importer
To build up your theme, simply import demo content. You can use this information to help you create a website for website creation.
All necessary plugins must be installed before running Importer.- vw-pharmacy-pro Contact Form 7, Posttype, and VW Social Media Plugin
1. Access Dashboard, Appearance, and then Start now
2. Select "Run Importer" after selecting "Demo Content Importer".
![](images/Demo content importer screenshot.png)
Section Ordering
How to Reorder and Arrange Section
To reorder an area simply means to arrange it according to our needs. Drag the section to the top or bottom as necessary to continue with this part. Your front view will alter in accordance with customizer values when you drag any section to the top or bottom.
To reorder a section, all you need to do is drag and drop the choices into the desired order.
For the purpose of Section Ordering./p>
Step 1 Go to Dashboard >> Appearance >> Customizing >> Theme Settings >> Section Ordering
After selecting "Demo Content Importer," click "Run Importer."
![Image showing for how to use section reordering](images/section-ordering screenshot.png)
Section Color/Font Pallette
The procedure of changing the colour or font is very simple. These choices are available in all customizer sections. It is a full image that demonstrates the font and colour palette. You can change the colour and font of the headings, paragraphs, and buttons with a single look or click.
Depending on the amount of options available in each section, there is an option to change the colour scheme for the headings, title/text, paragraph, button text, and button background.
Default Color/Font settings
![](images/section1.png)
![Image showing for how to color and font setting in theme.](images/section2.png)
Theme Setup
The index page with the most recent post will be visible when you visit your site after activating the theme. You must now configure the home page template so that it displays the entire demo area on your front page.
Setup Home Page Template
Set up your home page by following these steps.
- 1. To set a template for a new page, navigate to the Dashboard, click on Pages, and then select Add New Page.
Give the page a name, such as "Home," or any other desired label. Next, choose the "home-page" template from the dropdown menu of available templates.
- 2. Set the front page: Go to Setting -> Reading --> Select the Static Page option, then choose the page you made to serve as your homepage and another page as your default page.
![Image showing for creating home page](images/home page template screenshot.png)
![Image showing for setting home page](images/front page settingscreenshot.png)
When you're finished, you can view the entire demo collection on the front screen.
Setup Topbar Section
Observe these procedures to set up Topbar.
Go to Appearance >> Customize >> Theme Settings >> Topbar
![Image showing customizer setting for pricing plans](images/Topbar-setup1 screenshot.png)
![Image showing customizer setting for pricing plans](images/Topbar-setup2 screenshot.png)
In this way you can setup Topbar Section.
![Image showing fronten of pricing plan](images/Topbar3 screenshot.png)
Setup Header
to configure the Header portion. Follow these instructions to build up your site's identity first.
Setup Site Identity.
Go to Appearance >> Customize >> Site Identity
![Image showing for how set site identity](images/header-setup1 screenshot.png)
Go to Appearance >> Customize >> Theme Settings >> Header.
![Image showing for customizer setting for header](images/header1.png)
Complete the instructions below for the menu section.
Go to Dashboard >> Pages >> Add New.
![Image showing for createing new page](images/home page template screenshot.png)
Repeat these procedures for additional pages.
To make a schedule,
Go to Dashboard >> Appearance >> Menu.
Add sections, create a menu, and choose a header menu.
![Image showing for how to add menus](images/Menu create screenshot.png)
You can configure the menu area in this manner.
![Image showing for front end of menu](images/Menubar screenshot.png)
Sticky Header:
The header navigation moves to the top and remains there when you click the Sticky Header button and scroll the website.
![Image showing customizer setting of sticky header](images/sticky header setup screenshot.png)
It will initially seem like this.
![Image showing forntend of sticky header](images/sticky header look screenshot.png)
Setup Slider
to configure the slider portion. adopt these actions.
Go to Appearance >> Customize >> Theme Settings >> Slider
![Image showing customizer setting of slider](images/slider setup1 screenshot.png)
![Image showing how to add content in slider](images/slider setup2 screenshot.png)
![Image showing how to add content in slider](images/slider setup3 screenshot.png)
![Image showing how to add content in slider](images/slider setup4 screenshot.png)
![Image showing how to add content in slider](images/slider setup5 screenshot.png)
It will appear like this on the front end
![Image showing forntend of slider](images/slider setup look screenshot.png)
Setup Best Sellers
You must upload the Woocommerce plugin before moving on to the Best Sellers area.
We must first establish Product categories before we can add new products.
Go to Dashboard >> Products >> Categories
![Image showing customizer settings of Why Choose Us](images/bestseller setup1 screenshot.png)
When adding an object, we must choose a category.
![Image showing how to add content of Why Choose Us](images/bestseller setup2 screenshot.png)
Go to Appearance >> Customize >> Theme Settings >> Best Sellers
![Image showing forntend of Why Choose Us](images/bestseller setup3 screenshot.png)
This is how the output will appear.
![Image showing forntend of Why Choose Us](images/bestseller look screenshot.png)
Setup Weekly Deals
Follow these instructions to set up Weekly Deals.
Go to Appearance >> Customize >> Theme Settings >> Weekly Deals
![Image showing customizer settings of Why Choose Us](images/weekly deals setup2 screenshot.png)
![Image showing how to add content of Why Choose Us](images/weekly deals setup1 screenshot.png)
Similarly, add images and captions to the following two slides.
This is how the output will appear.
![Image showing forntend of Why Choose Us](images/weekly deals look screenshot.png)
Setup New Arrivals
You must install the Woocommerce plugin before moving on to the New Arrivals section.
We must first establish Product categories before we can add new products.
Go to Dashboard >> Products >> Categories
![Image showing customizer settings of Why Choose Us](images/new arrivals setup1 screenshot.png)
When adding an object, we must choose a category.
![Image showing how to add content of Why Choose Us](images/bestseller setup2 screenshot.png)
Go to Appearance >> Customize >> Theme Settings >> New Arrivals
![Image showing forntend of Why Choose Us](images/new arrivals setup2 screenshot.png)
The Output will look like this.
![Image showing forntend of Why Choose Us](images/new arrivals look screenshot.png)
Setup About Us
Follow these instructions to build up About Us.
Go to Appearance >> Customize >> Theme Settings >> About Us
![Image showing customizer settings of about us](images/about us setup screenshot.png)
This is how the output will appear.
![Image showing forntend of about us](images/about us look screenshot.png)
Setup Featured product
You must upload the Woocommerce plugin before moving on to the featured product area.
We must first establish Product categories before we can add new products.
Go to Dashboard >> Products >> Categories
![Image showing customizer settings of Why Choose Us](images/featured product setup1 screenshot.png)
When adding an object, we must choose a category.
![Image showing how to add content of Why Choose Us](images/bestseller setup2 screenshot.png)
This is how the output will appear.
![Image showing forntend of Why Choose Us](images/featured product look screenshot.png)
Setup Health Care
Follow these procedures to set up health care.
Go to Appearance >> Customize >> Theme Settings >> Health Care
![Image showing customizer settings of about us](images/health care setup1 screenshot.png)
![Image showing customizer settings of about us](images/health care setup2 screenshot.png)
Add each category in this manner.
This is how the output will appear.
![Image showing forntend of about us](images/health care look screenshot.png)
Setup Monthly Deals
Follow these procedures to set up Monthly Deals.
Go to Appearance >> Customize >> Theme Settings >>Monthly Deals
![Image showing customizer settings of Why Choose Us](images/monthly deal setup1 screenshot.png)
![Image showing how to add content of Why Choose Us](images/monthly deal setup2 screenshot.png)
Similarly, add images and captions to the following two slides.
This is how the output will appear.
![Image showing forntend of Why Choose Us](images/monthly deal look screenshot.png)
Setup Products for health
You must install the Woocommerce plugin before moving on to the Products for Health section.
We must first establish Product categories before we can add new products.
Go to Dashboard >> Products >> Categories
![Image showing customizer settings of Why Choose Us](images/Products for health setup1 screenshot.png)
When adding an object, we must choose a category.
![Image showing how to add content of Why Choose Us](images/bestseller setup2 screenshot.png)
Go to Appearance >> Customize >> Theme Settings >> Products for health
![Image showing forntend of Why Choose Us](images/Products for health setup2 screenshot.png)
This is how the output will appear.
![Image showing forntend of Why Choose Us](images/Products for health look screenshot.png)
Setup Our Testimonials
Observe these steps to build up Our Testimonials.
Installing and turning on the VW Pharmacy Pro Posttype app is the first step.Testimonial posts were visible on your homepage after the plugin was activated.
Go to Dashboard >> Testimonial >> Add New.
![](images/testimonials setup1 screenshot.png)
Go to Appearance >> Customize >> Theme Settings >> Our Testimonials
![Image showing customizer setting for record](images/testimonials setup2 screenshot.png)
![Image showing customizer setting for record](images/testimonials setup3 screenshot.png)
You can set up the Our Testimonials Section in this manner.
![Image showing frontend of record](images/testimonials look screenshot.png)
Setup Newsletter
Upload and activate the contact form component first.
Contact choice will show up on the dashboard after activation.
Go Contact >> Add New
![Image showing customizer settings of about us](images/newsletter setup1 screenshot.png)
Observe these steps to put up a newsletter.
Go to Appearance >> Customize >> Theme Settings >> Newsletter
![Image showing customizer settings of about us](images/newsletter setup2 screenshot.png)
This is how the output will appear.
![Image showing forntend of about us](images/newsletter look screenshot.png)
Setup Latest News
Follow these instructions to set up Latest News.
Go to Dashboard >> Post >> Add New.![](images/latest news setup1 screenshot.png)
Go to Appearance >> Customize >> Theme Settings >> Latest News
![Image showing customizer setting for record](images/latest news setup2 screenshot.png)
You can set up the Latest News Section in this manner.
![Image showing frontend of record](images/latest news look screenshot.png)
General Settings
Follow these instructions to set up the General Settings area.
Go to Appearance >> Customize >>Theme Settings >>General Settings
![](images/general setting spinner setup screenshot.png)
![](images/general setting setup2 screenshot.png)
![](images/general setting setup3 screenshot.png)
Setup Post Settings Section
Follow these instructions to configure the Post Settings area.
Go to Appearance >> Customize >>Theme Settings >>Post Settings
![](images/post setting setup1 screenshot.png)
Setup Social icons
Follow these instructions to set up the Social Icon Section.
You must first download and enable the VW Social Media Plugin.
Go to Dashboard >> VW Social Media
![](images/post setting setup2 screenshot.png)
You can set up social media icons in this manner.
![](images/post social icon look screenshot.png)
Footer Widgets Section
There are 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
![](images/footer widgets setup1 screenshot.png)
It will appear like this on the front end.
![](images/footer widgets look screenshot.png)
Footer Text
In order to setup the Footer Text Section, follow the below steps.
Go to Appearance >> Customize >> Theme Settings >>Footer Text.
![](images/footer text setup screenshot.png)
It will appear like this on the front end.
![](images/footer text look screenshot.png)
Setup Contact Page Section
Follow these instructions to set up the Contact Section.
1. You must take a few crucial first actions.
2. A contact form 7 component must be added.
Create contact form
Go to Dashboard >> Contact >> Add New
![](images/contact section setup screenshot.png)
Go to Dashboard >> Pages >> Contact
Add a shortcode for the message form.
![](images/contact section setup2 screenshot.png)
Go to Appearance >> Customize >> Theme Setting>> Contact
![](images/contact section setup3 screenshot.png)
![](images/contact section setup4 screenshot.png)
![](images/contact section setup5 screenshot.png)
You can set up the Contact Section in this manner.
![](images/contact section look screenshot.png)
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
For more details on adding groups, look at the following article: http://codex.wordpress.org/Manage_Categories_SubPanel
![](images/category.jpg)
- Access your WordPress Administration Panel by logging in. (Dashboard).
- Click the Posts tab.
- Click Categories for blog posts.
- Your new category's name should be typed in.
- following that, select the Add New Category button.
- Click the Publish button.
Creating a Blog post
![](images/category2.png)
- Access your WordPress Administration Panel by logging in. (Dashboard).
- Click the Posts tab.
- Click the Add New tab.
- Enter the text for your message. Please click the accompanying link for more details on adding posts. http://codex.wordpress.org/Posts_Add_New_SubPanel.
Shortcodes
A shortcode is an effective instrument for creating content. http://codex.wordpress.org/Shortcode. Utilizing shortcodes is simple. Make sure the editing option is initially set to Visual.
The following groups are conditionally created from all accessible shortcodes:
- Testimonials - [vw-pharmacy-pro-testimonials]
Testimonials Shortcode
Go to Dashboard >> Pages >> Add New
![](images/testimonials shortcode setup screenshot.png)
It will appear like this on the front end.
![](images/testimonials shortcode look screenshot.png)
Custom Widgets
![](images/footer widgets setup1 screenshot.png)
![](images/footer widgets look screenshot.png)