Animal Care Clinic Pro WordPress Theme Documentation

Introduction

Thank you for choosing our animal-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 animal-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 Black Corporate Pro theme from list
  5. 5. Click on Activate to active Black Corporate 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.Set Header Padding
  6. b.Add Phone Number
  7. c.Add Add Social Media Icon & Link
  8. d.Add Email Text
  9. e.SetSearch Display(on/off Enquiry Button)
  10. f.Add navigation label
  11. g.SelectColors
  12. set Header logo
  13. set Header logo
  14. set Header logo
  15. set Header logo
  16. Step 3. Go to Dashboard >> Appearance >> Menus.
  17. Step 4. Click on create a new menu as show in below image.
  18. Step 5. Enter menu name and click on Create Menu as shown in below image.
  19. Step 6. Select Pages from left Side and click on Add to Menu button as show in below image
  20. Step 7. After selecting pages select menu location and click on save menu.
  21. Create a Menu
  22. Step 8. Click on Manage Locations as show in below image.
  23. a.Click on Use new menu
  24. Final Step in Menu
  25. b.Add Menu Name
  26. c.Click on Create Menu button.
  27. Final Step in Menu
  28. Step 9. Go to Dashboard >> >> Appearance >> Customize >> General Configuration >> Header Settings
  29. a.Select colors
  30. set Header logo
  31. set Header logo
  32. set Header logo
  33. Header Final Look Final display of header

Setting Up Home Slider

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

Setting up slider content On/Off:

  1. Step:2 Go to Dashboard >> Appearance >> Customize >> Home section >> Slider section
  2. a.Hide content Off:
  3. b.Slider Animation Display
  4. c.Set slider overlay Background color & opacity
  5. d.Add Socials Label
  6. e.Select slider colors
  7. Create New Slider
  8. Create New Slider
  9. 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. Set Disable/Enable Section
  3. b. Set animation display
  4. c. Set Section Padding
  5. set services section
  6. d. Manage Background using color/image
  7. e. Add Section Heading & Subheading
  8. f. Select colors
  9. set services section
  10. Step 2. Select Number of services plans
  11. a. Select Image
  12. b. Add Title
  13. c. Add Content
  14. d. Set Other Button Display, Button Text & Button Colors Setting
  15. set services section
  16. d. Select colors
  17. e. Set Other Button Display, Button Text & Button Colors Setting
  18. set services section
  19. 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. Set Section Paddding
  3. b. Manage Background using color/image
  4. c. Set Section Overlay Background color & it's opacity
  5. set aboutus section
  6. set aboutus section
  7. d. Add Section Heading, Section Text & Sub Text & colors
  8. set aboutus section
  9. e. Select Button Display & Text Setting & it's colors
  10. set aboutus section
  11. About Us Final Look Final display of aboutus

Set Facility Section

  1. Step 1. Go to Dashboard >> Appearance >> Customize >> Home Section >> Facility Section
  2. a. Set Disable/Enable Section
  3. b. Set Section Padding
  4. c. Set Set Background Color For Complete Section
  5. set package section
  6. d. Add Section Heading
  7. e. Add Section Sub Heading
  8. f. Select colors
  9. set package section
  10. Step 2. Select Number of pricing plans
  11. a. Select image
  12. b. Add Section text
  13. e. Add Section color
  14. set package section
  15. set package section
  16. Final display of Facility Section Final display of Package

Set Testimonials Section

  1. Step1. Go to Dashboard >> Testimonials >> Add New
  2. (a)Add Testimonials title
  3. (b)Add Content
  4. (c)Add Featured image
  5. (e)Add Designation
  6. (f) Publish
  7. set Testimonials section
  8. Step 2. Go to Dashboard >> Appearance >> Customize >> Home Section >> Our Testimonials Section
  9. a. Manage Background
  10. set team section
  11. d. Add Section Heading
  12. e. Add Section Sub Heading
  13. f. Select Colors
  14. set team section
  15. Step 2. Select Number of team members to show
  16. a. Select Testimonials member list
  17. set team section
  18. b. Select Other Colors
  19. set team section
  20. d. Select Testimonials Box Right Side Image @ Phone No. Text & Color Setting
  21. set Testimonials section
  22. Final display of Our Testimonials Section Final display of team

Setting Up Enquiry Section

  1. Step1. Go to Dashboard >> Appearance >> Customize >> Home section >> Enquiry Section
    • a. Set Disable / Enable Section
    • b. Set Section Padding
    • set Enquiry section
    • c. Manage Backgroun using colors/image
    • set Enquiry section
    • e. Add Enquiry section title & text
    • f. Select colors
    • set Enquiry section
    • g. Add Enquiry Form shortcode
    • h. Select colors
    • set Enquiry section
  2. Enquiry Final Look Final display of Blog section

