Veterinary Pet Care Pro Theme Documentation

File Structure

The template bundle that you downloaded is divided into various directories. Let's examine the contents of each folder:

  • Screenshots -contains template screenshot. Not for use in production.
  • theme -includes WordPress theme files
  • "veterinary-pet-care-pro.zip" This folder contains all of the files required for the theme.
  • "license.txt" -contains licence information
  • "readme.txt" -contain information on the theme's image path, font usage, and script usage

TG KEY ACTIVATION

The TG Key Activation procedure is as follows.

As you will get the License Key on your Email, use that key to Activate License.

Follow the following Process to Activate License.

Go to Dashboard >> Appearance >> TG Key Activation >> Enter Key>>Save Changes.

After Entering The Key >> Activate Licence.

After you Activate Licence,the key will be active and then you can Getstarted with the Theme.

In this way you can activate your Licence Key.

Template Installation

The process of installing a template is very straight forward and easy. The installation process can be done in two ways

1-Install a theme using wordpress admin

The first step is to log into your WordPress admin area. Then, click on

1.Go to the menu Appearance >> Themes


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


3. When you get at the themes page, click the Add New button at the top.


4.Select the Upload Theme button.


5.Click on Browse Button then select your Veterinary-Pet-Care-Pro.zip theme and click on install now button.


Congratulations, your theme has been installed successfully.

2-Theme installation using FTP

Your second installation option is to upload the theme via FTP. To begin, log onto your website through FTP and navigate to the wp-content/themes folder. Simply extract the Total folder from the downloaded theme file and upload it to your server.


Then sign in to your WordPress website and go to Appearance >> Themes to activate Total.

Plugin Installation.

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

Install Required Plugins:

veterinary pet care pro posttype ,gallery-images ,contact form7 plugin

Go to Dashboard >> Plugins >> Add new >>Upload plugin.

activate after clicking the "install now" button.

One-Click Demo Content Importer

To set up your theme, simply click to import sample content. You can follow the instructions in this article to develop your website for website creation.

Go to Dashboard >> Appearance >> Get started

Before running "Run Importer," you must first install the "Veterinary Pet Care Pro posttype" plugin, contact form7, and woocommerce.

Select "Run Importer."

Section Color/Font Pallette

Color/font selection is a simple process. These choices are available in all parts of the customizer. It is a complete graphic that demonstrates the colour and font palette. You can change the colour and typefaces of the headings, paragraphs, and buttons with a single click.

Depending on the number of options accessible in that area, each individual section has the opportunity to change the colour palette for Headings,Title/Text,Paragraph,Button Text, and Button Background.

Default Color/Font settings

Fetch Demo content

This theme supports the default Site Identity section provided by the WordPress and we have integrated some options in this theme in this section.

Follow these steps to create your home page.

  • 1. Create Page to set template: Go to Dashboard >> Pages >> Add New Page.

    Label it "home" or whatever you like. Then, from the template dropdown, select "Home page."



  • 2. Set the front page: Go to Setting -> Reading --> Set the front page display static page to home


  • When you're finished, you'll be able to see all of the demo content on the top page.

How to set up Home Page

Setup Section Ordering

How to Reorder and Arrange Section

To reorder a part simply means to arrange it according to our needs. Drag the segment to the top or bottom as necessary to continue with this section. Your front view will change in accordance with customizer options when you drag any portion to the top or bottom.

Sections can be reordered by dragging and dropping the options into the desired order.

To proceed with the Section Ordering.

Step 1 Go to Dashboard >> Appearance >> Customizing >> Theme Settings >> Section Ordering

Setup Site Identity

To proceed with the Site Identity ,

Go to Appearance >> Customize >> Site Identity



Setup Top Bar



To proceed with the top bar Section,

Go to Appearance >> Customize >> Theme Settings >> Top Bar section



The term "electronic commerce" refers to the sale of electronic goods.

  • Do you want this section: Included are options to enable and disable the top bar display.
  • Add Background Color: You can enter a background colour here, and it will be shown on your site.
  • Add Background image: You can add a background image here, and it will be shown on your site.
  • Add Button Text: You can enter Button Text here, and it will appear in the top bar area area of your site.
  • Add Topbar Button Color: Topbar Button Color can be added here, and it will be shown on your site.
  • Add Topbar Button Font:You can add Topbar Button Font here, and it will be displayed on your site's top bar.
  • Add Topbar Icon Color: Topbar Icon Color can be added, and the Topbar Icon Color will be shown on your site.

Setup Header

To proceed with the Header section,

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



Follow these instructions to setup Header section

  • Do you want this section: Includes settings for Header Show or Hide Search
  • Header Background Color:You can enter a background colour here, and it will be shown on your site.
  • Add Menu Color: You can add Menu Color here, and it will be shown on your site.
  • Add Menu Item Fonts: You can add Menu Item Fonts here, and they will appear in your site's Header Section.

