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.
Steps Dance Academy-Pro
Introduction
Thank you for using our steps-dance-academy WordPress Theme. We are very glad that you have chosen steps-dance-academy WordPress theme for your website.
steps-dance-academy 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
- 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 steps-dance-academy.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 steps-dance-academy theme from list
- Step 5. Click on Activate to active steps-dance-academy 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 >> Header Settings
- 1. Set Sticky Header
- 2. Select Navigation colors
- 4. Select Responsive Header colors
- Step 1. Go to Dashboard >> Appearance >> Customize >> General Configuration >> Site logo/title/tagline
- a. Select Logo
- b. Add Site Title
- c. Add Site Tagline
- d. Set Logo Max Width
- e. Select Tagline Color
- Step 3. Go to Dashboard >> Appearance >> Customize >> General Configuration >> Header Image
- a. Select Header Image
- Step 4. Go to Dashboard >> Appearance >> Menus.
- Step 5. Click on create a new menu as show in below image.
- Step 6. Enter menu name and click on Create Menu as shown in below image.
Final display of Header
Create Slider
- Step 1. Go to Dashboard >> steps-dance-academy Slider
- Step 2. Click on Add New button
- Step 3. Add the slider name.
- Step 4. Select featured image as a slider.
- Step 5. Click on 'update' button at top right of page. And Enjoy the Slider.
- Step 6. Slider Colors Setting
Final display of Slider Section:
Set Specialities Section
- Step1. Go to Dashboard >> Appearance >> Customize >> Home section >> Our Specialities Section Step2.
- (a) Set Disable/Enable
- (b) Set Section Padding
- (c) Select Background Image and Background Color
- (a) Select Number Of Members To Show
- (b) Select Specialities Image
- (c) Add Title
- (d) Select Icon
- (a)Select Colors
- (b)Section Button Setting
Final display of Our Specialities Section
Services Section
- Step1. Go to Dashboard >> Appearance >> Customize >> Home section >> services Section Step2.
- (a) Set Disable/Enable
- (b) Select Background Image and Background Color
- (c) Add Section Heading & Sub Heading Setting
- (a) Go to >> Dashboard >> Services >> Add New
- (b) Add >> Title
- (c) Add >> Description
- (d) Set >> Featured Image
- (e) Click On >> Publish Button
- (a) Go to Dashboard >> Appearance >> Customize >>
- (b) Select Number Of Services to show & Select Service Page
- (a) Set >> Button display setting (Hide/show button)
- (b) Add Button Text
- (c) Select Colors
Final display of Section Section
Set Counter Section
-
Step1.
- (a) Select Background image or Background Color
- (b) Set Padding for client-logo section
- Step3.
- (a) Select Number Of Counter to show
- (b) Add Icon
- (c) Add Title
- (d) Add Number
Final display of Client Logo Section
Set About Section
- Step1. Go to Dashboard >> Appearance >> Customize >> Home section >> About Section Step2.
- (a) Select Background Image and Background Color
- (b) Set Section Padding
- (d) Add Section Heading , Text Image & colors
Final display of About Section
Our Team Section
- Step1. Go to Dashboard >> Appearance >> Customize >> Home section >> Team Section Step2.
- (a) Enable/Disable Section
- (b) Set Padding for Section
- (c) Manage background by using Colors/Image
- (a) Dashboard Team Add New
- (a) Section Heading , Sub heading
- (a) Select Number of plane
- (b) Select Team Page
- (a) Select Colors
- Step1. Go to Dashboard >> Appearance >> Customize >> Home section >> Gallery Section Step2.
- (a) Enable/Disable Section
- (b) Manage background by using Colors/Image
- (c) Set Padding for Section
- (a)Add Heading & Sub Heading for section
- (b)Select Colors
- a. Select Number of Gallery to Show
- b. Select Gallery Plan
- (a) Select Colors
- Step1. Go to Dashboard >> Testimonial >> Add New
- (a)Add Testimonial title
- (b)Add content
- (c)Add Designation
- (d)select Featured Image
- (e) Publish
- Step2. Go to Dashboard >> Appearance >> Customize >> Home section >> Testimonials Section
- 1.Select background image or background color
- 2.Set Padding For Testimonial Section:
- 4.Select Colors:
- 5. Select a Client Testimonials
- 6. Select Colors
- Step1. Go to Dashboard >> Appearance >> Customize >> Home section >> Appointment Section Step2.
- (a) Select Background image or Background Color
- (a1) Select Background image or Background Color in Section Innerbox & Section SVG Shape Color
- (b) Set Padding for Appointment section
- (c) Add Section Heading & Sub Heading Setting
- Step 3.
- Go to Dashboard Plugin >> Click on Add new button & install contact form 7 plugin & create contact form
- Step5. Go to Dashboard >> Appearance >> Customize >> Home section >> Appointment Section
- Add Contact form 7 shortcode & select colors
- Go To Dashbord >>Event >> Add New
- Go To customize >>Home Section >> Ouer Event
- (a) Select background image and background color
- (b) Set Padding for Section
- Step2.
- (a) Add Section Heading , Sub Heading
- (b) Select Number Of Event to show & Select Event Page
- (c) Select Colors
- Step1. Go to Dashboard >> Appearance >> Customize >> Home section >> Our video Section Step2.
- (a) Select Background image or Background Color
- (b) Set Padding for video section
- Step 3.
- (b) Add Your embeded code
- Step1. Go to Dashboard >> Appearance >> Customize >> Home section >> Priceing Section Step2.
- (a) Select Background image or Background Color
- (b) Set Padding for price section
- Step 3.
- Section Heading & Sub heading
- Select Number of Price Plane
- Add Title , Price , List , Button , link , Color Setting
- Step1. Go to Dashboard >> Add woocommerce Plugin >> Add New Product
- (a) Select background image and background color
- (a) Section Padding Section
- (b) Add Section Heading , sub Heading
- (b) Add Product
- (a) Select Colors
- Step1. Go to Dashboard >> Appearance >> Customize >> Home section >> Blog Section
- (a) Select background image and background color
- (b) Set Padding for Section
- Step2.
- (a) Add Section Title , Sub Title
- (b) Select Section Heading Border Color
- Step3. Go to Dashboard >> post >> Add New
- (a) Add Post title
- (b) Add Post Description
- (c) Select Categories
- (d) Select Tag
- (e) select Featured Image
- (f) Publish
- (g) Select Number of post to show
- (h) Add Button Display & Text Setting:
- (i) Add Button Text
- (j) Select Colors
- Step1. Go to Dashboard >> Appearance >> Customize >> Home section >> Call Now Section Step2.
- (a) Select Background image or Background Color
- (b) Set Padding for section
- Step 3.
- (b) Section Heading & Sub Headin
- (b) Section Button
- 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
- (i)Drag And DropRecent Post Widgets From Widget Area
- (ii)Add Title
- (iv)click on "save" button
- (c)footer Four
- (i)Drag And DropText Widgets From Widget Area
- (ii)Add Title
- (ii)Add Conatct Form Shortcode
- (iii)Drag And DropMTS SOCIAL PROFILE ICONS Widgets From Widget Area
- (iv)Add Title
- (iv)Add Social Links
- (v)click on "save" button
- (c)footer Five
- (i)Drag And DropMTS Social Profile Icons Widget From Widget Area
- Step3. Go to Dashboard >> Appearance >> Customize >> General Configuration >> Footer Copyright Settings
- a. Add Footer Copyright Text
- b. Manage background by Image / Colors
- c. Set Footer Padding
- d. Add Phone Label
- e.Add Phone Number
- f. Add Location Label
- g. Add Location
- h. Add Email Label
- i. Add Email Id
- j. Set Bottom Footer Padding
- k. Set Footer Copyright Text
- Step 1. Go to Dashboard >> Page
- Step 2. Go to Add New button
- Step 3. select template at right bottom of page
- Step 1. Go to Dashboard >> Appearance >> Customizer >> Section Sequence
- Step 1. Go to Dashboard >> Appearance >> Customizer >> General Configuration >> Post page Date Settings
- 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. Click Publish button
- 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
- 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
- Step 1. Go to Dashboard >> Page
- Step 2. Click Add New button
- Step 3. Add Page Name
- Step 4. Select Page Background Color (Use color as a background) which is at right corner of page
- Step 4. Click publish button
- Step 1. Go to Dashboard >> Page
- Step 2. Click Add New button
- Step 3. Add Page Name
- Step 4. Select Page Background Color (Use image as a background) which is at right corner of page
- Step 4. Click publish button
- Step1. Go to Dashboard >> Appearance >> Customizer >> General configuration >> Inner page settings
- Step1. Go to Dashboard >> Appearance >> Customizer >> General configuration >> Colors
- 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
- 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
- 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
- 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
- (a) Add Form Title & Form Shortcode
- Step 6. fill Contact us details
- (1) Add Address Label
- (2) Add Address
- (3) Contact us Email label
- (4) Contact us Email
- (5) Add Contact us Phone Label
- (6) Add Contact us phone no.
- (7) Select Colors
- (8) Add Social Media links
- (9) Select Social Colors
- (10) Select Colors
- (11) Add Contact us map code & SElect map background color
- Step 1. Go to Dashboard >> Page
- (i) Click Add New button
- (ii) Add FAQ'S Shortcode "[FAQS]"
- (iii) Select Default template
- (iv) click publish button
- Step 2. Used FAQ shortcode in page
- 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
- Step 3. Go to Dashboard >> Teams >> Add New
- 1. Add Member Name
- 2. Add Social Media Links
- 3. Add Designation
- 4. Set Featured Image
- 5. Click On Publish Button
- 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
- 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
- Step 1. Go to Dashboard >> Page
- (i) Click Add New button
- (ii) Add services Shortcode "[SERVICES]"
- (iii) Select Default template at right bottom of page
- (iv) click publish button
- Step 2. Used services shortcode in page
- Step 1. Go to Dashboard >> Page
- (i) Click Add New button
- (ii) Add Event Shortcode "[EVENT]"
- (iii) Select Default template at right bottom of page
- (iv) click publish button
- Step 2. Used event shortcode in page
- Step1. Go to Dashboard >> Appearance >> Customizer >> General configuration >> Color Setting for shortcode pages
Step6.
Final display of Our Team Section
Set Gallery Section
Final display of Gallery Section
Set Testimonial Section
Final display of Testimonial Section
Set Appointment Section
Final display of Appointment Section
Set Event Section
Final display of Event Section
Set video Section
Final display of Our video Section
Set Priceing Section
Final display of Our Priceing Section
Our Product Section
Final display of Our Product Section
Set Blog Section
Final display of Blog Section
Set Call Now Section
Final display of Call Now Section
Set Footer Section
Final display of Footer Section
Setting up Page Template
To Arrange Section Sequence
Set Blog page Setting
Inner Pages
Pages
Setting up full width page
Full Width Inner Page
Setting page with left sidebar
Page With Left Sidebar Inner Page
Setting page with right sidebar
Page With Right Sidebar Inner Page
Setting page with Background Color
Page With Background Color
Setting page with Background Image
Page With Background Image
Set Inner Page Settings
Set Inner Page Colors:
Blog
Setting up full width blog
Blog Full Width Inner Page
Setting blog with left sidebar
Blog With Left Sidebar Inner Page
Setting blog with right sidebar
Blog With Right Sidebar Inner Page
Contact Us
Contact Us Inner Page
Shortcodes
Setting up FAQ'S Shortcode
After adding shortcode FAQ'S look
Setting up Team Shortcode
After adding shortcode Team look
Setting up Testimonial Shortcode
After adding shortcode Testimonial look
Setting up Gallery Shortcode
After adding shortcode Gallery look
On Click Of Gallery Image, Gallery look
Setting up services Shortcode
After adding shortcode services look
Setting up Event Shortcode
After adding shortcode event look
Set all Shortcode Page Colors
