Spa and Salon Pro Documentation

Important Note:

Before beginning the installation process, please make sure you are using the latest version of WordPress and the Theme.

Theme Documentation:

Thank you for choosing Spa and Salon Pro ! This documentation covers the installation and the usage of the theme. We encourage you to read through this document and keep it handy for reference. If you have any questions about the theme, or need assistance with anything related to the theme, please feel free to contact us with our support ticket and our dedicated support staff will be happy to assist you.

Although Spa and Salon Pro will work with 4.5 and above versions of WordPress, it is recommended to have the latest version of WordPress.

After you have the latest version of WordPress, download the theme ZIP file, and save it somewhere handy on your computer, as you will be using the included files for the rest of the installation process.

Theme Files

Spa and Salon Pro includes :

WordPress Theme Files— This is a compressed WordPress theme file containing all of the required templates, images and icons required for the theme to function properly.

Theme Installation

Step 1: Upload and Activation

There are two methods to install Spa and Salon Pro theme. You may either upload the zipped theme file using the WordPress theme installer (Recommended), or you can upload the unzipped theme folder via FTP (Advanced).

If you have existing content, this will help you update your image thumbnails sizes.

Configuring Homepage Display

To set up the homepage you must first create a new page.

To create a new Page

Go to Pages > Add New.

Enter the Page Title for the Page. You do not require to enter anything in the content section for creating a home page.

Select the Homepage Template from the Page Attributes section.

Click Publish.

Configuring the front Page display setting

Go to Appearance>Customize > Static Front Page.

Select A static page under Front Page displays

Choose the page you just created as Front page.

Click Save & Publish.

Slider Settings

Note: Please make sure that you have set up the homepage for the slider to appear on your homepage.

Slider Options:

Go to Appearance> Customize> Slider Settings> Slider Options

Enable Home Page Slider using toggle to display it on the home page. (Blue is enabled) ( You must enable this for the slider to be visible)

Enable Slider to Auto Transition using toggle for the slides to transition automatically (auto-scroll) without a click. (Blue is enabled)

Enable Slider Loop using toggle to continue the slide transition in the loop. (Blue is enabled)

Enable Slider Control using toggle to allow manual navigation control. (Blue is enabled)

Enable Slider Pager using toggle to allow manual navigation for paging control of each slide. (Blue is enabled)

Enable Slider Caption using toggle to show the post title to appear on the slider post image. (Blue is enabled)

Enable Use Full Size Image, if you wish to display the full image on the slider rather than the cropped image. ( In this case, make sure that all the selected images have the same image size, so that the design is maintained)

Contact Settings

Go to Appearance> Customize>Contact Settings

Enter Phone Number, Email address, Address, Working Hours Label, Working Hours , Contact Form title and Contact Form 7 Form ID

Click Save & Publish.

Note: For the Contact form to appear as in the demo, you must first install and activate the Contact Form 7.To learn about how to install plugin read the Installing Plugin. For configuring the Plugin read the plugin documentation .

Generating Shortcode for the Contact Form as in Demo :

For the Contact form to appear as in the demo, you must first install and activate the Contact Form Seven. To learn about how to install plugin read the Installing Pluglin.

Go to Dashboard> Contact> Add New

Enter your Contact form styling

Click Save.Copy the shortcode that appear below the Contact Form Name and paste it in the Contact Section Contact Form from Appearance>Customize>Homepage Settings>Contact Section.Configure other setting according to Contact Form 7 Documentation Click Save & Publish.Note: The above instructions just deals with appearance of the contact form on the theme. You still need to configure your settings following Contact Form 7 Documentation

Breadcrumb Settings:

Go To Appearance> Customize> Breadcrumb Settings.

Choose to enable or disable Breadcrumb

Choose to show or hide Current.

Enter Breadcrumb Home Text.

Enter Breadcrumb Separator.

Click Save & publish.

Add a Sidebar

Go to Appearance> Customize> Sidebar Settings

