Pet Care Clinic Pro WordPress Theme Documentation

Introduction

Thank you for choosing our pet-care-clinic-pro theme for your website.

Our WordPress themes are completely responsive, super clean and error-free.

We are so happy to have our theme in your use.

For beginners, advances and developers, this documentation has been made keeping in mind very simplely. the ducument has been divided into two parts to understand more easily.

(A) SET UP THEME : This section will help you to understand theme start and set up easily.
(B) MAIN DOCUMENT : This section basically will have been help you to explain all the thing about theme and inner setting.

If you have query about our theme document then you can contact us at support@unboxthemes.com

pet-clinic wordpress theme
We offer theme customization. Get in contact for a quote.
Quick Connect Tip: Access your browser search with keyboard shortcut "Crtl+F" (Windows) or "CD+F" (OSX) for instant results.

Installation

To install this theme you must have a working version of WordPress already installed. For information regarding to install the WordPress platform, please see the WordPress Codex  https://codex.wordpress.org/Installing_WordPress

There are two way to install WordPress theme. The steps are given below

STEP 1: Installation Via WordPress Admin area

  1. 1. Log into your WordPress admin area.
  2. 2. Go to Dashboard => Appearance => Themes.
  3. 3. Click on Add New Theme button.
  4. Add New Theme
  5. 4. Now, Hit Upload Theme button and upload.
  6. 5. Click on Activate once upload has finished.

STEP 2: Installation Using FTP

  1. 1. Download pet-care-clinic-pro.zip file from your My Account unboxthemes.
  2. 2. Extract Zip file.
  3. 3. Using your FTP program, upload the non-zipped theme folder into the "/wp-content/themes/" folder on your server.
  4. 4. Go to Dashboard » Appearance » Themes and find Pet Care Clinic Pro theme from list
  5. 5. Click on Activate to active Pet Care Clinic Pro theme.
Active Theme

Set Up Home Page

This section guide you to set up Home Page , All templates and All Shortcodes.

  1. Step 1: Go to Dashboard >> Pages >> Add New, enter page name and select template as Home Page Template from Page Attribute.
  2. Home Page Setting
  3. Step 2: Publish this page
  4. Step 3: Go to Dashboard >> Settings >> Reading, select home page as a front page
  5. Front Page Home

Setting Up Header

  1. Step 1. Go to Dashboard >> >> Appearance >> Customize >> General Configuration >> Site Logo/Title/Tagline
  2. a.You can add logo from Select Logo button for set logo
  3. set Header logo
  4. Step 2. Go to Dashboard >> >> Appearance >> Customize >> General Configuration >> Header Settings
  5. a.You can use enable or Disable sticky header button
  6. b.Add Address label
  7. c.Add Address
  8. d.Add Time label
  9. e.Add Time
  10. f.Add Phone label
  11. g.Add Phone
  12. set Header logo
  13. Step 3. Go to Dashboard >> Appearance >> Menus.
  14. Step 4. Click on create a new menu as show in below image.
  15. Step 5. Enter menu name and click on Create Menu as shown in below image.
  16. Step 6. Select Pages from left Side and click on Add to Menu button as show in below image
  17. Step 7. After selecting pages select menu location and click on save menu.
  18. Create a Menu
  19. Step 8. Click on Manage Locations as show in below image.
  20. a.Click on Use new menu
  21. Final Step in Menu
  22. b.Add Menu Name
  23. c.Click on Create Menu button.
  24. Final Step in Menu
  25. Step 9. Go to Dashboard >> >> Appearance >> Customize >> General Configuration >> Header Settings
  26. a.Select colors
  27. set Header logo
  28. set Header logo
  29. b.Add Socials media links
  30. set Header logo
  31. c.Select colors
  32. set Header logo
  33. Hedaer Menus Front Preview
    Final Step in Menu
  34. Header Final Look Final display of header

Setting Up Home Slider

  1. Step 1. Go to Dashboard >> pet-clinic Slider
  2. a. Click on add New button
  3. b. Add the slider name.
  4. c. Add the slider content.
  5. d. Select the slider button text and link.
  6. e. Add the featured image as a slider.
  7. f. Click on 'publish' button at top right of page. And Enjoy the Slider.
  8. Add New Slider

Setting up slider content On/Off:

  1. Step:2 Go to Dashboard >> Appearance >> Customize >> Home section >> Slider section
  2. Hide content Off:
  3. Select slider colors
  4. Create New Slider
  5. Create New Slider
  6. Slider Final Look Final display of header

Setting Up Services Section

  1. Step 1. Go to Dashboard >> Appearance >> Customize >> Home Section >> Services Section
  2. a. Manage Background using color/image
  3. set services section
  4. b. Add Section title
  5. c. Select colors
  6. set services section
  7. Step 2. Select Number of services plans
  8. a. Select Image
  9. b. Add Title
  10. c. Add Sub part of title
  11. set services section
  12. d. Select colors
  13. set services section
  14. set services section
  15. Services Final Look Final display of services

