Baby Spa Pro WordPress Theme Documentation

Introduction

Thank you for using our baby-spa-pro WordPress Theme. We are very glad that you have chosen our baby-spa-pro WordPress Theme for your website.

baby-spa-pro Theme is a clean, super flexible and fully responsive WordPress Theme.

This document written very carefully by keeping mind set that it should be easy understand for Beginner to Advance user or developers. We have divided this document in 3 main section.

1) Getting Started : This section will very help full for Quick start and understand how setup theme
2) Detailed Document : This section explains every thing about theme with every settings.
3) Other : This section provides information about miscellaneous item like theme features etc.

If you have any query that is beyond the scope of document, please feel free to contact us at info@unboxthemes.com

baby-spa wordpress theme
We offer theme customization. Get in touch for a quote.
Quick Search 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

1. Installation Via WordPress Admin area

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

2. Installation Using FTP

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

Setting Up Home Page

This section will help you to arrange home page and other pages of your site. This will also guide to you as how to setup WordPress Menus, Create a Slider/Banner, Create Home Page, Use of Page Templates and insertion of shortcode in pages.

  1. Step 1: Go to Dashboard >> Pages >> Add New, enter page name and select template as Home Page Template from Page Attribute as shown in below image
  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

Header Setting

  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. Step 3. Click on create a new menu as show in below image.
  6. Step 4. Enter menu name and click on Create Menu as shown in below image.
  7. Create a Menu
  8. Step 5. 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
  9. Step 6. After selecting pages select menu location and click on save menu.
  10. Final Step in Menu
  11. Step 7. Click on Manage Locations as show in below image.
  12. a. Click on Use new menu
  13. Final Step in Menu
  14. b.Add Menu Name
  15. Final Step in Menu
  16. c. SetLogo Padding and Width
  17. set Header logo
  18. Step 9. Go to Dashboard >> >> Appearance >> Customize >> General Configuration >> Header Settings
  19. a.Select Top Header Setting
  20. set Header logo
  21. set Header logo
  22. b.Select colors
  23. set Header logo
  24. set Header logo
  25. Primary Menu Front Preview
    Final Step in Menu
  26. Final display of Header Final display of header

Create Slider

  1. Step 1. Go to Dashboard >> baby-spa-pro 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

Way To Manage slider content:

  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. Final display of Slider Final display of header

Set Our Services Section

  1. Step 1. Go to Dashboard >> Appearance >> Customize >> Home Section >> Our Services Section
  2. a. Manage Background
  3. set services section
  4. Step2. Set Section Padding
  5. set services section
  6. a. Add Section title
  7. b. Select Heading And Heading Icon & Icon Border And Top Curve
  8. set services section
  9. d. Select colors
  10. set services section
  11. Step 2. Go to >> Dashboard >> Services >> Add New
  12. a. Add Services Title
  13. b. Add Services Description
  14. c. Select Featured Image & click on publish button
  15. set services section
  16. Step 3. Go to Dashboard >> Appearance >> Customize >> Our Services Section then Select Number of services plans
  17. a. Select icons
  18. b. Add title
  19. set services section
  20. c. Select colors
  21. set services section
  22. Final display of Services Section Final display of services

Set About Us Section

  1. Step 1. Go to Dashboard >> Appearance >> Customize >> Home Section >> About us Section
  2. a. Manage Background
  3. set aboutus section
  4. Step2. Set Section Padding
  5. set aboutus section
  6. a. Add Section title & text
  7. b. Select Heading And Heading Icon & Icon Border Color
  8. set aboutus section
  9. c. CLick on about us button show or hide
  10. d. Add button text
  11. e. Add button url
  12. set aboutus section
  13. f. Select Colors
  14. set aboutus section
  15. g. Add Right Side Image & Color Setting
  16. set aboutus section
  17. Final display of About Us Section Final display of aboutus

Set Counter Section

  1. Step 1. Go to Dashboard >> Appearance >> Customize >> Home Section >> Counter Section
  2. a. Manage Background
  3. set counter section
  4. b. Set Padding For Section
  5. set Counter section
  6. Step 2. Select Number of plans
  7. a. Select icons
  8. b. Add No. of count
  9. c. Add Counter Page Title
  10. set counter section
  11. d. Select Colors
  12. set counter section
  13. Final display of Counter Section Final display of Counter

Set Features Section

  1. Step 1. Go to Dashboard >> Appearance >> Customize >> Home Section >> Features Section
  2. a. Manage Background
  3. set aboutnew section
  4. Step2.
  5. b. Set Section Padding
  6. set services section
  7. c. Add Title for section
  8. set aboutnew section
  9. d. Select Colors
  10. e. Add No, of Features
  11. f. Add Image
  12. g. Add Title
  13. h. Add Link
  14. set aboutnew section
  15. Final display of About New Section Final display of aboutus

