Dance Studio Pro Theme Documentation

Dance Studio Pro WordPress Theme Documentation

Welcome to Dance Studio Pro WordPress Theme. This Documentation will guide you. If you need any help please click on it Support section.

1. Theme Installation

a. Through WordPress Dashboard

Go to the menu Appearance > Themes and click on Add New button.
Click on Upload Theme button.
Click on Browse button and navigate to the unzipped theme package on your computer.
Look for a file called dance-studio-pro.zip Click on it to select, then click OK.
Click on Install Now button and wait until the installation is complete.
Click on Activate link to activate the theme on your WordPress site.

Note: Some servers have limited folder access settings applied and wouldn't allow uploading the theme trough the admin - in these case you have to upload the theme via FTP.

b. Manual Installation using FTP client

If you know the FTP login details of the server where your site is hosted and you have a FTP client installed (such as FileZilla), you might consider using this way of uploading your theme.

Unzip the dance-studio-pro.zip file
Using an FTP client to access your host web server. Go to /wp-content/themes
Upload theme to /wp-content/themes/
Go to Appearance -> Themes and activate theme from Dashboard.

First you have to unzip the download file, find the zip file called dance-studio-pro.zip, unzip it and upload the folder to the main WordPress installation folder » wp-content » themes. Please note that if you prefer this way of installation, you have to make sure that the main files of the theme are contained just within one folder of the themes folder.

You can activate the theme after it is uploaded on the server. In order to activate this theme you have to go to the admin panel » Appearance » Themes . In this section you should see the theme with a title Dance Studio Pro . Just click on the Activate button and your theme should get activated.

c. Plugin Installation

Please download customizer-export-import.zip file and upload that plugin through plugin section

To upload plugin please check plugin link https://wordpress.org/plugins/customizer-export-import/ It will guid you how to upload plugin.
After install plugin activate it. then Go to Appearance -> customize -> Import/Export.
Then Download file from bellow link https://www.featherthemes.com/documentation/dance-studio-pro/dance-studio-pro-export.dat
If file is not downloaded then save it with dance-studio-pro-import.dat
After that upload that dance-studio-pro-import.dat file in import section.
In that way your theme is installed.
If you need to install demo content then please follow bellow steps
- Download file and save it with name dancestudiopro.WordPress.xml from bellow link https://www.featherthemes.com/documentation/dance-studio-pro/dancestudiopro.WordPress.xml
- Then Go to Tools -> Import -> WordPress (Run Importer).
- Then upload that xml file.
- In that way your demo content is installed.

2. Homepage Setup

After activating the Dance Studio Pro theme, please setup homepage using following

Home Page Setup

Go to Settings -> Reading -> Front page displays
Click on radio button of Your latest posts

3. The header

The header consists of three main elements:

Contact info
Social
Site Name / Logo
Menu

a. Contact info

To customize the top header bar of contact information
Go to Appearance » Customizer » Theme Settings » Header Phone and email

b. Social

To customize the top header social media links
Go to Appearance » Customizer » Theme Settings » Header Social

It used bellow shortcode

[social_area]
    [social icon="facebook" link="#"]
    [social icon="twitter" link="#"]
    [social icon="linkedin" link="#"]
    [social icon="pinterest" link="#"]
    [social icon="google-plus" link="#"]  
[/social_area]

c. Changing the site name / logo

If you don't have your logo image then you can use site name and tagline. To change site name and tagline
Go to Appearance » Customizer » Site identity

OR if you want to upload logo for your website go to Appearance » Customizer » Basic Settings » Site identity » Logo
You can also increase logo image height as per your requirement from Appearance » Customizer » Theme Settings » General settings » Add logo height size

d. Setting the menu

First of all create pages from Pages >> Add new page
Go to Appearance >> Menu
Click on Create a new menu link
Give a name to your menu in Menu name and click save menu button
Once you have create menu. You need to add pages by selecting with checkboxes. After adding menu list you can arrange it by drag and drop.
Select menu theme locations Primary Menu from Menu Settings
Click Save Menu after adding required pages, categories in the menu
To set colors and font size for menu
Go to Appearance » Customizer » Theme Settings » Header Menu Settings

4. Homepage Slider

In order to add slides to homepage slider: Go to Appearance » Customize » Theme Settings » Banners And Slider Setting
For each slide there are different options that you can apply.

You can change Slider Effects and Timing.
You can change Slider Animation speed, pause time
You can change Slider Hide/Show Direction Navigation of slider.
You can change Slider Hide/Show pager of slider.
You can change Slider Pause Slide on Hover.
Default image for slider is 1800 × 700 pixels

If you don't want to use this default image slider, you can use any image slider WordPress plugin

Go to Appearance » customize » Theme Settings » Banners And Slider Setting » Custom Slider Shortcode Area For Home Page
Enter your slider shortcode which is provided by plugin without php tag

5. Inner Page Banner

To change inner page banner image: Go to Appearance » customize » Theme Settings » InnerPage Header Banner

To set different banner image for each individual page

