Glorious Spa Pro WordPress Theme Documentation

Introduction

Thank you for choosing our glorious-spa-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 glorious-spa-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 Glorious Spa Pro theme from list
  5. 5. Click on Activate to active Glorious Spa 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 >> Menus.
  5. a. Click on create a new menu as show in below image.
  6. b. Enter menu name and click on Create Menu as shown in below image.
  7. c. Select Pages from left Side and click on Add to Menu button as show in below image
  8. d. After selecting pages select menu location and click on save menu.
  9. Create a Menu
  10. e. Click on Manage Locations as show in below image.
  11. 1.Click on Use new menu
  12. Final Step in Menu
  13. 2.Add Menu Name
  14. 3.Click on Create Menu button.
  15. Final Step in Menu
  16. Step 3. Go to Dashboard >> >> Appearance >> Customize >> General Configuration >> Manage Header
  17. 1.Set Logo Margin
  18. set Header padding
  19. 2.Select Navigation colors
  20. set Header logo
  21. set Header logo
  22. set Header logo
  23. set Header logo
  24. Header Final Look Final display of header

Setting Up Home Slider

  1. Step 1. Go to Dashboard >> 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 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. a.Hide content Off:
  3. b.Set slider overlay Background color & opacity
  4. Create New Slider
  5. c.Select slider colors
  6. Create New Slider
  7. Create New Slider
  8. Create New Slider
  9. Create New Slider
  10. Create New Slider
  11. Slider Final Look Final display of header

Setting Up About Spa Section

  1. Step 1. Go to Dashboard >> Appearance >> Customize >> Home Section >> About Spa Section
  2. a. Set Disable/Enable Section
  3. b. Set Section Paddding
  4. set aboutus section
  5. set aboutus section
  6. c. Manage Background using color/image
  7. set aboutus section
  8. d. Add Section Heading, Section Text & colors
  9. set aboutus section
  10. e. Set No. Of Lists To Show & Select It's Colors
  11. set aboutus section
  12. set aboutus section
  13. e. Select Button Display & Text Setting & it's colors
  14. set aboutus section
  15. e. Select Right Image, Background Image Of Right Image & Color
  16. set aboutus section
  17. About Spa Final Look Final display of aboutus

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 Section Padding
  4. set services section
  5. d. Manage Background using color/image
  6. set services section
  7. e. Add Section Heading & Subheading
  8. f. Select colors
  9. set services section
  10. g. Select Button Dispay & Text
  11. h. Select colors
  12. set services section
  13. Step 2. Select Number of services plans
  14. a. Select Services page
  15. set services section
  16. b. Select colors
  17. c. Select Service image opacity & colors
  18. set services section
  19. set services section
  20. Final display of Services Look Final display of services

Setting Up Massage Section

  1. Step 1. Go to Dashboard >> Appearance >> Customize >> Home Section >> Massage Section
  2. a. Section Enable/Disable
  3. b. Manage Background using color/image
  4. c. Set Section Paddding
  5. set aboutus section
  6. d. Set Left Image & Its Colors
  7. e. Set Background image of left image
  8. set aboutus section
  9. d. Add Section Heading, Section Text & Sub Text & colors
  10. set aboutus section
  11. e. Select Button Display & Text Setting & it's colors
  12. set aboutus section
  13. set aboutus section
  14. Massage Section Final Look Final display of aboutus

Setting Up Counter Section

  1. Step 1. Go to Dashboard >> Appearance >> Customize >> Home Section >> counter Section
  2. a. Set Disable/Enable Section
  3. b. Set Background color or image for section
  4. set Counter section
  5. c. Set Section Padding
  6. d. Select Left Image
  7. e. Select Colors
  8. set Counter section
  9. e. Set Counter Box Padding
  10. f. Manage Background for counter box
  11. set Counter section
  12. g. Set Counter Box Overlay & Its Background Color
  13. set Counter section
  14. Step 2. Select Number of plans
  15. a. Select Counter icon
  16. b. Add Counter title
  17. c. Add Counter number
  18. set Counter section
  19. d. Select Colors
  20. set Counter section
  21. Final display of Counter Look Final display of Counter

Set Package Section

  1. Step 1. Go to Dashboard >> Appearance >> Customize >> Home Section >> Pricing Section
  2. a. Set Disable/Enable Section
  3. b. Set Section Padding
  4. c. Set Manage Background For Complete Section
  5. set package section
  6. set package section
  7. d. Add Section Heading
  8. e. Add Section Sub Heading
  9. f. Select colors
  10. set package section
  11. Step 2. Select Number of Packages To Show
  12. a. Select image
  13. b. Add plan name
  14. c. Add plan unit
  15. d. Add plan price
  16. e. Add plan button text
  17. f. Add plan button link
  18. set package section
  19. g. Set Colors
  20. set package section
  21. h. Set Package Box Overlay Opacity & It's Colors
  22. set package section
  23. h. Button Display & It's Colors
  24. set package section
  25. Final display of Packages Section Final display of Package

Set Team Section

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

Set Products Section