Set Application Section

  1. Step 1. Go to Dashboard >> Appearance >> Customize >> Home Section >> Application Section
  2. a. Manage Background
  3. set package section
  4. b. Set Padding For Section
  5. set gallery section
  6. c. Add Section left side image
  7. d. Add Address , Email id & Contact
  8. set package section
  9. e. Select colors
  10. set package section
  11. Step 2. Select Right side Image
  12. a. Select image
  13. b. Add Form
  14. set package section
  15. f. Select Colors
  16. set package section
  17. Final display of Application Section Final display of Package

Set Our Trainer 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 >> Our Trainer Section
  9. a. Manage Background
  10. set team section
  11. b. Set Padding For Section
  12. set gallery section
  13. c. Add Section title
  14. e. Add Section sub title
  15. f. Select colors
  16. set team section
  17. Step 2. Select Number of experts to show
  18. a. Select expert
  19. set team section
  20. b. Select Colors
  21. set team section
  22. set team section
  23. Final display of Our Trainer Section Final display of team

Set Our Product 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 Product section set Featured Product section
  5. (c) Add Regular Price
  6. (d) Add Product Image
  7. set Featured Product 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 Product section
  12. (b) click on Quick Edit
  13. (i) click on check box Fetured
  14. set Featured Product section
  15. Step 2. Go to Dashboard >> Appearance >> Customize >> Home section >> Featured Products Section
  16. a. Manage Background
  17. set product section
  18. b. Set Padding For Section
  19. set gallery section
  20. c. Add Section Title
  21. set product section
  22. b. Select colors
  23. set product section
  24. Final display of Our Product Section Final display of product

Set Blog Section

  1. Step1. Go to Dashboard >> Post >> Add New
  2. (a) Enter Blog Name
  3. (b) Select Categories
  4. (c) Select featured image
  5. (d) Publish
  6. set Blog section
  7. Step2. Go to Dashboard >> Appearance >> Customize >> Home section >> Blog Section
    • a. Manage Background
    • set blog section
    • b. Set Padding For Section
    • set gallery section
    • c. Add Section Heading And Heading Icon & Icon Border Color Setting
    • set Blog section
    • f. Select colors
    • set blog section
      set blog section
    • g. Select Number of post to show
    • h. Select Exclude Category from Blog Posts
    • set blog section
  8. Final display of Blog Section Final display of Blog section

Building the 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. After selecting pages select menu location and click on save menu.
  6. Final Step in Menu

Setting up 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

Setting up 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

Setting up Full Width Page Inner 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 Inner Page
  • select Full Width Page template

    Setting Up 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

    Setting Up 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

    Setting up Page With Left Sidebar Inner Page

    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 Inner Page
  • select Page With Left Sidebar template

    Setting up Page With Right Sidebar Inner Page

    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 Inner Page
  • select Page With Right Sidebar template

    Setting up Blog Full Width Inner Page

    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 Inner Page
  • select Blog Full Width template

    Setting up Blog With Left Sidebar Inner Page

    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 Inner Page
  • select Blog With Left Sidebar template

    Setting up Blog With Right Sidebar Inner Page

    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 Inner Page
  • select Blog With Right Sidebar template

    Setting up Contact Us Inner Page

    • 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 Inner Page
  • select Contact Page template

    sitemap

  • Go to Dashboard >> Page >> Add New
  • >> Add Page Title
  • >> Select Sitemap Template which is at right corner of page

  • >> Final Display Of Sitemap
  • Set Innerpage Headings Font size & Colors

  • Go to Dashboard >> Appearance >> Customize >> General Configuration >> Inner Page Heading fonts & Headings Colors Settings

  • Shop Page Sidebar Settings

  • Go to Dashboard >> Appearance >> Customize >> General Configuration >> Shop Sidebar Settings
  • 1. Click on show Shop Sidebar to show Shop Sidebar in a Shop page

  • 2. Click on hide Shop Sidebar to hide Shop Sidebar in a Shop page
  • Setting up Team Shortcode

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

    6. Step 2. Used Team shortcode in page
    7. Brand
    8. >> After adding shortcode Team look
    9. Brand

    Setting up Testimonial Shortcode

    1. Step 1. Go to Dashboard >> Page
    2. (i) Click Add New button
    3. (ii) Add Testimonial Shortcode "[UN_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. >> After adding shortcode Testimonial look
    9. team

    Setting up Services Shortcode

    1. Step 1. - Go to Dashboard >> Page
    2. (i) - Click Add New button
    3. (ii) - Add Services Shortcode "[UN_SERVICES]"
    4. (iii) - click publish button

    5. Step 2. - Used Services shortcode in page
    6. pricing
    7. >> After adding shortcode Services look
    8. pricing

    Setting up Faqs Shortcode

    1. Step 1. - Go to Dashboard >> Faqs >> Add New
    2. (i) Add FAQs title
    3. (ii) Add FAQs text
    4. faqs
    5. Step 2. - Go to Dashboard >> Page
    6. (i) - Click Add New button
    7. Step 3. - Used Faqs shortcode in page
    8. (i) - Add Faqs Shortcode "[UN_FAQS]"
    9. (ii) - click publish button
    10. faqs
    11. >> After adding shortcode Faqs look
    12. faqs