WordPress Documentation

The Documentation


Jhana GENERAL


Jhana Instruction

Firstly, we would love to send our great thanks to you for purchasing Jhana. This documentation covers almost everything to guide you step by step from the start to have your site on air. We encourage you to read thoroughly all sections before you go on.

WordPress Information

Before installing this theme, please make sure that you have a working WordPress version already installed. For further guides to install WordPress, please find in below useful links:

Download Theme Package

When our theme is purchased successfully from ThemeForest, you will need to download theme package to use. To download the package, please login to your ThemeForest account, navigate to “Downloads”, click the “Download” button in the left side of the theme, choose “All files & documentation” to download our theme package to your computer. The theme package includes:

Requirements for Jhana

To use Jhana theme, you must be running WordPress 4.6 or higher, PHP 5.6 or higher, and MySQL 5.6 or higher. Follow the checklist below to ensure that your host can work well with Jhana theme:

Recommend PHP Configuration Limits

When you are installing Jhana theme, you can meet many issues such as: demo content fails when you are importing and other issues. They are related PHP Configuration limits. The best solution is that you need to increase the PHP limits. You can do this on your own or contact your hosting provider learn more about this:

Video Tutorial


How To Install Jhana Theme & Import sample data

INSTALLATION


There are two ways to install theme. It belongs to the way you choose your preference.

Install Theme via WordPress

Note: If you see this message “Are You Sure You Want To Do This” when installing yolo-jhana.zip file via WordPress, it means that you have an upload max file size limit.Try to install the theme via FTP instead, or contact your host to increase the limit.

Install Theme via FTP

How to install Jhana via FTP.

Follow this video tutorial on how to install Jhana theme & plugins

Plugin Installation

Here is the list of plugins that will come together with our theme when it is activated. It is recommended to install and activate these plugins based on your own need:

Import Demo Content

Auto Import import_demo_content

If you unsuccessfully set up with those above steps, please follow these below steps:

Import the content file(.XML)

import sample data import the content file step 3

Import Slider

All our sliders should imported before importing Sample Demo Data, please follow these steps:

Update Theme

Auto Update

Please follow these steps to update this theme automatically:

Manual Update

You can also update the new version in traditional way:

Basic Setting

If you’re new to WordPress, you’ll probably see that your site after importing data is completely different from our demo

It’s because some basic settings are needed on WordPress site. If you know where the issue is and how to fix it, please skip this section.

Setup Home Page & Blog Page

To assign Homepage and Blog page, please follow these steps:

Assign Menu

Please go to Appearance > Menus, then find Menu Settings > Theme Locations at the bottom.

Check the Primary Menu, then save it. This action will assign the menu “Main Menu” to the location Primary (the main menu) on our theme.

You can see more details at: http://codex.wordpress.org/Appearance_Menus_Screen

Change Permalink

Please go to Permalinks setting: Settings >Permalinks, then change the Common settings to Post name.

You can see more details at:http://codex.wordpress.org/Using_Permalinks. After these steps are done, your site will look like our demo, you can move on to process to build your content.

THEME OPTIONS


Based on Redux Framework, Jhana provides Theme Options helping users easily to control WordPress theme. There are many options in Theme Options, each option has a mission to make your website nicer and more eye-catching.You absolutely go to Jhana> Appearance> Theme Options to see all options. And do not forget to follow this section to see description of each option in Theme Options.

General Setting

General Setting section allows you to configure general pages such as select page preloader or configure enhancement or 404 page.

General Setting
General Setting

Logo & Favico

logo_favico

In this section, you can upload your logo, sticky logo and custom favico for your WordPress website.

There are many options on Header section helping you to configure Header for your WordPress website. Follow these descriptions to learn more about them:

header
header

Header Navigation

Header Sticky

Header 3 Options
May be setup some config for Header that you selected as the height, background, social, customize right ... header layout

Header Navigation

Header customize right navigation

Top Bar
mobile menu
Mobile Header
You can setup the header layout on mobile as the layout, menu drop type, logo, sticky ...
header mobile
Header Icon Actions

Some options for header icon actions ( Search icon, Login/Register)

icon actions

Search Icon

Login/Register

Page

Page Setting section will help you to configure page default on your WordPress site.

pages-setting

Page Layout

Page Title

Page Title Scheme

Breadcrumbs

Blog

blog

Blog Layout

Blog Archive Title

Single Blog

Single Blog section allows you to configure single blog page. For example: layout, sidebar, etc.

single-blog

Single Blog Layout

Single Blog Title

Search Page
search page

Shop

shop
Archive Product
single-blog

Archive Product Layout

Layout Options

Archive Product Title:

Single Product
single-product

Show Image Thumb: Show/Hide Image Thumb product.

Layout Options:

Product Related Options:

Single Product Title:

Single Product Accessories:

styling-options

In this section, you can select Footer Block for your main page.

Styling Options

styling-options

Typography

typography-options

In this section, you can select Fonts for body, menu, heading and page title from dropdown list font. Select the font you want to show onyour page . Jhana integrated all Google Fonts. See font preview at Google Fonts

Social Profiles

Social Profile section allows you to turn on social media and add the link your account to your website.

404 Setting

404-setting

404 section allows to configure 404 page by adding title, background image for 404 page.

Trainer

trainer

Single Trainer Title

Archive Trainer Title

Class

class

Single Class Title

Archive Class Title

Custom CSS & Script

custom_script

In this section you can add some custom CSS and JavaScript to your theme by adding it to this textarea. Please do not include any script tags.

Options Object

In this section help you show Object in Javascript Console Object

Import/Export Settings

import_export

In this section, you can import or export date from your website.

Here you can copy/download your current option settings. Keep this safe as you can use it as a backup should anything go wrong, or you can use it to restore your settings on this site (or any other site).

Header


Add Header To Page.

There are two ways which you can use to add header style to page:

1- If you want to add a header style to all pages of your website. Please go to Theme Options > Header> Header Layout > Select a header style layout from all header styles. After that, navigate to Theme Options > Header > Header Customize that you selected to configure the elements of Header. This header style will be displayed on all pages.

add_header_page

2-If you want to add a header style to a separate page on your website: Please go to your page > Open page > Scroll down you will see Page Options > Page Header > Header On/Off?: On >Set Header for Page: ON > Header Layout > Select a header style layout from all header styles.

add_header_page

Header Styles

Jhana supports 3 header style layouts. Follow these images below learn more about them:

header_styles
header_styles
header_styles
header_styles

Header Style of Each Homepage

In this section, we will guide you how to build Header Style for each Homepage of Jhana. Follow these steps below learn more for details:

header_homepage
header_homepage

PAGE


Create New Page

 

Page Options

We have created some specific Jhana page settings which will help you to build splendid pages for your website. Follow the list of options below to see how they work:

Page Layout
create_new_page
Page Top Bar
create_new_page
Page Header
create_new_page

Page Header will allows turning On/Off Header for your page. In addition, you absolutely customize Header Customize option, if Header Customize option is turned on, you can configure many options for your page such as Header Layout, Header Scheme, Header sticky, etc.

Logo
create_new_page
Menu

Menu section will help you to choose separated menu for page. You can select Page Menu and Page menu mobile.

create_new_page
Page Title

On this section, you can customize your page title with many options such as turn on/off page title, select color for page title or sub title from table color.

create_new_page
Page Footer

Page Footer allows you to select footer to override footer selected on Theme Options.

create_new_page

POST


Create New Post

Follow these steps below to create blog post:
create_ post
 

Post Format

Jhana supports 7 post formats. Follow these steps below to see the description of Post Formats and Global setting of Post.

JHANA CUSTOM POST TYPE


Classes

Create New Class

Trainers

Create Add new Teacher (Trainer)

Portfolios

Create Add new portfolio

WOOCOMMERCE PLUGIN


When WooCommerce plugin is installed in your WordPress website successfully, you are able to create online shop or product list page. Below is the guide to create Product or shop page using WooCommerce.

Create New Product

To create a new product, please follow these steps:

Shop Page

To set up a page as Shop page to show all products, create a new page. From admin panel, navigate to Woo Commerce > Settings

In Products tab, navigate to Display sub-tab on the top, here you can find your page from dropdown list to set as Shop page.

Product List Page

To set up a page as Product List page to show all products such as product list 2 columns, 3 columns, you can create a new page. Then, use Yolo Product shortcode and configure options on this shortcode. This shortcode will help you to create Product list page.

Jhana Elementor Addons


We built Jhana with number of premade widget that enable you to create many elements you see in our demo in fingertips.

By installing Elementor, you will have the Elementor page builder plugin enabling the creation of web pages in a live.

