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.
Nirman Construction-Pro
Introduction
Thank you for using our nirman-construction-pro WordPress Theme. We are very glad that you have chosen our nirman-construction-pro WordPress theme for your website.
nirman-construction-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
- 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 nirman-construction-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 nirman-construction-pro theme from list
- Step 5. Click on Activate to active nirman-construction-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 >> Header Settings
- 1. Add Phone Label
- 2. Add Phone No.
- 3. Selectheader Phone Icon color
- 4. SelectHeader Phone label text color
- 5. Selectheader Phone Number color
- 6. Add Social Media Links
- 7. Select Colors for social media links
- 8. Select Colors for header
- 9. Add header button display & text setting
- a) SelectButton Display(Show & Hide Button)
- b) AddButton Text
- c) AddButton Url
- d) SelectColors
- 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
- 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 >> nirman-construction-pro Slider
- Step 2. Click on Add New button
- Step 3.
a) Add the slider name.
b) Add the slider Description. -
- Step 4. Add slider button link.
-
- Step 5. Add the featured image as a slider.
-
- Step 6. Click on 'update' button at top right of page. And Enjoy the Slider.
Way To Manage slider content:
- Step: Go to Dashboard >> Appearance >> Customize >> Home section >> Slider section
- 1. Hide content Off:
- 2. Select Colors
Final display of Slider
Set Services Section
- Step1. Go to Dashboard >> Appearance >> Customize >> Home section >> Services Section Step2.
- (a) Select Background Image and Background Color
- (a)Add Title for section
- (b)Add Sub Title for section
- (c)Select Section Title Color
- (d)Select Sub Title Color
- (e)Select Border Color
- (f)Select Heighlight Border Color
- (a) Go to >> Dashboard >> Services >> Add New
- (b) Add >> Title
- (c) Add >> Description
- (d) Set >> Featured Image
- (e) Click On >> Publish Button
- (f) Go to Dashboard >> Appearance >> Customize >>
- (g) Select Number Of Services to show & Select Service Page
- (h) Select Button Display(Show & Hide Button)
- (i) Select Colors
Final display of Services Section
Set Featured Section
- Step1. Go to Dashboard >> Appearance >> Customize >> Home section >> Featured Section Step2.
- (a) Select Background Image or Background color
- (b) Add Title
- (c) Add Sub Title
- (c) Select Section Title color
- (d) Select Sub Title color
- (e) Select Border color
- (f) Select Border Heighlight color
- Select Number of plan to show Number Of Featured Plans
- (a)SelectFeatured Page Icon
- (b) Add Featured Page Title
- (c) Add Featured Page Description
- (d) select colors
Final display of Featured 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 for the section
- - Select Title Color
- - Add Text
- - Add Sub Title
- - Select Sub Title Color
- - Select Border color
- - Select Sub Title Color
- - Select Border Highlight color
- - Add Text
- - Select Text color
- - Add Sub Text
- - Select Sub Text color
- - Add Content for the section
- - Select Content color
- - Select Right Image
- - Select Image Border Color
Final display of About us Section
Set Our Clients Section
- Step1. Go to Dashboard >> Appearance >> Customize >> Home section >>Our Clients Section Step2.
- Select background image or background colour
- - Add Title for the section
- - Add Sub Title
- - Select Section Title Color
- - Select Sub Title Color
- - Select Border Color
- - Select Highlight Border Color
- Select Number of Clients to show
- - Select Client Image
Final display of Our Clients Section
Our Project Section
- Step1 - Go to Dashboard >> Appearance >> Customize >> Home section >>Project Section Step2 - Manage Background
- (a) Add Background Image and Background color
- (a) Add Project Name
- (b) Add Featured Image
- (c) Click On Publish Button
- (d) Add Section Title
- (e) Add Section Sub Title
- (f) Select Section Title color
- (g) Select Sub Title color
- (h) Select Border color
- (i) Select Border Highlight color
- (j)Select Number Of project to show
- - Select project
- - Add Project Overlay Button Text:
- - Select Colors:
- - Add Button Display & Text Setting:(Show & Hide Button)
- - Add Button Text
- - Add Button Url
- - Select Button Colors
Final display of Our Project 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
- (e) Publish
- Step2. Go to Dashboard >> Appearance >> Customize >> Home section >> Testimonials Section
- 1.Select background image or background color
- 3. Select a Client Testimonials
- 4. Select Colors
Final display of Testimonial Section
Set Counter Section
- Step 1. Go to Dashboard >> Appearance >> Customize >> Home section >> Counter Section Step 2.
- (a) Select background image background color
- (c) Select number of plans to show
- (d) Select FontAwesome Icon
- (e) Add No. Of Counts
- (f) Add Counter Page Title
- (g) Select colors
Final display of Counter Section
Set Contact Section
- Step1. Go to Dashboard >> Appearance >> Customize >> Home section >> Contact Section Step2.
- (a) Add Phone Label
- (b) Add Phone No.
- (c) Add Fax Label
- (d) Add Fax No.
- (e) Select Phone Icon color
- (f) Select Phone Label color
- (g) Select Phone Text color
- (h) Select Phone Box Background color
- (i) Add Location
- (j) Select Location Icon color
- (k) Select Location Text color
- (l) Select Location Box Background color
- (m) Add Email id
- (n) Add Another Email id
- (o) Add Email Icon color
- (p) Add Email Text color
- (q) Add Email Text Hover color
- (r) Add Email Box Background color
Final display of Contact 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 and background color
- (b) Add Section Title
- (c) Add Section Sub Title
- (d) Select Section Title color
- (e) Select Sub Title color
- (f) Select Border color
- (g) Select Border Highlight color
- (h) Select Number of post to show
- (i) Select Colors
Final display of Blog Section
Set Newsletter Section
- Step1. Go to Dashboard >> Appearance >> Customize >> Home section >> Newsletter Section Step2.
- (a) Select Background image and Color
- (b) Add Section Title
- (c) Select Icon Color
- (d) Select Title Color
- (c) Select all text colors
Final display of Newsletter 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
- (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
- Step3. Go to Dashboard >> Appearance >> Customize >> General Configuration >> Footer Copyright Settings
- a. Add Footer Copyright Text
- b. Manage background by Image / Colors
- c. Select Colors
Final display of Footer Section
Set Breadcrumb On/Off Setting
- Step1. Go to Dashboard >> Appearance >> Customizer >> General configuration >> Breadcrumb Settings
- (1) click on Show Breadcrumb button
- (2) click on publish button
- (3) click on Hide Breadcrumb button
- (4) click on publish button
Page With Breadcrumb
Page Without Breadcrumb
Set Shop Page 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
- (3) click on Hide Sidebar button
- (4) click on publish button
Shop Page With Sidebar
Page Without Sidebar
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
Full Width Inner Page
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
- Step 4. Select Page background color
- Step 6. Click Publish button
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
- Step 4. Select Page background Image
- Step 5. Select Featured Image
- Step 6. Click Publish button
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
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. Select Featured Image
- Step 5. Click publish button
Page With Right Sidebar Inner Page
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
- 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
- (7) SelectColors
- (8) Add Social media title
- (9) Select social media links
- (10) SelectColors for social media links
- (11) Form Title
- (12) Form Shortcode
- (13) SelectColors
- (14) Code Enter For Map
- (15) Select Map Background Color
Contact Us Inner Page
Site Map
- Step 1. Go to Dashboard >> Page
- Step 2. Click Add New button
- Step 3. Select Site Map template at right bottom of page
- Step 4. Click publish button
Final Display Of Site Map
Shortcodes
Setting up FAQ'S Shortcode
- 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 3. Go to >> Dashboard >> FAQS >> Click on Add New Button
- 1. Add FAQ Title
- 2. Add FAQ Description
- 3. Click On Publish Button
After adding shortcode FAQ'S look
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
- 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
After adding shortcode Team look
Setting up Project Shortcode
- Step 1. Go to Dashboard >> Page
- (i) Click Add New button
- (ii) Add Project Shortcode "[PROJECTLIST]"
- (iii) Select Default template at right bottom of page
- (iv) click publish button
- Step 2. Used Project shortcode in page
After adding shortcode Projects 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
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
On Click Of Gallery Image, Gallery look
Setting up Services Shortcode
- 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
After adding shortcode Services look