Setup Slider



To configure the slider, follow the steps below.

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



  • Setting Options : Includes settings for slider display enable/disable option. With this setting, you can enable/disable this section. This is very important setting. If you want this section to appear on your website, just let the option be enabled and if you don't want this section to appear on your website, you can select disable and this section will disappear from your website.
  • Number of Slider To Show: Allows you to specify the number of sliders to display.
  • Slider Image: Set the images for the slider here.
  • Slider Heading Title: You may change the title that appears on the slider here.
  • Slider Text: It allows you to customise the text that appears on the silder image.
  • Slider Heading Color: Allows you to change the colour of the slider's heading.
  • Slider Heading Fonts: With this option, you can change the typeface of the Slider heading.
  • Slider Text Color:This option lets you change the colour of the slider text.
  • Slider Text Fonts: With this option, you can change the typeface of the Slider heading.
  • Button Text Fonts: This option allows you to change the font of the button text.

Setup Pets Collection Section

To proceed with the Pets Collection,

We must first add the categories before we can create the Pets Collection Section. To add new categories.

To get started, you must first install the "Woocommerce" plugin.

Go to Dashboard >> products >> Categories >> Add new category






To proceed with the Pets Collection,

Go to Appearance >> Customize >> Theme Settings >> Pets Collection







To set up the Pets Collection area, follow these steps.

  • Do you want this section:Includes options for enabling and disabling the Pets Collection Ssection display.
  • Add Background Color: You can enter a background colour here, and it will be shown on your site.
  • Add Background image:You can add a background image here, and it will be shown on your site.
  • Add Main Heading: You can add Main Heading will be displayed in About Ssection of your site.
  • Add Pets Collection Image: You can upload the Pets Collection Details Image here, and the About Us Image from your site will be displayed.
  • Add Pets Collection Details Title:You can enter the About Us Details Title here, and the Pets Collection Details Title will appear on your website.

Setup About Pet



To proceed with the About Pet Section,

Go to Appearance >> Customize >> Theme Settings >> About Pet





  • Setting Options: Includes settings for courses display enable / disable option.
  • Add Background Color:You can enter a background colour here, and it will be shown on your site.
  • Add Background image: You can add a background image here, and it will be shown on your site.
  • Add Main Heading : You can put a main heading here that will be displayed in your site's who we are section.
  • How About pet Text You can put How We Work Text here, which will be displayed in the who we are portion of your website.


Setup Our Services




First activate "Veterinary-Pet-Care-Pro-posttype" plugin. Then only you add Services

In order to setup the following section, follow the below steps

1. Go to Dashboard -> service -> Add New



2. Add the Our Services Section, Go to Appearance -> Customize -> Theme Settings -> Our service







Follow these instructions to setup Our Services Section.



  • Setting Options: Includes course display enable / disable settings.
  • Add Background Color: You can enter a background colour here, and it will be shown on your site.
  • Add Background image: You can add a background image here, and it will be shown on your site.
  • Main Heading: You can enter a main heading here, and it will appear in the What Do We Do section of your website.




Setup Fun Facts




To proceed with the Fun Facts ,

1. Go toAppearance -> Customize -> Theme Settings -> Fun Facts








To set up the Fun Facts Section, follow these steps.



  • Setting Options: Includes settings for courses display enable / disable option.
  • Add Background Color: You can enter a background colour here, and it will be shown on your site.
  • Add Background image: You can add a background image here, and it will be shown on your site.
  • Main Heading: You can add Main Heading here and Main Heading will be displayed in fun Facts Section of your site.
  • Fun Fact Icon : You can add a fun Fact Icon here, and it will appear in your site's fun Facts section.
  • Fun Fact Title : Enter a title for a fun fact here, and it will appear in your site's fun fact section.
  • Fun Fact Text :You can enter fun Fact content here, and it will appear in your site's fun Fact section.



Setup Our Team



First activate "Veterinary-Pet-Care-Pro-posttype" plugin. Then only you can add Our Team

In order to setup the following section go to Dashboard -> Our Team -> Add New




You can add Designation of our Team here

Designation: You can enter Designation of Team person here.




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





To proceed with the our team

  • Setting Options: Team display enable / deactivate settings are included.
  • Background Color: This section's background colour can be customised.
  • Background Image: In this section, you can set a background image.
  • Main Heading: This option allows you to change the section's Main Heading. As shown in the screenshot above, you can also use this option to specify the Main Heading.

Setup Pets Gallery



First activate " gallery-images" plugin. Then only you can add Pets Gallery

In order to setup the following section go to Dashboard -> Gallery -> Add New Gallery