Click Add New sidebar.

Give the sidebar name and unique id.

Click Save & Publish.

Sidebar Settings

Go to Appearance> Customize> Sidebar Settings

Choose the Sidebar for various Pages like, Single Page Post Page etc.

The sidebar selected under the particular pages will be displayed on the page.

For example: Blog Sidebar: Appears only in Blog .

You can Add widgets to sidebar from Appearance> widgets.

Click Save & Publish.

Social Media Links

Go to Appearance> Customize> Social Settings

Enable Social Links in Header to show it in header

Enable Social Links in Footer to show it in footer

Choose the social mediaicons to display in Contact Section.

Add Social Links by clicking Add new Link .

Click Save & Publish.

Configuring Custom Menus

Option One:

Go to Appearance > Customize>Menus in the WordPress Dashboard

Click on Add new menu button.

Give a name to your menu in Menu Name and click Create Menu button

Choose the pages, categories, custom links from the left-side of your screen by selecting the checkbox and click on Add to Menu for desired Menu items.

Order the menu items by using drag and drop function in Menu structure Panel.

Check the Menu locations to Primary to make it appear on Homepage.

Click Save and Publish after adding required pages, categories in the menu.

Option Two

Go to Appearance > Menus in the WordPress Dashboard

Click on Create a new menu link.

Give a name to your menu in Menu Name and click Create Menu button.

Choose the pages, categories, custom links from the left-side of your screen by selecting the checkbox and click on Add to Menu for desired Menu items.

Order the menu items by using drag and drop function in Menu structure Panel.

Check the box for “Primary Menu” under “Theme locations” if you want the menu to appear below the header bar.

Click Save Menu after adding required pages, categories in the menu.

Widgets

Adding a widget:

Option 1:

Navigate to Appearance> Widgets

Drag the desired widget to the desired widget space. There is a description of each included widget that you can choose from.

Footer Copyright Editor:

Setting up a Blog

To create a blog page, You first need to create a page for it. To create a page.

Go to Pages> add New

Enter the Page Title for the Page

You do not require to enter anything in the content section for creating a home page.

Select the Default Template from the Page Attributes section

Click Publish.

Configuring the Page display setting

Go to Appearance>Customize > Static Front Page.

Choose the page you just created for the Blog as Posts Page.

Click Save & Publish.

Add a Post

Go to Posts>Add new.

Select the post format on the right sidebar.

Give a title and fill it with content

Upload a featured image by clicking on Set Feature Image on the right sidebar of the screen.

Click Publish

Adding Excerpt in the Post

For adding excerpt to the existing post. Go to Post>All Posts from WordPress dashboard.

Click Edit below the post name.

Click on the Screen Option on the top left side of the screen.

Check Excerpt.

A content box for excerpt will appear below the content section. Enter the required details.

Click Publish or Update

Gallery Post Format

Post Formats

This theme has built-in functionality for the post formats including text, aside, image, video, quote, and link post formats. Select the Post format as desired.

Inserting Gallery

For Inserting Gallery in the post, you must first install the Jetpack Plugin. To learn how to install a plugin, read– Installing Plugins. You must have a WordPress Account to use JetPack. Use Your WordPress Account to activate Jetpack in your website.

Navigate to the Post where you want to insert the gallery and come its Edit window

Click Add Media

Click Create Gallery

Upload and select the desired images for the gallery and click create a new Gallery.

Choose the desired Size and Type of your gallery display.

Use drag and drop to order the picture.

Click Insert Gallery.

Click Preview to preview the post and click Publish when you are satisfied.

Helpful Tips

We highly recommend using Child Theme if you need to change the code of the theme. Do not change the codes in the files of the parent theme as all such changes will be lost when the theme is updated. For information about How to create a child theme visit: https://codex.wordpress.org/Child_Themes

Always keep BackUp of your theme before making any changes to the theme.

If you get any problem in using the theme, you can do the following things: