Yogi WordPress Documentation

The Documentation


Yogi Instruction

Firstly we would love to send our great thanks to you for purchasing Yogi. This documentation covers almost everything to guide you step by step to have your site on air. We encourage you to read all sections thoroughly before you go on. If you still have to cope with any problem around, get our quick support at NooTheme Support Center.
Thanks again and enjoy building your website with Yogi.

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 Yogi

To use Yogi 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 Yogi theme:

Recommend PHP Configuration Limits

When you are installing Yogi 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 Yogi Theme.

How to Import Yogi Sample Data

Configure Header Style Layout.


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 noo-yogi.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 Yogi via FTP.

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

How To Import Yogi Demo Content

See guide to import a sample content into a WordPress blog in WordPress Codex.

Note: Not all the content in our demo will be included. Those files might be excluded from the content your can import:

import sample data import the content file step 3

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

To assign Homepage 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.

Event & Testimonial

Add New Event

Please follow these steps to how to add a new event:

Event Setting

Create New Testimonial

Testimonial Setting

Class & Trainer

Add New Class

Please follow these steps to add new class from backend:

Class setting

In this section, you can enter your class information detail, including some options below:

Add New Trainer

Please follow these steps to add new trainer:

Trainer Setting


Our Theme customizer works as the original WordPress customize feature but be much more versatile.All our theme options cab be changed in our Customizer on the left side and live previewed instantly on right side. With this intuitive interface,you can customize your website as you wish at your fingertips without writing a line of code.

To start using Customizer in Admin Panel, navigate to Customizer, you will be redirected to a live preview screen where you can change options on left side and preview your site on right side promptly. All your change will not be committed and viewed on your site until you click Save & Publish on top right of Customizer bar. You also are able to Export your setting in Customizer and Import to apply for other sites.

This section allows you to customize Main Menu, Quicklink and View Location


Main Menu:

Main menu:

There are lots of factors you can edit in this part including Home, Classes, Trainers, Events, Pages, Blog,Shop. On each part, you can fill Navigation Label, Title Attributein the blanks. Or you can also choose remove button for deleting this part.

You can reorder the position of every part on your widget or Add Items


Site Enhancement



This section helps you to make changes to sidebars and widgets of Footer, namely Noo-Top Footer Noo- Footer Column #1,2,3 and 4.


Additional CSS

In this section, add CSS code here to customize the appearance and layout of site.

Design and Layout

design_and_layout design_and_layout


You can customize your Typography settings here. Yogi integrated all Google Fonts. See font preview at Google Fonts


Turning Use Custom Fonts and Custom Font Color buttons on, you will have the following options:



This section helps you to make changes to sidebars and widgets of Footer, namely Noo-Top Footer Noo- Footer Column #1,2,3 and 4.

widgets widgets


Making some adjustments in this section will have some impacts on Post list and each post on Blog Page.

Post List:


Single Post:


Post Layout: Choose Post layout same as blog layout by checking the box beside the option or uncheck to choose another layout. You also can choose to show or hide Post Meta, Tags and Author’s Bio. In addition, by enabling Social Sharing, you enable visitors to share your post. Enter Social Sharing Title and decide which social media your post can be shared.


Classes Listing

This section will help you to configure Class Listing page. Firstly assign a page as your class listing page from drop down list. Once you choose a page as Class listing page,its slug will be your Class Listing’s main slug.

Single Class:



Event Listing:

event event




Create New Page


Page Settings

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



Create New Post

Follow these steps below to create blog post:
create_ post

Post Format

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


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 Noo Product shortcode and configure options on this shortcode. This shortcode will help you to create Product list page.


Instead of writing lines of code to build elements, we built Yogi with number of premade shortcodes that enable you to create many elements you see in our demo in fingertips.

By installing Visual Composer (the page builder plugin is integrated in the theme package), you will have the Visual Backend Editor where every shortcodes are displayed visually and easily generated with several clicks.

In addition to Default Visual Composer shortcodes, Yogi comes with 17 specific shortcodes. To generate these shortcodes, go to Backend Editor, click the “+” icon to add shortcode.

Navigate to Yogi Shortcodes to find a shortcode you want to use. You can add those shortcodes to any pages or posts for your own use.


Below are a list of 17 shortcodes and their artributes:


Noo Recent News

Noo Recent News shortcode is used to show recent post on Homepage.

Detailed option:

Noo Title


Detailed option:

Use this shortcode if you want to display gallery for the site .

Detail option:

Noo Video Slider

This shortcode is used to show video post on Home page.

Detailed option:

Noo Item Benefit

Detailed option:

Noo Trainer Slider

Use this shortcode if you want to get list of trainers to display on any page as Homepage in our demo.

Detailed option:

Noo Testimonial

Detailed option:

Noo Instagram

Detailed option:

Noo Service Item

Detailed option:

Product Masonry

Use this shortcode if you want to build shop masonry page.

Detailed option:

Noo Pricing

Detailed option:

Noo Class Slider

Detailed option:

Detailed option:

Noo Event Slider

This shortcode is used to show Agents section on Home page

Detailed option:

Noo Banner

Detailed option:

Noo MailChimp

Noo Contact Form

Detailed option:


You are able to create footer with widget area and bottom bar. Both of these areas can be configured in Customizer on Footer tabs. You can add up to 4 columns into the widget area and customize by adding widgets you want.



Coming together with Yogi, these plugins are recommended to install and activate for flexible use. Below are the source for documentation and support of each plugins..

Woo Commerce

Yogi works compatibly with Woo Commerce that allows you to create membership package or online shop. If you plan to use Woo Commerce Plugin for your site, check out these sources:

Woo Commerce Plugin Documentation for user guide to use the plugin.
Woo Commerce Plugin Community Forum for support upon issues of the plugin.
Woo Commerce Knowledge Base for questions about the plugin.

Visual Composer

Yogi works well with Visual Composer, the popular drag and drop page builder plugin with intuitive interface to build your content at ease. If you plan to use Visual Composer Plugin for your site, check out these source::

Visual Composer WordPress Plugin Documentation for user guide to use the plugin.
Visual Composer WordPress Plugin Support System for support upon issues of the plugin.

Revolution Slider

Yogi integrated with Revolution Slider that brings to your hand tons of slider effects and intuitive slider builder. Check out its documentation:

Revolution Slider Plugin Documentation for user guide to use the plugin.

Contact Form 7

Yogi is fully compatible with Contact Form 7, the free form plugin recommended to create a nice form for your site. If you plan to use Contact Form Plugin for your site, check out these sources:

Contact Form 7 Plugin Page for basic information about the plugin.
Contact Form 7 Plugin Documentation for user guide to use the plugin.
Contact Form 7 Plugin Support Forum for support upon issues of the plugin.


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 Noo 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 Yogi! Thank you for choosing our theme.