Setting Up About Us Section

  1. Step 1. Go to Dashboard >> Appearance >> Customize >> Home Section >> About us Section
  2. a. Manage Background using color/image
  3. set aboutus section
  4. b. Add Title for section
  5. c. Select colors
  6. set aboutus section
  7. d. Add Box title
  8. e. Add Content for the section
  9. f. Add Sub content for the section
  10. set aboutus section
  11. g. Select colors
  12. h. Click on about us button show or hide
  13. i. Add button text
  14. j. Add button url
  15. set aboutus section
  16. k. Select button colors
  17. set aboutus section
  18. l. Add about us right image
  19. set aboutus section
  20. About Us Final Look Final display of aboutus

Setting Up Facility Section

  1. Step 1. Go to Dashboard >> Appearance >> Customize >> Home Section >> Facility Section
  2. a. Manage Background using color/image
  3. set facility section
  4. b. Add Title for section
  5. c. Select colors
  6. set facility section
  7. d. Select Number of plan to show
  8. e. Select facility image
  9. f. Add facility title
  10. g. Add facility description
  11. h. Add button link
  12. i. Add button text
  13. set facility section
  14. j. Select colors
  15. set facility section
  16. Facility Final Look Final display of facility

Setting Up What Clinet Say Section

  1. Step1. Go to Dashboard >> Testimonials >> Add New
  2. (a)Add Testimonial Title
  3. (b)Add Featured Image
  4. (d)Add Designation
  5. (e) Publish
  6. set Testimonial section
  7. Step 2. Go to Dashboard >> Appearance >> Customize >> Home Section >> Testimonial Section
  8. a. Manage Background using color/image
  9. set Testimonial section
  10. b. Add Section Title
  11. c. Select Section Title Colors
  12. set Testimonial section
  13. Step 3. Select client testimonials
  14. set Testimonial section
  15. d. Select Colors
  16. set Testimonial section
  17. set Testimonial section
  18. What Clinet Say Final Look Final display of test

Setting Up Appointment Section

  1. Step 1. Go to Dashboard >> Appearance >> Customize >> Home Section >> Appointment Section
  2. a. Manage Background using color/image
  3. set appointment section
  4. b. Add appointment text
  5. c. Add location
  6. d. Add phone number
  7. e. Add email ID
  8. set appointment section
  9. f. Select contact deatil Colors
  10. set appointment section
  11. g. Add Section Title
  12. h. Select Section Title Colors
  13. set appointment section
  14. Step 2. Add Contact form shortcode
  15. a. Select Colors
  16. set appointment section
  17. set appointment section
  18. Appointment Final Look Final display of appointment

Setting Up Blog Section

  1. Step1. Go to Dashboard >> Post >> Add New
  2. (a) Enter Blog Name
  3. (b) Enter Blog Content
  4. (c) Select Categories
  5. set Blog section
  6. (d) Select featured image
  7. (e) Publish
  8. set Blog section
  9. Step2. Go to Dashboard >> Appearance >> Customize >> Home section >> Blog Section
    • a. Manage Background using color/image
    • set blog section
    • b. Add Section Title
    • c. Select Section Colors
    • set Blog section
      set blog section
      set blog section
    • d. Select Number of post to show
    • e. Select Exclude Category from Blog Posts
    • set blog section
  10. Blog Final Look Final display of Blog section

Setting Up Newsletter Section

  1. Step1. Go to Dashboard >> Appearance >> Customize >> Home section >> Newsletter Section
    • a. Manage Background using color/image
    • set Newsletter section
    • b. Add Newsletter section title & text
    • c. Select colors
    • set Newsletter section
    • f. Add Newslatter Form shortcode
    • g. Select colors
    • set Newsletter section
      set Newsletter section
    • h. Add Social Media label:
    • i. Select Social Media label color
    • set Newsletter section
    • j. Add Social Media Links:
    • set Newsletter section
    • k. Select Social colors
    • set Newsletter section
  2. Newsletter Final Look Final display of Blog section

Building the Header Menu

  1. Step 1. Go to Dashboard >> Appearance >> Menus.
  2. Step 2. Click on create a new menu as show in below image.
  3. Step 3. Enter menu name and click on Create Menu as shown in below image.
  4. Create a Menu
  5. Step 4. Select Pages like Latest Blog, Party, RSVP, We, Our Story from left Side and click on Add to Menu button as show in below image
  6. Step 5. After selecting pages select menu location and click on save menu.
  7. Final Step in Menu
  8. Primary Menu Front Preview Final Step in Menu

Note : The menu must be available and selected as "Top Primary Menu" under Theme locations to display a proper home page like demos with Pet Clinic theme setup.

Set Page Template

How to select page template:

  • Step 1. Go to Dashboard >> Page
  • Step 2. Go to Add New button
  • Add New Slider
  • Step 3. select template at right bottom of page
  • select template

Set Widgets

  1. Step 1. Go to Dashboard >> Appearance >> Widets, Drag and Drop the widgets in Primary Sidebar area

Admin Preview

Primary sidebar admin preview

Front End Preview

Primary sidebar front preview

Set Full Width Page

