Kitchen Decor-Pro

Introduction

Thank you for using our kitchen-decor-pro WordPress Theme. We are very glad that you have chosen our kitchen-decor-pro WordPress theme for your website.

kitchen-decor-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 kitchen-decor-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 kitchen-decor-pro theme from list
Step 5. Click on Activate to active kitchen-decor-pro theme.

Detail Document

Setting Up Home Page

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.

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

Step 2. Go to Dashboard >> Appearance >> Customize >> General Configuration >> Header Settings
a. Select Sticky Header
c. Select Header Background Colors

Header Socials Setting

Header Contact Detail

Header Shoping Cart Display Setting

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 4. Go to Dashboard >> Appearance >> Customize >> General Configuration >> Header 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. Add Overlay Opacity

3. Select Slider 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

3. Set Section Padding Setting

Step 3.
(a) Add Heading for section
(b) Add Sub Heading for section
(c) Add Content for section
(d) Select colors

(e) About Button Settings

(f) Right Side Box Settings

Final display of About us Section

Set Features 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

Step3.

(a) Select Number of plans to show
(b) Add Icon
(c) Add Title
(d) Add Description
(e) Select Colors

(f) Select colors

Final display of Our Features Section

Set Services Section

Step1. Go to Dashboard >> Services >> Add New
(a) Add Title
(b) Add Text
(c) Select Feature Image
(d) Publish

Step 2. Go to Dashboard >> Appearance >> Customize >> Home section >> services Section
1. Click on button Disable Section or Enable Section
2. Select background image or background color

Step 3.
1. Set Section Overlay
2. Set Section Padding Setting

Step 4.
(a) Add Heading for section
(b) Add Sub Heading for section
(c) Select colors

(d) Select number of services to show
(e) Select a services

(d) Select Colors

Final display of services Section

Set Working Process Section

Step1. Go to Dashboard >> Appearance >> Customize >> Home section >> Working Process Section
Step 2.
1. Click on button Disable Section or Enable Section
3. Select background image or background color

2. Set Section Padding Setting

Step3.

(a)Add Heading for section
(b)Add Sub Heading for section
(c)Select colors

Step4.

(a) Select Number of workprocess plan to show
(b) Add workprocess details

(e) Select Colors

Final display of Working Process 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

Step 2. 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 Overlay
2. Set Section Padding Setting

Step 4.
(a) Add Heading for section
(b) Select colors

(c) Select a testimonial

(d) Select Colors

Final display of Testimonials Section

Set Counter Section

Step1. Go to Dashboard >> Appearance >> Customize >> Home section >> Counter Section
Step 2.
1. Click on button Disable Section or Enable Section
2. Select background image or background color

3. Set Section Padding Setting

Step4.

(a) Select Number of plans to show
(b) Select Icon
(c) Add Counter Number
(d) Add Counter Title
(e) Select Colors

Final display of Counter Section

Set Gallery Section

Step1. Go to Dashboard >> Gallery >> Add New
(a) Add Title
(c) Select Feature Image
(d) Publish

Step2. Go to Dashboard >> Appearance >> Customize >> Home section >> gallery Section
1. Click on button Disable Section or Enable Section
2. Select background image or background color

3. Set Section Padding Setting

Step 3.
(a) Add Heading for section
(b) Select Colors

Step 4.
1. Select Number of gallery to show
2. Select a gallery

3. Select all gallery colors

Final display of Gallery Section

Set Appointment 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. Add Section Opacity
4. Set Section Padding Setting

(c) Add Form Shortcode
(d)Select colors

Final display of Appointment 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

3. Set Section Padding Setting

4.
(a)Add Heading for section
(c)Select colors

5. Button Setting

(d) Select Number of post to show
(e) Select colors

Final display of Blog Section

Set Featured Product Section

All featured products are display here

1. Go to Dashboard >> Products >> Add New
(a) Add Product name
(b) Add Category
(c) Add Regular Price
(d) Add Product Short Description
(e) Add Product Image

2. There are having two steps to display Featured Products
(a) Click (select) on STAR

(b) click on Quick Edit
(i) click on check box Fetured

3. Go to Dashboard >> Appearance >> Customize >> Home section >> Our Products Section
1. Click on button Disable Section or Enable Section
2. Select background image or background color

Step 3.
1. Set Section Padding Setting

3. Add Heading & Text

4. Select Colors

5. View Button Setting

Final display of Product 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
(iv)Drag And Drop Social Profile icons Widget
(v)Add socials link
(vi)click on "save" button

(b)Footer Two
(i)Drag And Drop Navigation Widget
(ii)Add Title
(iii)Select Menus
(iv)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 Gallery Widget
(ii)Add Title
(iii)Select Images
(iv)click on "save" button

Step3. Go to Dashboard >> Appearance >> Customize >> General Configuration >> Footer Settings
a. Select Background Image or Background color

b. Set Footer Padding Setting

c. Add Footer Copyright Text

e. 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 Font Size:
b.Set Header Title Box Padding:

c.Set Heading Fonts:

Set Section Sequence

Step1. Go to Dashboard >> Appearance >> Customizer >> Section Sequence
Step2. Replace Section Name

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

Page With Post Date & Socials

(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

Page Without Post Date & Socials

(D). Select Blog Page Colors

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

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 Background Color and Background Image

(2) Fill Contact block details

(3) Fill Social block details
Fill Social media links

(4) Set Contact Heading Font Size

(5) Fill Form block details

(6) 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

Shop Page

Step 1. Go to Dashboard >> Appearence >> Widgets >>
Step 2. Drag & drop widget for shop saidebar
Step 3. Go to Dashboard >> Appearence >> Customizer >> General Configuration >> Shop Page Sidebar Setting

Final Display Of Shop 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

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

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

Setting up Project Shortcode

Step 1. Go to Dashboard >> Page
(i) Click Add New button
(ii) Add Project Shortcode "[PROJECT]"
(iii) Select Default template at right bottom of page
(iv) Click publish button

Step 2. Used Project shortcode in page

Step 3. Go to Dashboard >> Appearance >> Customizer >> General configuration >>Color Settings Shortcode page >> Set Project Shortcode Page Colors:
- Select colors