Note:Kindly Install Woocommerce Plugin

  1. Step1. Go to Dashboard >> Products >> Add New
  2. (a) Add New Product name
  3. (b) Add New Category
  4. set Featured Page section set Featured Page section
  5. (c) Add Regular Price
  6. (d) Add Product Image
  7. set Featured Page section
  8. Step2. There are having two steps to display Featured Products
  9. Go to Dashboard >>All Products >>
  10. (a) click (select) on STAR
  11. set Featured Page section
  12. Step3. Go to Dashboard >> Appearance >> Customize >> Home section >> Products Section
  13. Step2.
  14. (a) Enable/Disable Section
  15. (b) Manage background by using Colors/Image
  16. (c) Set Padding for Section
  17. set Featured Page section set Featured Page section Step4.
  18. (a)Add Title & Sub Title for section
  19. (b)Add Section Title
  20. (c)Select Section Sub title Color
  21. set Featured Page section
  22. (h)Select Colors For Products Images
  23. set Featured Page section
  24. Final display of Products Section Final display of blog

Set Testimonials Section

  1. Step 1. Go to Dashboard >> Appearance >> Customize >> Home Section >> Testimonials Section
  2. a. Set Disable/Enable Section
  3. c. Set Section Padding
  4. set testimonialfaq section
  5. d. Set Background Image/ Color
  6. set testimonialfaq section
  7. Step 2.
  8. a. Set Disable/Enable Testimonial Section
  9. b. Add Testimonial Section Heading
  10. c. Select colors
  11. set testimonialfaq section
  12. d.Select Testimonials
  13. set testimonialfaq section
  14. e.Select colors
  15. set testimonialfaq section
  16. e. Add Prev & Next Button Text & Select It's Colors
  17. set testimonialfaq section
  18. Final display of Testimonial Section
  19. set testimonialfaq section

Set Blog Section

  1. Step1. Go to Dashboard >> Post >> Add New
  2. (a)Add Post title
  3. (b)Add Featured image
  4. (c)Add Post category image
  5. (d)Add Post content
  6. (e) Publish
  7. set post section
  8. Step 2. Go to Dashboard >> Appearance >> Customize >> Home Section >> Our Blog Section
  9. a. Set Disable/Enable Section
  10. b. Manage Background
  11. set post section
  12. c. Set Padding For Section
  13. set post section
  14. d. Add Section Heading
  15. e. Exclude Category from Blog Posts
  16. f. Select Colors
  17. set post section
  18. set post section
  19. set post section
  20. h. Set Blog button
  21. set post section
  22. i. manage background for Right Image
  23. set post section
  24. j. Button Display
  25. set post section
  26. Final display of Blog Section Final display of blog

Setting Up Newsletter Section

  1. Step 1. Go to Dashboard >> Appearance >> Customize >> Home Section >> Newsletter Section
  2. a. Set Disable/Enable Section
  3. b. Manage Background
  4. set contact section
  5. e. Set Section heading , Subheading & it's color
  6. set contact section
  7. f. Add form shortcode
  8. g. Select Colors
  9. set contact section
  10. Final display of Newsletter Look Final display of contact

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 Glorious Spa 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 Single Column Blog

How to select Blog with single column template:

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

    Set Double Column Blog

    How to select Blog With Double Column template:

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

    How to select Page With Blog with three column template:

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

    Set Contact Us Template

    • Step 1. Go to Dashboard >> Page
    • 1. Click Add New button
    • 2. Select Contact Page template at right bottom of page
    • 3. click publish button
    • select Contact Page template
    • Step 2. Go to Dashboard >> Appearance >> Customize >> Contact Us Page
    • Add Contact Contact Tagline
    • fill Contact us details
    • (a) Sub Heading
    • (b) Phone Number
    • (c) Email
    • (d) Address
    • (e) Select Colors
    • select Contact Page template
      select Contact Page template
    • (f) Code Enter For Shortcode
    • (g) Select Colors
    • select Contact Page template
      select Contact Page template
  • >> Contact Us Template
  • select Contact Page template
    select Contact Page template

    Set Site Map

    How to select Site Map template:

    • Step 1. Go to Dashboard >> Page
    • Step 2. clickAdd New button
    • Step 3. select Site Map template at right bottom of page
    • Step 4. click publish button
    select site map template
  • >> Site Map
  • select site map 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 >> testimonials page colors
    17. team
    18. >> After adding shortcode Testimonial look
    19. 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 Desingation
    5. (iv) Add Featured Image
    6. (v) Add Socials
    7. (vi) click publish button

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

    14. Step 3. Used Team shortcode in page
    15. team
    16. Step 4. Go to Dashboard >> Appearance >> Customize >> General Configuration >> Shortcode Page Colors Settings >> Team Page Colors
    17. team team
    18. >> After adding shortcode Team look
    19. 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 >> Faq Page Colors
    15. faqs
    16. >> After adding shortcode FAQS look
    17. 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) click publish button

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

    13. Step 4. Used Services shortcode in page
    14. faqs
    15. Step 5. Go to Dashboard >> Appearance >> Customize >> General Configuration >> Shortcode Page Colors Settings >> Services Page Colors
    16. faqs faqs
    17. >> After adding shortcode Services look
    18. faqs

    Set Inner Pages Heading Fonts

    1. Step 1. Go to Dashboard >> Appearance >> Customize >> General Configuration >> Inner Page Font 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 faqs faqs