hexagon-Pro

Introduction

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

hexagon-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

meditation yoga pro wordpress theme
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.
  • Add New Theme
  • 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 hexagon-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 hexagon-pro theme from list
  • Step 5. Click on Activate to active hexagon-pro theme.
  • Active 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
  • Home Page Setting
  • Step 2: Publish this page
  • Step 3: Go to Dashboard >> Settings >> Reading, select home page as a front page
  • Front Page Home

Header Setting

  • Step 1. Go to Dashboard >> Appearance >> Customize >> General Configuration >> Header Settings
  • 1. Select Header colors
  • Set Header contact
    Set Header contact
  • 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
  • set Header logo
  • Step 3. Go to Dashboard >> Appearance >> Customize >> General Configuration >> Header Image
  • a. Select Header Image
  • set Header logo
  • Step 4. Go to Dashboard >> Appearance >> Customize >> General Configuration >> Header Logo/Margin Settings
  • a. Set Logo Margin
  • set Header logo
  • Step 5. Go to Dashboard >> Appearance >> Menus.
  • Step 6. Click on create a new menu as show in below image.
  • Step 7. Enter menu name and click on Create Menu as shown in below image.
  • Create a Menu

    Final display of Header

    Final display of header

Create Slider

  • Step 1. Go to Dashboard >> hexagon-pro Slider
  • Step 2. Click on Add New button
  • Add New Slider
  • Step 3. Add the slider name.
  • Step 4. Add the slider content.
  • Step 5. Add Excerpt
  • Step 6. Add slider button link.
  • Step 7. Select featured image as a slider.
  • Step 8. Click on 'update' button at top right of page. And Enjoy the Slider.
  • set slider

Way To Manage slider content:

  • Step: Go to Dashboard >> Appearance >> Customize >> Home section >> Slider section
  • 1. Hide content Off:
  • Create New Slider
  • 2. Set Animation Display(Hide/ show animation):
  • 3. Select Animation Box colors
  • Create New Slider
  • 2. Select Slider text & button text Colors
  • Create New Slider
    Create New Slider

    Final display of Slider

    Final display of header

Set About Us Section

  • Step1. Go to Dashboard >> Appearance >> Customize >> Home section >>About Us Section
  • Step2.
  • Select background image or background colour
  • set About Us section
    Step3.
  • - Set About us section animation display (Hide/ show animation)
  • - Set Animated box colors
  • - Select Left image1 & Left Image2
  • set About Us section
    Step4.
  • - Add Title for the section
  • - Select Section Title color
  • - Add Section Content
  • - Select Section Content color
  • set About Us section
    Step5.
  • - Add Button Display & Text Setting( to show & hide button )
  • - Add Button Text
  • - Add Button Url
  • - Select Button Colors
  • set About Us section

    Final display of About us Section

    set About Us section

Set Services Section

  • Step1. Go to Dashboard >> Appearance >> Customize >> Home section >> Services Section
  • Step2.
  • (a) Select Background Image and Background Color
  • Step3.
  • (b) Set Animation display setting(Hide/ Show animation)
  • (c) Select Animated box color
  • set Featured Page section
    Step3.
  • (a)Add Title for section
  • (b)Select Section Title Color
  • (c)Add Sub Title for section
  • (d)Select Section Sub Title Color
  • set Featured Page section
    Step4.
  • (a) Go to >> Dashboard >> Services >> Add New
  • set Featured Page section
  • (b) Add >> Title
  • (c) Add >> Description
  • (d) Set >> Featured Image
  • (e) Click On >> Publish Button
  • set Featured Page section
    Step5.
  • (a) Go to Dashboard >> Appearance >> Customize >>
  • (b) Select Number Of Services to show & Select Service Page
  • (c) Select Font awesome Icon
  • set Featured Page section
    Step6.
  • (a) Set >> Button display & text setting (Hide/show button)
  • (b) Add Button Text
  • (c) Select Colors
  • set Featured Page section
    set Featured Page section

    Final display of Services Section

    set Featured Page section

Set Team Section

  • Step1. Go to Dashboard >> Team >> Add New
  • (a) Add Team title
  • (b) Add Featured image
  • set Services Section
  • (c) Add Social media links
  • (d) Add Designation
  • (e) Publish
  • set Services Section
  • Step2. Go to Dashboard >> Appearance >> Customize >> Home section >> Team Section
  • Step3.
  • (a) Select Background image
  • (b) Set Triangle shape display setting(hide/show triangle shape)
  • set Services Section
  • (c) Add Section title
  • (d) Select Section title color
  • (e) Add Section Sub title
  • (f) Select Section Sub title color
  • set team Section
    Step4.
  • (a) Select Number Of team to show
  • (b) Select Team Member
  • set team Section
  • (b) Select Colors
  • set team Section
    set team Section

    Final display of Team Section

    set team section

Set Support Section

  • Step1. Go to Dashboard >> Appearance >> Customize >> Home section >> Support Section
  • Step2.
  • Select background image or background color
  • set About Us section
    Step3.
  • - Add Support Tagline
  • - Select Support Tagline Color
  • - Add Support Text
  • - Select Support Text Color
  • - Set Button Display(Show/Hide Button)
  • - Add Button Text
  • - Add Button Url
  • - Select Colors
  • set About Us section
    set About Us section

    Final display of Support Section

    set About Us section

