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.
Natraj Dance Studio Pro
Introduction
Thank you for using our natraj-dance-studio-pro WordPress Theme. We are very glad that you have chosen our natraj-dance-studio-pro WordPress theme for your website.
The dance studio WordPress theme is polished, beautiful, visually appealing and stunning, made for dance clubs, aerobics classes, yoga centres, zumba classes, martial arts training institute and similar physical training websites.
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
- Email: support@luzuk.com
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.
- 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 natraj-dance-studio-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 natraj-dance-studio-pro theme from list
- Step 5. Click on Activate to active natraj-dance-studio-pro theme.
Detail Document
Setting Up Home Page
- 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
- Step 2: Publish this page
- Step 3: Go to Dashboard >> Settings >> Reading, select home page as a front page
Header Setting
- Step 1. Go to Dashboard >> Appearance >> Customize >> General Configuration >> Site Logo/Title/Tagline
- a. You can add logo from Select Logo button for set logo
- Step 2. Go to Dashboard >> Appearance >> Customize >> General Configuration >> Header Settings
- a. Add Phone
- b. Add Email
- c. Add Opening Time
- d. Add Social MediaLinks.
-
- e. Add Text colors
-
- f. Add colors
-
- 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.
- 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.
- Step 8. Click on Manage Locations as show in below image.
- a. Click on Use new menu
- a. Add Menu Name
- b. Click on Create Menu button.
- Primary Menu Front Preview
Final display of Header
Create Slider
- Step 1. Go to Dashboard >> natraj-dance-studio-pro Slider
- Step 2. Click on Add New button
- Step 3. Add the slider name.
-
- Step 4. Add slider button link.
-
- Step 5. Add the featured image as a slider.
-
- Step 6. Click on 'publish' button at top right of page. And Enjoy the Slider.
Way To Manage slider content:
- Step7: Go to Dashboard >> Appearance >> Customize >> Home section >> Slider section
- Hide content Off:
- Step8: Set Colors
Final display of Slider
Set Featured Section
- Step1. Go to Dashboard >> Appearance >> Customize >> Home section >> Featured Section Step2.
- Select Background image or Background color
- (a) Add Featured section title & Sub title
- (b) Select number of featured plan to show
- (c) Add title
- (d) Add description
- (e) Select Icon
- (f) Select Colors
Final display of Featured Section
Set Offers Section
- Step1. Go to Dashboard >> Appearance >> Customize >> Home section >> Featured Page Section Step2.
- Select Background image or Background color
- (a). Add offers section title & Sub Title
- (b). Select number of offer plan to show
- (c). Select offer image
- (d). Add title
- (e). Add description
- (f). Select all text colors
Final display of Offers Section
Set About Us Section
- Step1. Go to Dashboard >> Appearance >> Customize >> Home section >>About Us Section Step2.
- Select background image or background colour
- Add Title & Sub Title for the section
- Add Text
- Select Link to About us page
- Select colors for text
- Select Left Image
Final display of About us Section
Set Team Section
- Step1. Go to Dashboard >> Team >> Add New
- (a) Add Team title
- (b) Add Featured image
- (c) Add Social media links
- (d) Add Designation
- (e) Publish
- Step2. Go to Dashboard >> Appearance >> Customize >> Home section >> Team Section Step3.
- (a) Select Background image
- (b) Add title & Sub Title
- (a) Select Number Of team to show
- (b) Select Team Member
- (b) Select Colors
Final display of Team Section
Set Newsletter Section
- Step1. Go to Dashboard >> Appearance >> Customize >> Home section >> Newsletter Section Step2.
- (a) Select Background image and Color
- (b) Add Title
- (c) Select all text colors
Final display of Newsletter Section
Set Gallery Section
- Step1. Go to Dashboard >> gallery >> Add New
- (a)Add Gallery title
- (b)select Featured Image
- (c) Publish
- Step2. Go to Dashboard >> Appearance >> Customize >> Home section >> Gallery Section
- (a) Select background image
- (b) Add title & Sub Title
- (b) Select Colors
- (a) Select Number Of gallary images to show gallary image
- (b) Select a gallary image
Final display of Gallery Section
On click of gallery image, gallery section look
Set Event Section
- Step1. Go to Dashboard >> Event >> Add New
- (a) Add Event title
- (b) Add Event content
- (c) Add Featured image
- (d) Publish
- Step2. Go to Dashboard >> Appearance >> Customize >> Home section >> Our Event Section Step3.
- (a) Select Background image
- (a) Add title & Sub Title
- (b) Select number Of event to show
- (c) Select a event
- (d) Select Colors
Final display of Our Event Section
Set video Section
- Step 1. Go to Dashboard >> Appearance >> Customize >> Home section >> Video Step 2.
- (a) Select background image background color
- (a) Add section title & Sub Title
- (b) select colors
- (c) Add video Embeded code
Final display of Video Section
Set Testimonial Section
- Step1. Go to Dashboard >> Testimonial >> Add New
- (a)Add Testimonial title
- (b)Add content
- (c)select Featured Image
- (d)Add Designation
- (e) Publish
- Step2. Go to Dashboard >> Appearance >> Customize >> Home section >> Testimonials Section
- Select background image amd color
- Add title
- Select a Client Testimonials
- Select all text colors
Final display of Testimonial Section
Set Pricing Section
- Step 1. Go to Dashboard >> Appearance >> Customize >> Home section >> Pricing Section Step 2.
- (a) Select background image background color
- (b) Add pricing Title
- (c) Select number of pricing plan to show
- (d) Add Plan name
- (e) Add About plan
- (f) Add Plan text
- (g) Add Plan price
- (h) Add Link for plan if plan selected
- (i) Add Plan content
- (j) Select Plan name box background color
- (k) Select Plan Box border Color
- (j) Select Other color
Final display of Pricing Section
Set Featured Products Section
Note:Kindly Install Woocommerce Plugin
- Step1 - Go to Dashboard >> Products >> Add New
- (a) Add New Product name
- (b) Add New Category
- (c) Add Regular Price
- (d) Add Product Image
- Step2 - There are having two steps to display Featured Products
- Go to Dashboard >>All Products >>
- (a) click (select) on STAR
- (b) click on Quick Edit
- (i) click on check box Fetured
- Step 1. Go to Dashboard >> Appearance >> Customize >> Home section >> Featured Products Section Step 2.
- (a) Select background image
- (a) Add Title & Sub Title
- (b) Select product color
Final display of Featured Products Section
Set Blog Section
- Step1. Go to Dashboard >> post >> Add New
- (a) Add Post title
- (b) Select Categories
- (c) Select Tag
- (d) select Featured Image
- (e) Publish
- Step2. Go to Dashboard >> Appearance >> Customize >> Home section >> Blog Section
- (a) Select background image
- (b) Add Title & Sub Title
- (c) Select Colors
- (d) Select Number of post to show
Final display of Blog Section
Set Contact Section
- Step1. Go to Dashboard >> Appearance >> Customize >> Home section >> Contact Section Step2.
- (a) Select Background image Background color
- (b) Add Title
- (c) Add Sub title
- (a) Add contact form shortcode Address Details
- (b) Add location
- (c) Add phone number
- (d) Add another phone number
- (e) Add Email Address
- (f) Add Email Address another email address
- (g) Add socials link
- (h) Select all text color
Final display of Contact Section
Set Footer Section
- Step1. Go to Dashboard >> Appearance >> Widgets >> Footer Section
- Step2. Select footer
- (a)footer One
- (i)Add Text Title
- (ii)Add Text Content
- (iii)click on "save" button
- (b)footer Two
- (i)Add QUICK LINKS
- (ii)Add Title
- (iii)click on "save" button
- (c)footer Three
- (d)footer Three
- (i)Add MTS Social Profile Icons
- (ii)Add Title
- (iii)Add social links
- (iv)click on "save" button
- (c)footer Four
- (i)Add Table Title
- (ii)Add Table Content
- (iii)click on "save" button
- Step1. Go to Dashboard >> Appearance >> Customize >> General Configuration >> Footer Copyright Settings
- a. add Footer Copyright Text
- b. select Top Footer Background Color
- c. select Bottom Footer Background Color
- d. select all colors
Final display of Footer Section
Setting up Page Template
- Step 1. Go to Dashboard >> Page
- Step 2. Go to Add New button
- Step 3. select template at right bottom of page
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. Click Publish button
Full Width Inner Page
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. Click publish button
Page With Left Sidebar Inner Page
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. Click publish button
Page With Right Sidebar Inner Page
Setting up 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
- Step 5. Select page background color
Page with background color
Setting up 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
- Step 5. Select page background image
page with background image
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
Blog Full Width Inner Page
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
Blog With Left Sidebar Inner Page
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
Blog With Right Sidebar Inner Page
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
- Step 5. Go to Dashboard >> Appearance >> Customize >> Contact Us Page
- Step 6. fill Contact us details
- (a) Contact us address label
- (b) Contact us address
- (c) Contact us email label
- (d) Contact us email
- (e) Contact us phone label
- (f) Contact us phone
- (g) Form Title
- (h) Form Shortcode
- (i) Code Enter For Map
- (j) Add Social tagline
- (k) Add Social media links
- (l) Add all text color
Contact Us Inner Page
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
After adding shortcode team look
Setting up Gallery Shortcode
- Step 1. Go to Dashboard >> Page
- (i) Click Add New button
- (ii) Add Gallery Shortcode "[GALLERY]"
- (iii) Select Default template at right bottom of page
- (iv) Click publish button
- Step 2. Used Gallery shortcode in page
After adding shortcode Gallery look
Setting up Events Shortcode
- Step 1. Go to Dashboard >> Page
- (i) Click Add New button
- (ii) Add Events Shortcode "[EVENTS]"
- (iii) Select Default template at right bottom of page
- (iv) Click publish button
- Step 2. Used Events shortcode in page
After adding shortcode Event look
Setting Up Pricing Shortcode
- Step 1. - Go to Dashboard >> Page
- (i) - Click Add New button
- (ii) - Add Pricing Shortcode "[PLAN_PRICING]"
- (iii) - click publish button
- Step 2. - Used Pricing shortcode in page
After adding shortcode pricing look
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
After adding shortcode testimonial look
