Nikhar Spa Salon Pro

Introduction

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

nikhar-spa-salon-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 support@luzuk.com

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

Step One

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

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

Step Two

2. Installation Using FTP

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

Detail Document

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.

  • 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
  • Home Page Setting
  • Step 2: Publish this page
  • Step 3: Go to Dashboard >> Settings >> Reading, select home page as a front page
  • Front Page Home

Header Setting

  • Step 1. Go to Dashboard >> Appearance >> Customize >> General Configuration >> Header Settings
  • 1. Add Email
  • 2. Add Time
  • 3. Add Social Media Icons
  • Set Header contact
  • 4. Add Phone Number Title
  • 5. Add Phone Number
  • 6. Add Main Header Background color
  • 7. Add Header email color
  • 8. Add header email icon color
  • 9. Add Header time color
  • 10. Add header time icon color
  • 11. Add header Serach border color
  • Set Header contact
  • 12. Add header search color
  • 13. Add header search icon color
  • 14. Add Header social color
  • 15. Add header social border color
  • 16. Add Header social hover color
  • 17. Add header social border hover color
  • 18. Add Header phone title color
  • 19. Add header phone number color
  • Set Header contact
  • 20. Add Header Menu Color
  • 21. Add Current Menu Text Color
  • 22. Add Current Menu Background Color
  • 23. Add Hover Menu Text Color
  • 24. Add Hover Menu Background Color
  • 25. Add Header Dropdown Menu Color
  • 26. Add Header Dropdown Background Color
  • 27. Add Header Dropdown Menu hover Color
  • Set Header contact
  • 28. Add Header Dropdown Background hover Color
  • 29. Add Header Dropdown Border Color
  • 30. Add Navigation Background Color
  • 31. Add Header Right Content Background Color
  • Set Header contact
  • Step 2. Go to Dashboard >> Appearance >> Customize >> General Configuration >> Site Logo/Title/Tagline
  • a. You can add logo from Select Logo button for set logo
  • set Header logo
  • Step 3. Go to Dashboard >> Appearance >> Menus.
  • Step 4. Click on create a new menu as show in below image.
  • Step 5. Enter menu name and click on Create Menu as shown in below image.
  • Create a Menu
  • Step 6. 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
  • Step 7. After selecting pages select menu location and click on save menu.
  • Final Step in Menu
  • Step 8. Click on Manage Locations as show in below image.
  • a. Click on Use new menu
  • Final Step in Menu
  • a. Add Menu Name
  • b. Click on Create Menu button.
  • Final Step in Menu
  • Primary Menu Front Preview
    Final Step in Menu
  • Final display of Header

    Final display of header

Create Slider

  • Step 1. Go to Dashboard >> nikhar-spa-salon-pro Slider
  • Step 2. Click on Add New button
  • Add New Slider
  • Step 3. Add the slider name.
  • set slider
  • Step 4. Add slider button link.
  • set slider
  • Step 5. Add the featured image as a slider.
  • set slider
  • Step 6. Click on 'update' button at top right of page. And Enjoy the Slider.
  • Create New Slider

Way To Manage slider content:

  • Step: Go to Dashboard >> Appearance >> Customize >> Home section >> Slider section
  • 1. Hide content Off:
  • 2. Select Colors
  • Create New Slider
    Create New Slider

    Final display of Slider

    Final display of header

Set Facility Section

  • Step1. Go to Dashboard >> Appearance >> Customize >> Home section >> Facility Section
  • Step2.
  • (a) Select Background Image or Background color
  • set Facility section
  • (b) Add Title
  • (b) Add Sub title
  • (c) Select Heading and sub heading colors
  • set Facility section
    Step3.
  • Select Number of plan to show
  • facility Page
  • (a) Add facility Page Icon
  • (b) Add facility Title
  • (c) Add facility Description
  • set Facility section
  • (d) select facility colors
  • set Facility section

    Final display of Facility Section

    set Facility section

Set Our Trainers Section

  • Step1. Go to Dashboard >> Team >> Add New
  • (a)Add Team title
  • (b)Add Featured image
  • set Services Section
  • (c)Add Social media links
  • (d) Publish
  • set Services Section
  • Step2. Go to Dashboard >> Appearance >> Customize >> Home section >> Our Trainers Section
  • Step3.
  • (a)Select Background image or Background color
  • set team Section
  • (b)Add Title
  • (c)Add Sub title
  • (d)Select Heading and sub heading color
  • set team Section
    Step4.
  • (a)Select Number Of team to show
  • (b)Select Team Members
  • set team Section
    Step5.
  • (a) Select colors
  • set team Section

    Final display of Our Trainers Section

    set team section