Set Counter Section

  • Step1. Go to Dashboard >> Appearance >> Customize >> Home section >> Counter Section
  • Step2.
  • (a) Select Background Image and Background Color
  • set Featured Page section
    Step3.
  • (a) Add Title for section
  • (b) Select Section Title Color
  • (c) Add Sub Title for section
  • (d) Select Section Sub Title Color
  • set Featured Page section
    Step4.
  • (a) Select Number Of Counter to show
  • (b) Add Counter Number
  • (c) Add Title
  • (d) SelectColors
  • set Featured Page section
    set Featured Page section

    Final display of Counter Section

    set Featured Page 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
  • set Blog FAQ Testimonial custm Section
  • Step2. Go to Dashboard >> Appearance >> Customize >> Home section >> Testimonials Section
  • 1.Select background image or background color
  • set testimonial section
  • 2. Add Section Title
  • 3. Select Section Title color
  • 4. Add Section Sub Title
  • 5. Select Section Sub Title color
  • set testimonial section
  • 4. Select a Client Testimonials
  • set testimonial section
  • 5. Select Colors
  • set testimonial section
    set testimonial section
  • 6. Add Button display & text setting
  • a. Add Button Text
  • b. Add Button Url
  • c. Set Button Colors
  • set testimonial section

    Final display of Testimonial Section

    set testimonial section

Set Blog Section

  • Step1. Go to Dashboard >> Appearance >> Customize >> Home section >> Blog Section
  • (a) Select background image and background color
  • (b) Set Triangle shape display
  • (c) Set Animated box display
  • (d) Select Animated box colors
  • set Blog section
  • Step2.
  • (a) Add Title
  • (b) Select Section Title Color
  • (c) Add Sub Title
  • (d) Select Section Sub Title Color
  • set Blog section
  • Step3. Go to Dashboard >> post >> Add New
  • (a) Add Post title
  • (b) Add Post Description
  • (c) Select Categories
  • (d) Select Tag
  • set blog custm Section
  • (e) select Featured Image
  • (f) Publish
  • set blog custm Section
  • (g) Select Number of post to show
  • (h) Select Colors
  • set Blog section
    set Blog section
    set Blog section
  • Step4.
  • (a) Select Button Display & Text Setting
  • (b) Add Button Text
  • (c) Add Button Url
  • (d) Add Button Colors
  • set Blog section

    Final display of Blog Section

    set blog section

Set Clients Logo Section

  • Step1. Go to Dashboard >> Appearance >> Customize >> Home section >> Clients logo Section
  • Step2.
  • (a) Select Background Image and Background Color
  • set Featured Page section
    Step3.
  • (a) Select Number Of Clients logo to show
  • (b) Select Clients Logo
  • (c) SelectClient logo image hover border color
  • set Featured Page section
    set Featured Page section

    Final display of Clients logo Section

    set Featured Page section

Set Newsletter Section

  • Step1. Go to Dashboard >> Appearance >> Customize >> Home section >> Newsletter Section
  • Step2.
  • (a) Select Background image or Background Color
  • set contact section
    Step3.
  • (a) Add Section Title
  • (b) Select Section Title Color
  • set contact section
    Step4.
  • (a) Set Animation Display Setting
  • (b) Select Animation box Color
  • set contact section
  • Step4.
  • 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 >> Newsletter Section
  • Add Contact form 7 shortcode & select colors
  • set contact section

    Final display of Newsletter Section

    set contact section

Setting up Page Template

  • Step 1. Go to Dashboard >> Page
  • Step 2. Go to Add New button
  • set Page Template
  • Step 3. select template at right bottom of page
  • select template

To Arrange Section Sequence

  • Step 1. Go to Dashboard >> Appearance >> Customizer >> Section Sequence
  • set Page Template

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. Click Publish button
  • select Full Width Page template

    Full Width Inner Page

    select Full Width Page template

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
  • select Page With Left Sidebar template

    Page With Left Sidebar Inner Page

    select Page With Left Sidebar template

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
  • select Page With Right Sidebar template

    Page With Right Sidebar Inner Page

    select Page With Right Sidebar template

Set Inner Page Heading Font Size

  • Step1. Go to Dashboard >> Appearance >> Customizer >> General configuration >> Inner page font settingsSettings
  • set Breadcrumb

Set Inner Page Animation display

  • Step1. Go to Dashboard >> Appearance >> Customizer >> General configuration >> Inner page Animation Display Setting
  • Step2. Select animated box color
  • set Breadcrumb

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
  • select Blog Full Width template

    Blog Full Width Inner Page

    select Blog Full Width template

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
  • select Blog With Left Sidebar template

    Blog With Left Sidebar Inner Page

    select Blog With Left Sidebar template

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
  • select Blog With Right Sidebar template

    Blog With Right Sidebar Inner Page

    select Blog With Right Sidebar template

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
  • select Contact Page template
  • Step 5. Go to Dashboard >> Appearance >> Customize
  • Step 6. fill Contact us details
  • (1) Phone Label
  • (2) Add Contact us Phone No.
  • (3) Add Contact us another phone no.
  • (4) Contact us Email
  • (5) Contact us another Email
  • (6) Add Address label
  • (7) Add Address
  • select Contact Page template
  • (7) SelectColors
  • select Contact Page template
  • (8) Select Left Image
  • (9) Add Form Shortcode
  • (10) Select Colors
  • select Contact Page template
    select Contact Page template

    Contact Us Inner Page

    select Contact Page template
    select Contact Page template

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
  •  testimonial

    After adding shortcode FAQ'S look

    testimonial

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
  •  Team
  • 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
  •  Team

    After adding shortcode Team look

    Team

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
  •  testimonial

    After adding shortcode Testimonial look

    testimonial

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
  •  testimonial

    After adding shortcode Services look

    testimonial

Set all Shortcode Page Colors

  • Step1. Go to Dashboard >> Appearance >> Customizer >> General configuration >> Color Setting for shortcode pages
  • set Breadcrumb