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.
Garden Care-Pro
Introduction
Thank you for using our garden-care-pro WordPress Theme. We are very glad that you have chosen our garden-care-pro WordPress theme for your website.
garden-care-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 garden-care-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 garden-care-pro theme from list
- Step 5. Click on Activate to active garden-care-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
- b. You can add Site Title and Tagline
- c. Select Tagline Color
- d. Set logo Max Width
- e. Add logo Padding
- Step 2. Go to Dashboard >> Appearance >> Customize >> General Configuration >> Header Settings
- a. Select Sticky Header
- b. Select Sticky Header Background Colors
- c. Select Header Background Colors
- d. Add Email Address
- e. Add Address
- f. Select Colors
- Header Socials
- a. Add Social Media Icons Links
- b. Select Colors
- Step 3. Go to Dashboard >> Appearance >> Menus.
- 1. Click on create a new menu as show in below image.
- 2. Enter menu name and click on Create Menu as shown in below image.
- 3. 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
- 4. After selecting pages select menu location and click on save menu.
- 5. Click on Manage Locations as show in below image.
- a. Click on Use new menu
- b. Add Menu Name
- c. Click on Create Menu button.
- Step 5. Go to Dashboard >> Appearance >> Customize >> General Configuration >> Header Settings
- Header Phone Number & Days
- Header Button Settings:
- Responsive Header Color
- Primary Menu Front Preview
Final display of Header
Create Slider
- Step 1. Go to Dashboard >> Slider
- Step 2. Click on Add New button
- Step 3. Add the slider name.
- Step 4. Add the slider text.
- Step 5. Add slider button link.
- Step 6. Add slider button text.
- Step 7. Add the featured image as a slider.
- Step 8. 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
- 3. Select Slider Text Color
- 4. Select Slider First Button Color
- 5. Select Slider Second Button Color
Final display of Slider
Set About Us Section
- Step1. Go to Dashboard >> Appearance >> Customize >> Home section >>About Us Section
- 1. Click on button Disable Section or Enable Section
- 2. Select background image or background color
- Step 2. Set Section Padding Setting
- Step 3.
- (a)Add Heading for section
- (b)Add Sub heading for section
- (c)Select colors
- (d)Add Content for section
- (e)Select colors
- Step 6. Number of About Plans
- (a)Select Number of About plan to show
- (b)Select font awesome icon
- (c)Add title
- (e)Select colors
- Step 7.
- (a) Button Settings
- Step 8. Images Settings:
- (a) Select Image
- (b) Add Year
- (c) Add Experience
- (d)Select colors
Final display of About us Section
Set Services Section
- Step1. Go to Dashboard >> Services >> Add New
- (a) Add Title
- (b) Add Text
- (c) Select Feature Image
- (d) Publish
- Step2. Go to Dashboard >> Appearance >> Customize >> Home section >> services Section
- 1. Click on button Disable Section or Enable Section
- 2. Select background colors
- 3. Set Section Padding Setting
- (a) Add Heading for section
- (a) Add Sub heading for section
- (b) Select Colors
- 4. Select number of services to show
- 5. Select a services
- 6. Select font awesome icons
- 7. Select all services colors
- 8. Button Settings
Final display of services Section
Set Client Logo Section
- Step1. Go to Dashboard >> Appearance >> Customize >> Home section >> Client Logo Section
- 1. Click on button Disable Section or Enable Section
- 2. Select background image or background color
- 3. Set Section Padding Setting
- Step 3. Select No. of client logo to show
- (a)Select Logo
- (b)Add Link
- (c)Select colors
Final display of Client Logo Section
Set Featured Section
- Step1. Go to Dashboard >> Appearance >> Customize >> Home section >> Our Features Section
- Step 2.
- 1. Click on button Disable Section or Enable Section
- 2. Select background image or background color
- 3. Set Section Padding Setting
- (a)Add Heading for section
- (b)Add Sub Heading for section
- (c)Select colors
- (a) Select Number of plans to show
- (b) Add Number
- (c) Add Title
- (d) Add Description
- (e) Add Link
- (f) Select colors
Final display of Our Features Section
Set Gallery Section
- Step1. Go to Dashboard >> Gallery >> Add New
- (a) Add Title
- (b) Select Feature Image
- (c) Publish
- Step2. Go to Dashboard >> Appearance >> Customize >> Home section >> whychooseus Section
- 1. Click on button Disable Section or Enable Section
- 2. Select background image or background color
- 3. Set Section Padding Setting
- Step3.Set section gallery
- (b) Select colors
Final display of Gallery Section
Set Aim Section
- Step1. Go to Dashboard >> Appearance >> Customize >> Home section >> Aim Section
- Step 2.
- 1. Click on button Disable Section or Enable Section
- 2. Select background image or background color
- 3. Set Section Padding Setting
- 4. Select Left Image
- (a)Add Heading for section
- (b)Add Sub Heading for section
- (c)Select Colors
- (d)Add Content
- (e)Select Colors
- (a) Select Number of images to show
- (b) Select Images
- (a) Select Number of plans to show
- (b) Select Icon
- (c) Add Icon Title
- (d) Select colors
- (e) Set Section First Button
- (f) Set Section Second Button
Final display of Aim Section
Set Counter Section
- Step1. Go to Dashboard >> Appearance >> Customize >> Home section >> Counter Section
- 1. Click on button Disable Section or Enable Section
- 2.Select background image or background color
- Step 2. Set Section Padding Setting
- Step 3. Select No. of plan to show
- (a)Select Icon
- (b)Add Number
- (c)Add Title
- (d)Add Text
- (d)Select colors
Final display of Counter Section
Set Testimonials Section
- Step1. Go to Dashboard >> Testimonials >> Add New
- (a) Add Title
- (b) Add Designation
- (c) Add Testimonials
- (d) Select Feature Image
- (e) Publish
- Step2. Go to Dashboard >> Appearance >> Customize >> Home section >> Testimonials Section
- 1. Click on button Disable Section or Enable Section
- 2. Select background image or background color
- Step 3.
- 1. Set Section Padding Setting
- (a) Add Sub Title for section
- (b) Add Title for section
- (d) Select colors
- (e) Select a testimonial
- (f) Select Colors
Final display of Testimonials Section
Set Featured Product Section
All featured products are display here
Final display of Product Section
Set Contact Section
- Step1. Go to Dashboard >> Appearance >> Customize >> Home section >>Contact Section
- 1. Click on button Disable Section or Enable Section
- 2. Select background image or background color
- 3. Set Section Padding Setting
- 4. Select Inner Box background image or background color
- Step 2.
- (a)Add Heading for section
- (b)Add Sucontact-bgb heading for section
- (c)Select colors
Final display of Contact Section
Set Blog Section
- Step1. Go to Dashboard >> post >> Add New
- (a) Add Post title
- (b) Add Post content
- (c) Select Categories
- (d) Select Tag
- (e) select Featured Image
- (f) Publish
- Step2. Go to Dashboard >> Appearance >> Customize >> Home section >> Blog Section
- 1. Click on button Disable Section or Enable Section
- 2. Select background image or background color
- Step 3. Set Section Padding Setting
- Step 4.
- (a)Add Heading for section
- (b)Add Sub Heading for section
- (c)Select colors
- (d) Select Number of post to show
- (e) Select colors
- (f) Button Display & Text Setting
Final display of Blog Section
Set Newsletter Section
- Step1. Go to Dashboard >> Appearance >> Customize >> Home section >> Newsletter Section
- 1. Click on button Disable Section or Enable Section
- 2. Select background image and background color
- Step2.
- 1. Set Section Overlay
- 2. Set Section Padding Setting
- 3. Add Section Heading & Select colors
- 4. Add Section Sub Heading & Select colors
- 5. Add Section Text & Select colors
- 5. Add Newsletter form shortcode & Select colors
Final display of Newsletter Section
Set Footer Section
- Step1. Go to Dashboard >> Appearance >> Widgets >> Footer Section
- Step2. Select footer
- (a)Footer One
- (i)Drag And Drop Text Widget
- (ii)Add Image
- (iii)click on "save" button
- (b)Footer Two
- (i)Drag And Drop Text Widget
- (ii)Add Text
- (iii)click on "save" button
- (iv)Drag And Drop Social Profile icons Widget
- (v)Add socials link
- (vi)click on "save" button
- (c)Footer Three
- (i)Drag And Drop Navigation Widget
- (ii)Add Title
- (iii)Select Menus
- (iv)click on "save" button
- (d)Footer Four
- (i)Drag And Drop Navigation Widget
- (ii)Add Title
- (iii)Select Menus
- (iv)click on "save" button
- (e)Footer Five
- (i)Drag And Drop Recent Post Widget
- (ii)Add Title
- (iii)Add Number of posts to show
- (iv)click on "save" button
- (f)Footer Six
- (i)Drag And Drop Text Widget
- (ii)Add Time Table
- (iii)click on "save" button
- Step3. Go to Dashboard >> Appearance >> Customize >> General Configuration >> Footer Settings
- a. Select Background Image or Background color
- b. Set Top Footer Padding Setting
- c. Set Bottom Footer Padding Setting
- d. Add Footer Copyright Text
- e. Add Footer policy & terms Text
- f. Select Colors
Final display of Footer Section
Set Inner Page colors
- Step1. Go to Dashboard >> Appearance >> Customizer >> General configuration >> colors
Set Inner Page Setting
- 1. Go to Dashboard >> Appearance >> Customizer >> General Configuration >> Inner Page Settings
- a.Set Header Title Box Padding:
- b.Set Heading Fonts:
Set Section Sequence
- Step1. Go to Dashboard >> Appearance >> Customizer >> Section Sequence
- Step2. Replace Section Name
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
- (5) Select colors
Page With Breadcrumb
Page Without Breadcrumb
Set Blog Page Setting
- Step1. Go to Dashboard >> Appearance >> Customizer >> General configuration >> Blog Page Settings
- (A). Blog Heading Font Size Settings
- (B). Post Date On Settings
- (1) click on Show Post Date button
- (2) click on publish button
- (C). Post Social Media On Settings
- (1) click on Show Post Social Media button
- (2) click on publish button
- (B). Post Date Off Settings
- (3) click on Hide Post Date button
- (4) click on publish button
- (C). Post Social Media Off Settings
- (3) click on Hide Post Date button
- (4) click on publish button
- (D). Select Blog Page Colors
Page With Post Date & Socials
Page Without Post Date & Socials
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. 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 Featured Image
- Step 5. Select Page background 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
Blog category 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
- (1) Set Contact Heading Font Size
- (2) Fill Contact block details
- (3) Fill Contact block details
- (4) Fill Social block details
- Fill Social media links
- (3) Fill Address block details
- (5) Select Contact Colors
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 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
- Step 3. Go to Dashboard >> Appearance >> Customizer >> General configuration >>Color Settings Shortcode page >> Set Services Shortcode Page Colors:
- - Select colors
After adding Shortcode Services look
Single Services 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 >> Appearance >> Customizer >> General configuration >>Color Settings Shortcode page >> Set Team Shortcode Page Colors:
- - Select colors
After adding Shortcode Team 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
- Step 3. Go to Dashboard >> Appearance >> Customizer >> General configuration >> Color Settings Shortcode page >> Set Testimonials shortcode Page colors:
- - Select colors
After adding shortcode Testimonial look
Setting up FAQ'S Shortcode
- Step 1. Go to >> Dashboard >> FAQS >> Click on Add New Button
- (i) Add FAQ Title
- (ii) Add FAQ Description
- (iv) Click On Publish Button
- 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 >> Appearance >> Customizer >> General configuration >>Color Settings Shortcode page >> Set Faq Shortcode Page Colors:
- - Select colors
After adding shortcode FAQ'S 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
- Step 3. Go to Dashboard >> Appearance >> Customizer >> General configuration >>Color Settings Shortcode page >> Set Gallery Shortcode Page Colors:
- - Select colors
After adding shortcode Gallery look
On Click Of Gallery Image, Gallery look