In addition to Elementor page builder, Jhana comes with 26 specific widget. To generate these widget, go to Pages > Add new , click the “Edit with Elementor” you will be redirected to the Elementor customization panel.

Navigate to JHANA ADDON to find a widget you want to use. You can add those widget to any pages or posts for your own use.

Jhana-addons

Below are a list of 26 widget and their attributes:

Jhana-addons

Select the widget in left column, drag and drop to widget area in view area

Jhana-addons

Use this addon to display the image as 3D gallery

Detailed option:

Yolo Activity

This addon will help you to show activity listing.

yolo_activity

Detailed option:

Item:

Yolo Blog

This Addon will help you to show the list of blog posts on your page.

yolo_blog

Detailed option:

Yolo Button

This Addon will help you to add Jhana button style.

yolo_button

Detailed option:

Yolo Clients

This Addon will help you to add clients logo showcase.

yolo_clients

Detailed option:

Yolo Contact Form

This Addon will help you to add the contact form. We use the form from Contact Form 7.

yolo_contact_form

Detailed option:

Yolo Contact Info

Use this addon to display contact info on the page.

yolo_contact_info

Detailed option:

Features items

Yolo Countdown

Use this addon to display countdown on the page.

yolo_countdown

Detailed option:

Yolo Counter

Use this addon to show counter on your page.

yolo_counter

Detailed option:

Counter items

Yolo Experience

Use this addon to show your experience with accordion layout.

yolo_experience

Detailed option:

Yolo Icon Box

This addon will help you to show icon box on front page.

yolo_icon_box

Detailed option:

Box items

This addon will help you to show icon list.

yolo_icon_footer

Detailed option:

Icon items

Yolo Item Info

yolo_item_info

Detailed option:

Items

Yolo Our Skill

yolo_our_skill

Detailed option:

Yolo Trainer Desire

yolo_trainer_desire

Detailed option:

Items

Yolo Testimonials

yolo_testimonials

Detailed option:

Items

Yolo Text Info

yolo_text_info

Detailed option:

Features

Yolo Timeline

yolo_timeline

Detailed option:

Yolo Title

yolo_title

Detailed option:

Yolo Video

yolo_video

Detailed option:

Yolo Portfolio

yolo_portfolio

Detailed option:

yolo_portfolio

Style option:

Yolo Class Schedule

yolo_class_schedule

General option:

yolo_class_schedule

Time options:

yolo_class_schedule

Data options:

yolo_class_schedule

Extend options:

yolo_class_schedule

Style options:

Yolo Class

yolo_class

Content option:

yolo_class

Layout options:

Yolo Teacher

yolo_teacher

Content option:

yolo_teacher

Layout options:

WIDGETS


Jhana allows you to create an unlimited number of sidebars. Each page or post can come with an unique sidebar. It is really easy to choose a sidebar for page/ post, you can go to Page Options section > Page Layout > Left Sidebar/ Right Sidebar to select a Sidebar from dropdown list on sidebar. You may need to create some separate sidebars to use for different pages and posts. Follow these steps to generate a sidebar and add widgets to it.

Create A Sidebar

Follow these steps to create a sidebar

Add Widgets to Sidebar

You can add any widget and any number of widgets to your sidebar. All widgets are accessible from Appearance–>Widgets and easily dragged and dropped to your sidebar.

FOOTER


Note: Please enable Elementor for Footer Block before to edit or create a footer as you want.

Step 1: From Admin Panel, navigate to Elementor > Settings > Check to All footer Post types

Please follow these steps to how to add a footer block to page

SUPPORT


When you come to this section, we hope that you found all the information provided in this documentation helpful and you have finished installing and polishing your site as what you have imagined of. After reading carefully this guide, if you still need any helps, don’t hesitate to contact us at Yolo Support Center. You will be asked to create an account if you are new to us and enter purchase code to post a topic for support. To get your purchase code, please login to your ThemeForest account, navigate to “Downloads”, click the “Download” button on the left side of our theme, choose “License Certificate” to download the license file where you can find the purchase code.

Please be noted to post a topic with your issues be clearly clarified. It is recommended you send us together with link of your site and your admin account. These will help to save time for both of us. Finally, please be patient. It will take us some time to check all the topics and we will solve topics from older to newest.

Hopefully, you will enjoy using Jhana! Thank you for choosing our theme.