How to select Full Width Page template:

  • Step 1. Go to Dashboard >> Page
  • Step 2. Click Add New button
  • Step 3. Select default template at right bottom of page
  • Step 4. Click publish button
select Full Width Page template
  • >> Full Width Page
  • select Full Width Page template

    Set Page With Background Image

    How to select Full Width Page with background image:

    • Step 1. Go to Dashboard >> Page
    • Step 2. Click Add New button
    • Step 3. Select default template at right bottom of page
    • Step 4. Click publish button
    • select Page With Background Image
    • Step 5. Select Background Image
    • select Page With Background Color
  • >> Page With Background Image
  • select Page With Background Image

    Set Page With Background Color

    How to select Full Width Page with background color:

    • Step 1. Go to Dashboard >> Page
    • Step 2. Click Add New button
    • Step 3. Select default template at right bottom of page
    • Step 4. Click publish button
    • select Page With Background Color
    • Step 5. Select Background color
    • select Page With Background Color
  • >> Page With Background Color
  • select Page With Background Color

    Set Page With Left Sidebar

    How to select Page With Left Sidebar template:

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

    Set Page With Right Sidebar

    How to select Page With Right Sidebar template:

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

    Set Blog Full Width

    How to select Blog Full Width template:

    • Step 1. Go to Dashboard >> Page
    • Step 2. Click Add New button
    • Step 3. Select Blog Full Width template at right bottom of page
    • Step 4. click publish button
    select Blog Full Width template
  • >> Blog Full Width
  • select Blog Full Width template

    Set Blog With Left Sidebar

    How to select Blog With Left Sidebar template:

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

    Set Blog With Right Sidebar

    How to select Page With Right Sidebar template:

    • Step 1. Go to Dashboard >> Page
    • Step 2. clickAdd New button
    • Step 3. select Blog With Right Sidebar template at right bottom of page
    • Step 4. click publish button
    select Blog With Right Sidebar template
  • >> Blog With Right Sidebar
  • select Blog With Right Sidebar template

    Set Contact Us Template

    • Step 1. Go to Dashboard >> Page
    • Step 2. Click Add New button
    • Step 3. Select Contact Page template at right bottom of page
    • Step 4. click publish button
    • select Contact Page template
    • Step 5. Go to Dashboard >> Appearance >> Customize >> Contact Us Page
    • Step 6. fill Contact us details
    • (a) Contact Page Title
    • (a) Contact us Address Label
    • (a) Contact us Address
    • (c) Contact us Phone
    • (b) Contact us Email
    • select Contact Page template
    • (b) Select Colors
    • select Contact Page template select Contact Page template
    • (e) Add Form Shortcode
    • (b) Select Colors
    • select Contact Page template select Contact Page template
    • (f) Code Enter For Map
    • (g) Add Social media
    • select Contact Page template
    • (b) Select Colors
    • select Contact Page template
  • >> Contact Us Template
  • select Contact Page template

    Set Testimonial Shortcode

    1. Step 1. Go to Dashboard >> Page
    2. (i) Click Add New button
    3. (ii) Add Testimonial Shortcode "[TESTIMONIALS]"
    4. (iii) Select Default template at right bottom of page
    5. (iv) click publish button

    6. Step 2. Used Testimonial shortcode in page
    7. team
    8. Step 3. Go to Dashboard >> Appearance >> Customize >> General Configuration >> Inner Testimonials Page Settings
    9. (i) Select Inner Testimonials colors
    10. team
    11. >> After adding shortcode Testimonial look
    12. team

    Set Team Shortcode

    1. Step 1. Go to Dashboard >> Team
    2. (i) Click Add New button
    3. (ii) Add Name
    4. (iii) Add Socials
    5. (iv) Add Desingation
    6. (v) Select Default template
    7. (vi) click publish button

    8. team
    9. Step 1. Go to Dashboard >> Page
    10. (i) Click Add New button
    11. (ii) Add Team Shortcode "[TEAMLIST]"
    12. (iii) Select Default template at right bottom of page
    13. (iv) click publish button

    14. Step 2. Used Team shortcode in page
    15. team
    16. Step 3. Go to Dashboard >> Appearance >> Customize >> General Configuration >> Inner Team Page Settings
    17. (i) Select Inner Team colors
    18. team
    19. >> After adding shortcode Team look
    20. team

    Set FAQS Shortcode

    1. Step 1. Go to Dashboard >> FAQS
    2. (i) Click Add New button
    3. (ii) Add Question
    4. (iii) Add Answer
    5. (v) Select Default template
    6. (vi) click publish button

    7. faqs
    8. Step 1. Go to Dashboard >> Page
    9. (i) Click Add New button
    10. (ii) Add FAQS Shortcode "[FAQS]"
    11. (iii) Select Default template at right bottom of page
    12. (iv) click publish button

    13. Step 2. Used Faqs shortcode in page
    14. faqs
    15. Step 3. Go to Dashboard >> Appearance >> Customize >> General Configuration >> Inner FAQS Page Settings
    16. (i) Select Inner FAQS colors
    17. faqs
    18. >> After adding shortcode FAQS look
    19. faqs