Setting Up Location Section

  1. Step1. Go to Dashboard >> Appearance >> Customize >> Home section >> Location Section
    • a. Set Disable / Enable Section
    • b. Set Section Padding
    • set Location section
    • c. Manage Backgroun using colors/image
    • set Location section
    • e. Add Location section title & text
    • set Location section
    • f. Select colors
    • set Location section
  2. Location Final Look Final display of Blog section

Set Blog Section

  1. Step1. Go to Dashboard >> Blog >> Add New
  2. (a)Add Blog title
  3. (b)Add Content
  4. (c)Add Featured image
  5. (d) Publish
  6. set Blog section
  7. Step 2. Go to Dashboard >> Appearance >> Customize >> Home Section >> Our Blog Section
  8. a. Set Disable / Enable Section
  9. b. Manage Background
  10. set Blog section
  11. Set Padding For Section
  12. set Blog section
  13. d. Add Section Heading
  14. e. Add Section Sub Heading
  15. f. Select Colors
  16. set Blog section
  17. Step 2. Select Number of Blog members to show
  18. a. Select Blog list
  19. set Blog section
  20. b. Select Other Colors
  21. set Blog section
  22. Final display of Our Blog Section Final display of team

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

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
    • (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 >> Testimonials
    2. (i) Click Add New button
    3. (ii) Add Clien't name
    4. (iii) Add Clien't designation
    5. (iv) Add Content
    6. (v) Select Featured Image
    7. (vi) Click On Publish Button
    8. team
    9. Step 2. Go to Dashboard >> Page
    10. (i) Click Add New button
    11. (ii) Add Testimonial Shortcode "[UN_TESTIMONIALS]"
    12. (iii) Select Default template at right bottom of page
    13. (iv) click publish button

    14. Step 3. Used Testimonial shortcode in page
    15. team
    16. Step 4. Go to Dashboard >> Appearance >> Customize >> General Configuration >> Shortcode Page Colors
    17. (i) in which go to Testimonial Page colors
    18. team
    19. >> After adding shortcode Testimonial look
    20. team

    Set Team Shortcode

    1. Step 1. Go to Dashboard >> Teams
    2. (i) Click Add New button
    3. (ii) Add Team Member Name
    4. (iii) Add Content
    5. (iv) Add Desingation
    6. (v) Add Featured Image
    7. (vi) Add Socials
    8. (vii) click publish button

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

    15. Step 3. Used Team shortcode in page
    16. team
    17. Step 4. Go to Dashboard >> Appearance >> Customize >> General Configuration >> Shortcode Page Colors Settings
    18. (i) Select Team Page Colors colors
    19. team
    20. >> After adding shortcode Team look
    21. 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. (iv) click publish button

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

    12. Step 4. Used Faqs shortcode in page
    13. faqs
    14. Step 5. Go to Dashboard >> Appearance >> Customize >> General Configuration >> Shortcode Page Colors Settings
    15. (i) Select Faq Page Colors colors
    16. faqs
    17. >> After adding shortcode FAQS look
    18. faqs

    Set Services Shortcode

    1. Step 1. Go to Dashboard >> Services
    2. (i) Click Add New button
    3. (ii) Add Service Title
    4. (iii) Add Content
    5. (iv) Select Featured Image
    6. (v) Select Socials
    7. (vi) click publish button

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

    14. Step 4. Used Services shortcode in page
    15. faqs
    16. Step 5. Go to Dashboard >> Appearance >> Customize >> General Configuration >> Shortcode Page Colors Settings
    17. (i) Select Services Page colors
    18. faqs
    19. >> After adding shortcode Services look
    20. faqs

    Set Inner Pages Heading Fonts

    1. Step 1. Go to Dashboard >> Appearance >> Customize >> General Configuration >> Inner Page Font Settings
    2. faqs

    Shop Sidepar Display

    1. Step 1. Go to Dashboard >> Appearance >> Customize >> General Configuration >> Shop Page Sidebar Display Settings
    2. faqs

    Arrange Sections Order

    1. Step 1. Go to Dashboard >> Appearance >> Customize >> Section Order
    2. faqs

    Manage Breadcrumb

    1. Step 1. Go to Dashboard >> Appearance >> Customize >> Manage Breadcrumb
    2. faqs

    Other Settings

    1. Step 1. Go to Dashboard >> Appearance >> Customize >> Other Settings
    2. faqs faqs faqs faqs