Edit that page and set Featured Image
Default image size for inner page banner image is 1800 x 500 pixels

6. Homepage Section

1. Resources!

To manage this section

Click on Resources >> Add New
Then fill all fields with image size width:400px and height:250px
To show section on home page please follow these steps
Go to Appearance » customize » Home Sections Settings » Resources Section and bellow shortcode in content
```
[resources]
```

2. About Us (Welcome to Dance Studio)

To manage this section

Go to Appearance » customize » Home Sections Settings » About Us Section

add bellow short code to content section

[welcome_content]
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam tincidunt, orci vitae scelerisque mollis, sem est imperdiet purus, a condimentum nisi leo sed libero.
                    [/welcome_content]
                    [welcome_content]
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam tincidunt, orci vitae scelerisque mollis, sem est imperdiet purus, a condimentum nisi leo sed libero.
                    [/welcome_content]
                    [welcome_content]
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam tincidunt, orci vitae scelerisque mollis, sem est imperdiet purus, a condimentum nisi leo sed libero.
                    [/welcome_content]
                    [welcome_content]
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam tincidunt, orci vitae scelerisque mollis, sem est imperdiet purus, a condimentum nisi leo sed libero.
                    [/welcome_content]

add bellow short code to Add Shortcode [welcome_website]
```
[welcome_website]
```
Please Upload left Side Image of width 550px and height 814px

3. Opening hour

To manage this section

Go to Appearance » customize » Home Sections Settings » Opening hour Section
add bellow short code to "Add content shortcode [fopening-hour]" section
```
[fopening_hour]
```

a. Opening Hour

Go to Appearance » customize » Home Sections Settings » Opening hour Section

add bellow short code to "Add open close shortcode [fopenhours day="Monday" open="09:00 AM" close="10:00 PM"]" section

[fopenhours day="Monday" open="09:00 AM" close="10:00 PM"]
                        [fopenhours day="Tuesday" open="09:00 AM" close="10:00 PM"]
                        [fopenhours day="Wed" open="09:00 AM" close="10:00 PM"]
                        [fopenhours day="Thursday" open="09:00 AM" close="10:00 PM"]
                        [fopenhours day="Friday" open="09:00 AM" close="10:00 PM"]
                        [fopenhours day="Saturday" open="09:00 AM" close="10:00 PM"]                        
                        [fopenhours day="Sunday" open="09:00 AM" close="10:00 PM"]

b. Contact details

Go to Appearance » customize » Home Sections Settings » Opening hour Section

4. Registration Section

To manage this section go to Appearance » customize » Home Sections Settings » Registration Section

Add bellow short-code to content section :

Upload right Side Image of width 570px and height 701px

[dstudioregister]

5. Counter (Discover)

To manage this section

Click on Counter Skill >> Add Counter Skill
Then fill all fields
Go to Appearance » customize » Home Sections Settings » Counter Skill Section
add bellow short code to field short code in Content [counter_skill]
```
[counter_skill]
```
Upload left side thumbnail image (width:210px and height:274px)
Upload left side large image (width:318px and height:410px)

6. Dance Upcoming Events

To manage this section

Click on Dance Events » Add Dance Event
Then fill all fields with images width:294px and height:340px
Go to Appearance » customize » Home Sections Settings » Dance Events Section
Upload left Side Image of width 455px and height 655px
Post date format is depend upon DateTime Format field.
add bellow short code to content field Add short code in Content [fdance-events]
```
[fdance-events]
```

7. Our Dancing Style

To manage this section

Click on Dance Styles » Add Dance Style
Then fill all fields with image size width:350px and height:538px
Go to Appearance » customize » Home Sections Settings » Dance Style Section
add bellow short code to field Content [Fdancestyle]
```
[Fdancestyle]
```

8. Our Classes

To manage this section

Click on Our Classes » Add Our Classes
Then fill all fields with image size width:270px and height:205px
Go to Appearance » customize » Home Sections Settings » Our Class Section
add bellow short code to field Content
```
[our_class_feather]
```

9. Video section

To manage this section

Go to Appearance » customize » Home Sections Settings » Video Section
add bellow short code to Add Short-code section
```
[cavevideo]
```
Add YouTube video id in that setting so that video will shows in frontend

10. Dancer Team Sections

To manage this section

Go to Appearance » customize » Home Sections Settings » Team Section
Upload right side image with width 547px and height 487px:
```
[caveteam]
```
Add bellow short code to content section
```
[caveteam]
```
To Work on Our Team Go to Our Team -> Add New then add details. Upload image size width:427px and height:487px. After done click on publish button

11. News Section

To manage this section go to Appearance » customize » Home Sections Settings » News Section

Add bellow short-code to content section :

[recent-posts]

To Work on News Please Go to Posts » Add New then add details. After done click on publish button

12. Testimonials

This section is used to display clients testimonials in your website

Create new posts from Testimonials » Add Testimonials
Add Title, Description, Testimonials Info and set Featured Image
To manage this section go to Appearance » customize » Home Sections Settings » Testimonial Section

Short-code:

[cave-testimonials]

7. Footer