For better understanding reffers the shortcode




Go to Appearance -> Customize -> Theme Settings ->Pets Gallery







Setup Products Category

To proceed with the Products Category ,

We must first add the categories before we can create the Products Category Section. To add new categories.

To get started, you must first install the "Woocommerce" plugin.

Go to Dashboard >> products >> Categories >> Add new category






To proceed with the Products Category,

Go to Appearance >> Customize >> Theme Settings >> Products Category




Follow these instructions to setup Products Category section

  • Do you want this section: Includes settings for Products Category display enable / disable option.
  • Add Background Color: You can enter a background colour here, and it will be shown on your site.
  • Add Background image: You can add a background image here, and it will be shown on your site.
  • Add Main Heading: You can add Main Heading will be displayed in About Ssection of your site.
  • Numbers of category Show: You can enter the number of categories here, and the number of categories will be displayed on your website.
  • Add product category Text: You can include a product category. Text here, and your site's product category sections will be displayed.

Setup Pets Video



Go to Appearance -> Customize -> Theme Settings ->Pets Video





Add this URL for video Section to display video.





For the video

You must copy the source code from the YouTube video embed code.

You must replace the URL in the video Section with the URL for your individual video.

Setup Pricing Plans





In order to setup the following section go to Appearance -> Customize -> Theme Settings -> Pricing Plans






To proceed with the Pricing Plans

  • Setting Options: Team display enable / deactivate settings are included.
  • Background Color: This section's background colour can be customised.
  • Background Image: In this section, you can set a background image.
  • Main Heading: This option allows you to change the section's Main Heading. As shown in the screenshot above, you can also use this option to specify the Main Heading.
  • Pricing Plans Title: This option allows you to change the title of this section's Pricing Plans. As seen in the screenshot above, Pricing Plans Title, you can also set the Pricing Plans Title with the use of this option.
  • Pricing Plan Description The term "electronic commerce" refers to the sale of electronic goods.

Setup Testimonial



To proceed with the Testimonial ,

Activate the "Veterinary-Pet-Care-Pro-posttype" plugin first. Only you can then add Testimonial.

The Testimonial option will show on the dashboard after installation.

Go to Dashboard -> Testimonials -> Add New -> Testimonial





Set up Testimonial by following these steps.

  • Do you want this section: This section allows you to enable/disable this section altogether. In case, if you don't want this section on your site, just click on disable option and this section will disappear from your site. And if you want this wonderful section to appear on your site, just be it enabled and it will appear on your site.
  • Section Title Color: Here, you can set the text color of title for this section.
  • Section Title Fonts: Here, you can set the font family of title for this section.
  • Background Color: Here, you can set the background color of this section. As you can see in screenshot, the background color of this section is white. You can set it to any color as you want.
  • Background Image: If you want to set the background image for this section, you can set it here.

Setup Latest News



To proceed with the Latest News ,

Go to dashboard -> Post -> Add New


Create a section for the most recent news.

In order to setup the following section go to Appearance -> Customize -> Theme Settings -> Latest News



  • Do you want this section: This section allows you to enable/disable this section altogether. In case, if you don't want this section on your site, just click on disable option and this section will disappear from your site. And if you want this wonderful section to appear on your site, just be it enabled and it will appear on your site.
  • Main Heading: Here, you can set the Main Heading of Latest News
  • Heading Color: Here, you can set the Heading Color of Latest News
  • Blog Text Font: Here, you can set the PHeading Fonts of Latest News .
  • No of Blogs to Show: Here, you can set the No of Blogs to Show of Latest News .
  • Read More Text Here, you can set the Read More Text of Latest News .
  • Read More Text Font: Here, you can set the Read More Text Font of Latest News .if you want.

Setup Post General Settings

To proceed with the Post General Settings ,

Go to Appearance -> Customize -> Theme Settings -> Post General Settings




  • Do you want this section: This section allows you to enable/disable this section altogether. In case, if you don't want this section on your site, just click on disable option and this section will disappear from your site. And if you want this wonderful section to appear on your site, just be it enabled and it will appear on your site.
  • Show or Hide Post Date: Here, you can Show or Hide Post Date if you want.
  • Show or Hide Post Comments: Here, you can set Show or Hide Post Comments if you want.
  • Show or Hide Post Share Icons: Here, you can set the Show or Hide Post Share Icons if you want.
  • Post Share Facebook: Here, you can set the Post Share Facebook.
  • Post Share Linkedin: Here, you can set the Post Share Linkedin if you want.
  • Post Share Twitter: Here, you can set the Post Share Twitter if you want.
  • How or Hide Post Category Here, you can set How or Hide Post Category if you want.

Setup Newsletter



To Setup Newsletter, you must first upload and activate the contact form 7. Only you may then add Newsletter.