Set Testimonial Section

  • Step1. Go to Dashboard >> Testimonial >> Add New
  • (a)Add Testimonial title
  • (b)Add content
  • (c)Add Designation
  • (d)select Featured Image
  • (d) Publish
  • set Blog FAQ Testimonial custm Section
  • Step2. Go to Dashboard >> Appearance >> Customize >> Home section >> Testimonials Section
  • 1.Select background image or background color
  • set testimonial section
  • 2. Add Title
  • 2. Add Sub title
  • 3. Select Heading and sub heading color
  • set testimonial section
  • 4. Select a Client Testimonials
  • set testimonial section
  • 5. Select Colors
  • set testimonial section
    set testimonial section

    Final display of Testimonial Section

    set testimonial section

Set Appointment Section

  • Step1. Go to Dashboard >> Appearance >> Customize >> Home section >> Appointment Section
  • Step2.
  • (a) Select Background image or Background Color
  • set contact section
  • (b) Add Section title
  • (c) Add Section sub title
  • (d) Select Heading and subheading color
  • set contact section
    Step4. (a) Add Form Sub Title
    Step4. (b) Add Form Title
    Step4. (c) Add Form Shortcode
    Step4. (d) Select Colors
    set contact section
    set contact section
    set contact section
  • Step5. Go to Dashboard >> Appearance >> Customize >> Home section >> Contact Section
  • Step6.
  • (a) Select Background image or Background Color
  • set contact section
  • (b) Add Phone No.
  • (c) Add Phone Title.
  • (d) Add On Time
  • (e) Add Off Time
  • (f) Add Off Time
  • (g) Add Email id
  • (h) Add Email Title
  • (i) Add Location
  • set contact section
  • (j) Add Location Title
  • (k) Select Colors
  • set contact section

    Final display of Appointment Section

    set contact section

Set Blog Section

  • Step1. Go to Dashboard >> post >> Add New
  • (a) Add Post title
  • (b) Select Categories
  • (c) Select Tag
  • set blog custm Section
  • (d) select Featured Image
  • (e) Publish
  • set blog custm Section
  • Step2. Go to Dashboard >> Appearance >> Customize >> Home section >> Blog Section
  • (a) Select background image and background color
  • set Blog section
  • (b) Add Title
  • (b) Add Sub title
  • (c) Select Colors
  • set Blog section
    set Blog section
    set Blog section
  • (d) Select Number of post to show
  • set Blog section

    Final display of Blog Section

    set blog section

Set Shop Sidebar On/Off Setting

  • Step1. Go to Dashboard >> Appearance >> Customizer >> General configuration >> Shop Page Sidebar Settings
  • (1) click on Show Sidebar button
  • (2) click on publish button
  • set shop sidebar

    Shop Page With Sidebar

    set shop sidebar
  • (3) click on Hide Sidebar button
  • (4) click on publish button
  • set shop sidebar

    Shop Page Without Sidebar

    set shop sidebar

Setting up Page Template

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

Inner Pages

Pages

Setting up full width page

  • Step 1. Go to Dashboard >> Page
  • Step 2. Click Add New button
  • Step 3. Select Default template at right bottom of page
  • Step 4. Add Title for page
  • Step 5. Add Content for page
  • Step 6. Select Featured Image
  • Step 7. Click Publish button
  • select Full Width Page template

    Full Width Inner Page

    select Full Width Page template

Setting 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
  • Page with background color
  • Step 4. Select Page background color
  • Step 6. Click Publish button
  • Page with background color

    Page with background color

    Page with background color

Setting 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
  • Page with background image
  • Step 4. Select Featured Image
  • Step 5. Select Page background Image
  • Step 6. Click Publish button
  • Page with background image

    Page with background Image

    Page with background image

Setting page with left sidebar

  • 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. Select Featured Image
  • Step 5. Click publish button
  • select Page With Left Sidebar template

    Page With Left Sidebar Inner Page

    select Page With Left Sidebar template

Setting page with right sidebar

  • 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. Select Featured Image
  • Step 5. Click publish button
  • select Page With Right Sidebar template

    Page With Right Sidebar Inner Page

    select Page With Right Sidebar template

Blog

Setting up full width blog

  • 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 blog with left sidebar

  • 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 blog with right sidebar

  • 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

Contact Us

  • 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
  • Step 6. fill Contact us details
  • (1) Address Label
  • (2) Contact us Address
  • (3) Email Label
  • (4) Contact us Email
  • (5) Phone Label
  • (6) Contact us Phone
  • select Contact Page template
  • (7) SelectColors
  • select Contact Page template
  • (8) Form Title
  • (9) Form Shortcode
  • (10) SelectColors
  • select Contact Page template
    select Contact Page template
  • (11) Code Enter For Map
  • (12) Select Map Background Color
  • select Contact Page template
  • (13) Add Social media title
  • (14) Select social media links
  • select Contact Page template
  • (15) SelectColors for social media links
  • select Contact Page template

    Contact Us Inner Page

    select Contact Page template
    select Contact Page template

Shortcodes

Setting up Team Shortcode

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

  • Step 2. Used Team shortcode in page
  •  Team

    After adding shortcode Team look

    Team

Setting up Testimonial Shortcode

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

  • Step 2. Used Testimonial shortcode in page
  •  testimonial

    After adding shortcode Testimonial look

    testimonial