The Footer section consists of four main elements:

Social Icons
About Company
Quick Links
Our Services
Latest Posts
Copyright Text

1. Footer Layout

To manage footer Layout go to the Appearance » Customize » Footer Settings » Footer Layout

2. Footer Column

To manage footer section go to the Appearance » Customize » Footer Settings » Footer Column Sections

3. Footer Address

To manage footer contact address section go to the Appearance » Customize » Footer Settings » Footer Contact Address Sections

4. Footer Copyright

To manage footer copyright section go to the Appearance » Customize » Footer Settings » Copyright & Design

[designby_website firstcontent="Design by" linktext=" FeathertThemes" url="https://www.featherthemes.com/"]

[copyright_website firstcontent="© 2022" linktext=" Dance Studio Pro" url="https://www.featherthemes.com/" secondcontent=". All Rights Reserved"]

10. Contact Form

To display contact form in your website

Create contact page from Pages » Add new page
Select Contact Us Template from Page Attribute section
To manage map iframe please go to the Appearance » Customize » Theme Settings » Contact us page settings » Google Map Use iframe code url here. DO NOT APPLY IFRAME TAG

11. Page Templates & Sidebars

you can assign template to pages replace of default template.

Default Template
- Used to setting up the content on any page with Right Sidebar
Left Sidebar
- Used to setting up the content on any page with Left Sidebar
Full Width
- Used to setting up the content on any page without Sidebar
No Sidebar
- Used to setting up the content in center on any page without Sidebar
Contact Us
- Used to setting up the contact page.

12. Widgets

The WordPress widgets are used to manage sidebars:

Can manage sidebar from widgets (exa. blog sidebar and main sidebar)
If you want to remove default widget then please go to Appearance -> Widgets
Then you can add any section in that blog and main sidebar, so then default sidebar will get removed
Footer section can manage from footer widgets 1,2.3,4

To work on default sidebar Appearance » Customize » Theme Settings » Default Sidebar

Please use below short code:

[skill title="Russia Adventure" percent="95" bgcolor="#65676a"][skill title="Australia Adventure" percent="85" bgcolor="#65676a"][skill title="Bali Adventure" percent="90" bgcolor="#65676a"][skill title="Africa Adventure" percent="80" bgcolor="#65676a"]

Resource :
```
[resources]
```

About Us Section:

Use bellow for content

[welcome_content]
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam tincidunt, orci vitae scelerisque mollis, sem est imperdiet purus, a condimentum nisi leo sed libero.
                        [/welcome_content]
                        [welcome_content]
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam tincidunt, orci vitae scelerisque mollis, sem est imperdiet purus, a condimentum nisi leo sed libero.
                        [/welcome_content]
                        [welcome_content]
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam tincidunt, orci vitae scelerisque mollis, sem est imperdiet purus, a condimentum nisi leo sed libero.
                        [/welcome_content]
                        [welcome_content]
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam tincidunt, orci vitae scelerisque mollis, sem est imperdiet purus, a condimentum nisi leo sed libero.
                        [/welcome_content]

Use bellow to display welcome section

[welcome_website]

Opening hour:

[fopening_hour]

[fopenhours day="Monday" open="09:00 AM" close="10:00 PM"]
                            [fopenhours day="Tuesday" open="09:00 AM" close="10:00 PM"]
                            [fopenhours day="Wed" open="09:00 AM" close="10:00 PM"]
                            [fopenhours day="Thursday" open="09:00 AM" close="10:00 PM"]
                            [fopenhours day="Friday" open="09:00 AM" close="10:00 PM"]
                            [fopenhours day="Saturday" open="09:00 AM" close="10:00 PM"]                        
                            [fopenhours day="Sunday" open="09:00 AM" close="10:00 PM"]

Counter (Discover):
```
[counter_skill]
```
Dance Style Section:
```
[Fdancestyle]
```
Dance Events Section:
```
[fdance-events]
```
Our Class Section :
```
[our_class_feather]
```
Video section :
```
[cavevideo]
```
News Section:
```
[recent-posts]
```
Team Section :
```
[caveteam]
```
Testimonials Section :
```
[cave-testimonials]
```
Registration Section :
```
[dstudioregister]
```

Contact Form:

[contactform to_email="test@example.com" title="Contact Form"]

Sidebar Skill :

[skill title="Stock Profit" percent="95" bgcolor="#65676a"][skill title="SIP Profit" percent="85" bgcolor="#65676a"][skill title="Tax Benefits" percent="90" bgcolor="#65676a"][skill title="Life Insurance Cover" percent="80" bgcolor="#65676a"]

Footer Copyright :

[designby_website firstcontent="Design by" linktext=" FeathertThemes" url="https://www.featherthemes.com/"]

[copyright_website firstcontent="© 2022" linktext=" Dance Studio Pro" url="https://www.featherthemes.com/" secondcontent=". All Rights Reserved"]

Dance Studio Pro WordPress Theme Documentation

Menu

If you have any questions regarding themes, you can mail us at support@featherthemes.com or featherthemes@gmail.com.