The contact option will show on the dashboard after installation.

In order to setup the following section go to Dashboard -> contact -> Add New



Add the Newsletter, Go to Appearance -> Customize -> Theme Settings -> Newsletter






Setup Footer Section





To proceed with the Footer,

Go to dashboard -> Widgets


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



Follow these instructions to setup Footer Section.

  • Do you want this section: This section allows you to enable/disable this section altogether. In case, if you don't want this section on your site, just click on disable option and this section will disappear from your site. And if you want this wonderful section to appear on your site, just be it enabled and it will appear on your site.
  • Footer Heading Color: Here, you can set the Footer Heading Color of footer
  • Footer Heading Fonts: Here, you can set the Footer Heading Fonts of footer.
  • Footer Content Color: Here, you can set the Footer Content Color of footer.
  • Footer Content Fonts: Here, you can set the Footer Content Fonts of footer.
  • Background Color: Here, you can set the Background Color of footer if you want.
  • Background image: Here, you can set the Background Image of footer if you want.

Setup Contact Section



In order to Setup contact first you need to upload and activate the contact form 7 plugin.

After installation, a contact option will appear on the dashboard.

To proceed with the Contact,

Go to Dashboard -> Contact -> Add new


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





To set up the Contact Section, follow these steps.

  • Contact Heading Color: Here, you can set the Contact Heading Color
  • Contact Heading Fonts: Here, you can set the Contact Heading Fonts .
  • Contact Content Color: Here, you can set the Contact Content Color .
  • Contact Content Fonts: Here, you can set the Contact Content Fonts .
  • Background Color: Here, you can set the Background Color of Contact if you want.
  • Background image: Here, you can set the Background Image of Contact if you want.

Setup Google Map Section







  • Do you want this section: This section allows you to enable/disable this section altogether. In case, if you don't want this section on your site, just click on disable option and this section will disappear from your site. And if you want this wonderful section to appear on your site, just be it enabled and it will appear on your site.
  • Map Latitude: Here, you can add the Map Latitude for the map.

Setup Footer Text



To proceed with the Footer Text,

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



To configure the Footer Text Section, follow these steps.

  • Content Color: You can change the colour of the footer's content here.
  • Content Fonts: You may change the footer's Content Fonts here.

Setup Social Icon

To create the Social Icon Section,

Go to Appearance >> Customize >> Theme Settings >>Social Icon Section



To configure Social Icon, follow these steps.

  • Add Facebook Link: You can include a Facebook link here, and the Facebook emblem will appear on your site.
  • Add twitter link :You can add a Twitter connection to your website using this option. Adding a Twitter link adds your site's Twitter icon.
  • Add Instagram Link:You can provide an Instagram link here, which will include an Instagram icon.
  • Add Youtube Link: You can include a YouTube link here.
  • Add Pinterest link : You may add a Pinterest link using this option.
  • Add Linkedin link : You can add a LinkedIn link to your website using this option. Adding a Linkedin link adds your site's Linkedin emblem.
  • Add Tumblr link : This option allows you to add Tumblr link.
  • Add GooglePlus Link: You can add GooglePlus link here which will add GooglePlus icon.
  • Add Flickr link : You can add a Flickr link using this option.
  • Add VK Link:You can include a VK link here, which will include a VK icon.

Plugins

With the use of plugins, you can increase and expand WordPress's existing functionality.
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.

Go to Plugins >> Installed Plugins >>Veterinary Pet Care Pro posttype >>Activate


When you activate plugin, you can see four more options in your admin navigation, i.e Services , Gallery Images , team ,Product. You can see this four options in the admin navigation of the image because the plugin is activated.

These four sections automatically appears in your website once you activate plugin. You can see scrennshot of the same below.

Now, you can see these sections are added but contents are not there. For adding contents to these sections, follow these instructions.

First activate "Veterinary Pet Care Pro posttype" plugin. Then only you can add Services

To add Services, Go to Services >> Add new


With Services Meta option that you can see in the screenshot, you can add Logo and their URL to these section which gets uploaded automatically in Our Services. according to the Our Services images you add.

You can also add comments by selecting the Allow Comment option.

Now, as seen in the figure above, you may add the title Our Services and a description.



Page Templates and sidebars

Page Templates

  • 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 (the default Contact template with no sidebar position)
  • Home Page (the default home page template with right 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. Access 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 in to your WordPress Administration Panel. (Dashboard).
  2. Click the Posts tab.
  3. Click the Add New tab.
  4. Fill in the blanks with your post's content. Please see the following link for further information on adding posts. 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.


Check out the list of shortcodes included with the Themes:

  • [list-services]
  • [testimonials]
  • [team]
  • [galleryshow gallery="80" numberofitem="4" bootstraponecolsize="3"]

Widgets