Yovibe WordPress Theme Documentation

Step 1. Theme installation

1. Go to the menu Appearance > Themes and click the Add New Theme button.
2. Click the Upload link.
3. Click the Browse button and navigate to the unzipped template package on your computer.
4. Look for a file called yovibe-pro.zip Click on it to select, then click OK.
5. Click the Install Now button and wait until the installation is complete.
6. Click the Activate link to change the current layout of the site to the theme your purchased.
7. Go to Appearance >> Theme Options >> Restore Default.

Congratulations, your theme have been successfully installed!

Step 2. Sample Data Installation

To make your WordPress website look like our live demo, please follow the instructions below.

1. Go to the tools Select import option and select wordpress and install then browse xml file and you'r done. See below screenshot.

   

Setup Header

Follow these instructions to setup header.

• For Site Name/Logo: For changing site name go to Settings >> General >> Site Title OR if you want to uplaod logo for your site go to Appearance >> Theme Options >> Basic settings >> Logo. Please see the theme option tab in this documentation for more details.
• For Top Header Contact Info: go to Appearance >> Theme Options >> Basic settings >> Contact info details And Social Icons.
• For Navigation: See the Setup Navigation tab of this documentation.
• For Slider: Go to Appearance >> Theme Options >> Homepage Slider >> Upload image, Add Title/Sub Title/ Slider Button Text & Link

Shortcode for Social Icon.

[social_area][social icon="facebook-f" link="#"][social icon="twitter" link="#"][social icon="youtube" link="#"][social icon="instagram" link="#"][social icon="linkedin-in" link="#"][/social_area]

Setup Features Box Section First

For setting up Features Box section Go to >> Appearance >> Theme Options >> Sections >> Select Section 1.

Shortcode/Content for Features Box Section

[feature_main][features image_path="http://localhost/alexa/yovibe/wp-content/themes/yovibe-pro/images/fea-1.jpg" title="New To Yoga?" button_text="Read More" button_link="#"]Aenean wisi auctor et urna. Aliquam erat volutpat. Duis ac turpis. Donec sit amet eros. Lorem ipsum dolor sit amet.[/features][features image_path="http://localhost/alexa/yovibe/wp-content/themes/yovibe-pro/images/fea-2.jpg" title="Inside Our Studio" button_text="Read More" button_link="#"]Aenean wisi auctor et urna. Aliquam erat volutpat. Duis ac turpis. Donec sit amet eros. Lorem ipsum dolor sit amet.[/features][features image_path="http://localhost/alexa/yovibe/wp-content/themes/yovibe-pro/images/fea-3.jpg" title="Our Classes" button_text="Read More" button_link="#"]Aenean wisi auctor et urna. Aliquam erat volutpat. Duis ac turpis. Donec sit amet eros. Lorem ipsum dolor sit amet.[/features][features image_path="http://localhost/alexa/yovibe/wp-content/themes/yovibe-pro/images/fea-4.jpg" title="Upcoming Events" button_text="Read More" button_link="#"]Aenean wisi auctor et urna. Aliquam erat volutpat. Duis ac turpis. Donec sit amet eros. Lorem ipsum dolor sit amet.[/features][/feature_main]

Setup About To Know Yovibe Section Second

For setting up About To Know Yovibe section Go to >> Appearance >> Theme Options >> Sections >> Select Section 2.

Shortcode/Content for About To Know Yovibe Section.

[row][column col="6"][about_left sub_title="About To Know Yovibe" title="A Great Place For Yoga Exercise Training Center & Health Care" button_text="View More About" button_link="#"]Yoga incorporates mindful breathing and relaxation techniques that can significantly reduce stress levels. It helps activate the body’s relaxation response, leading to decreased cortisol levels. Our place is a training camp embracing body, beauty, mind & spirit. Your are welcome to visit our center where every person is treated with high attention.<br><br>Choose from our extensive list of classes: we offer kundalini and hatha yoga, meditation etc. To make an appointment, please contact us by phone or mail.[/about_left][/column][column col="6"][about_right image_path="http://localhost/alexa/yovibe/wp-content/themes/yovibe-pro/images/about-thumb.png"][/column][/row]

Setup Our Specialties Section Third

For setting up Our Specialties section Go to >> Appearance >> Theme Options >> Sections >> Select Section 3.

Shortcode/Content for Our Specialties Section.

[yoga_wrap][yoga_item image_path_icon="http://localhost/alexa/yovibe/wp-content/themes/yovibe-pro/images/yog-1.png" title="Hatha Yoga" title_color="#ffffff" text_color="#ffffff" link="#"]We are able to offer every yoga training with experienced.[/yoga_item][yoga_item image_path_icon="http://localhost/alexa/yovibe/wp-content/themes/yovibe-pro/images/yog-2.png" title="Karma Yoga" title_color="#ffffff" text_color="#ffffff" link="#"]We are able to offer every yoga training with experienced.[/yoga_item][yoga_item image_path_icon="http://localhost/alexa/yovibe/wp-content/themes/yovibe-pro/images/yog-3.png" title="Vinyasa Yoga" title_color="#ffffff" text_color="#ffffff" link="#"]We are able to offer every yoga training with experienced.[/yoga_item][yoga_item image_path_icon="http://localhost/alexa/yovibe/wp-content/themes/yovibe-pro/images/yog-4.png" title="Kundalini Yoga" title_color="#ffffff" text_color="#ffffff" link="#"]We are able to offer every yoga training with experienced.[/yoga_item][yoga_item image_path_icon="http://localhost/alexa/yovibe/wp-content/themes/yovibe-pro/images/yog-5.png" title="Bikram Yoga" title_color="#ffffff" text_color="#ffffff" link="#"]We are able to offer every yoga training with experienced.[/yoga_item][yoga_item image_path_icon="http://localhost/alexa/yovibe/wp-content/themes/yovibe-pro/images/yog-6.png" title="Trauma Yoga" title_color="#ffffff" text_color="#ffffff" link="#"]We are able to offer every yoga training with experienced.[/yoga_item][yoga_item image_path_icon="http://localhost/alexa/yovibe/wp-content/themes/yovibe-pro/images/yog-7.png" title="Ustrasana Yoga" title_color="#ffffff" text_color="#ffffff" link="#"]We are able to offer every yoga training with experienced.[/yoga_item][yoga_item image_path_icon="http://localhost/alexa/yovibe/wp-content/themes/yovibe-pro/images/yog-8.png" title="Bakasana Yoga" title_color="#ffffff" text_color="#ffffff" link="#"]We are able to offer every yoga training with experienced.[/yoga_item][yoga_item image_path_icon="http://localhost/alexa/yovibe/wp-content/themes/yovibe-pro/images/yog-9.png" title="Veerasana Yoga" title_color="#ffffff" text_color="#ffffff" link="#"]We are able to offer every yoga training with experienced.[/yoga_item][yoga_item image_path_icon="http://localhost/alexa/yovibe/wp-content/themes/yovibe-pro/images/yog-10.png" title="Kripalu Yoga" title_color="#ffffff" text_color="#ffffff" link="#"]We are able to offer every yoga training with experienced.[/yoga_item][yoga_item image_path_icon="http://localhost/alexa/yovibe/wp-content/themes/yovibe-pro/images/yog-11.png" title="Chakrasana Yoga" title_color="#ffffff" text_color="#ffffff" link="#"]We are able to offer every yoga training with experienced.[/yoga_item][/yoga_wrap]

Setup Explore Services Section Four

For setting up Explore Services section Go to >> Appearance >> Theme Options >> Sections >> Select Section 4.

Shortcode/Content for Explore Services Section

[row][column col="4"][services ser_number="01" image_icon_path="http://localhost/alexa/yovibe/wp-content/themes/yovibe-pro/images/ser-1.png" title="Improved Overall Health" button_text="More Details" button_link="#"]There anyone who loves or pursues desires to obtain pain of itself, because it some great pleasure.[/services][/column][column col="4"][services ser_number="02" image_icon_path="http://localhost/alexa/yovibe/wp-content/themes/yovibe-pro/images/ser-2.png" title="Increased Concentration" button_text="More Details" button_link="#"]There anyone who loves or pursues desires to obtain pain of itself, because it some great pleasure.[/services][/column][column col="4"][services ser_number="03" image_icon_path="http://localhost/alexa/yovibe/wp-content/themes/yovibe-pro/images/ser-3.png" title="Balance Your Mind" button_text="More Details" button_link="#"]There anyone who loves or pursues desires to obtain pain of itself, because it some great pleasure.[/services][/column][column col="4"][services ser_number="04" image_icon_path="http://localhost/alexa/yovibe/wp-content/themes/yovibe-pro/images/ser-4.png" title="Body Weight Loss" button_text="More Details" button_link="#"]There anyone who loves or pursues desires to obtain pain of itself, because it some great pleasure.[/services][/column][column col="4"][services ser_number="05" image_icon_path="http://localhost/alexa/yovibe/wp-content/themes/yovibe-pro/images/ser-5.png" title="Strengthens Your Bones" button_text="More Details" button_link="#"]There anyone who loves or pursues desires to obtain pain of itself, because it some great pleasure.[/services][/column][column col="4"][services ser_number="06" image_icon_path="http://localhost/alexa/yovibe/wp-content/themes/yovibe-pro/images/ser-6.png" title="Increased Flexibility" button_text="More Details" button_link="#"]There anyone who loves or pursues desires to obtain pain of itself, because it some great pleasure.[/services][/column][/row]

Setup Clients Testimonials Section Fifth

For setting up Clients Testimonials section first of all you need to add some testimonials by using testimonials post type please see the below screenshot.

After adding post to Clients Testimonials go to Appearance >> Theme Options >> Sections >> Section 5.

Clients Testimonials Section Shortcode/Content:

[testimonials show="no. of item to be shown( Note: -1 for displaying all items )"]

Setup Course Scheduled Section Sixth

For setting Course Scheduled section first of all you need to add some courses by using Our Courses post type please see the below screenshot.

For setting up Course Scheduled section Go to >> Appearance >> Theme Options >> Sections >> Select Section 6.

Shortcode/Content for Course Scheduled Section.

[course type="list" show="no. of item to be shown( Note: -1 for displaying all items )"]

[course type="slider" show="no. of item to be shown( Note: -1 for displaying all items )"]

[course type="grid" show="no. of item to be shown( Note: -1 for displaying all items )" column="2/3/4"]

Setup Upcoming Events Section Seven

For setting Upcoming Events section first of all you need to add some events by using Events post type please see the below screenshot.

For setting up Upcoming Events section Go to >> Appearance >> Theme Options >> Sections >> Select Section 7.

Shortcode/Content for Upcoming Events Section.

[events type="grid" column="2/3/4" show="no. of item to be shown( Note: -1 for displaying all items )"]

[events type="slider" show="no. of item to be shown( Note: -1 for displaying all items )"]

[events type="list" show="no. of item to be shown( Note: -1 for displaying all items )"]

Setup Our Team Instructors Section Eight

For setting up Our Team Instructors section first of all you need to add some team by using our team post type please see the below screenshot.

For setting up Our Team Instructors section Go to >> Appearance >> Theme Options >> Sections >> Select Section 8.

Shortcode/Content for Our Team Instructors Section.

[our-team type="slider" show="no. of item to be shown( Note: -1 for displaying all items )"]

[our-team type="grid" show="no. of item to be shown( Note: -1 for displaying all items )" column="2/3/4"]

Setup Plans & Pricing Section Eight

For setting up Plans & Pricing section Go to >> Appearance >> Theme Options >> Sections >> Select Section 9.

Shortcode/Content for Plans & Pricing Section

[row][column col="4"][pricing-plan top_title="Most Popular Choice" title="Basic" price_sign="$" price="49.00" month="Month" row1="60-Minute Class" row2="Group Access" row3="No Online Options" row4="No Free Trial" row5="5% Off First Class" row6="No Cancellation Policy" btn_label="Select Plan" btn_link="#"][/column][column col="4"][pricing-plan top_title="Most Popular Choice" title="Standard" price_sign="$" price="69.00" month="Month" row1="60-Minute Class" row2="Group Access" row3="Online Access" row4="1 Free Class" row5="10% Off First Month" row6="24-Hour Cancellation Policy" btn_label="Select Plan" btn_link="#"][/column][column col="4"][pricing-plan top_title="Most Popular Choice" title="Premium" price_sign="$" price="99.00" month="Month" row1="60-Minute Class" row2="Group Access" row3="Online Access" row4="2 Free Class" row5="15% Off First Month" row6="24-Hour Cancellation Policy" btn_label="Select Plan" btn_link="#"][/column][/row]

Setup Blog & Stories Section Ten

For setting up Blog & Stories section first of all you need to add some posts by using Posts. Follow below instruction to add posts.

Once you added posts in the Blog & Stories Posts type after that you just have to add post shortcode in the sections content area and you'r done. (Section 10.)

Shortcode/Content for Blog & Stories Section

[latest-news show="3" type="grid" column="3" date="show" comment="show" author="show" category="show"]

[latest-news show="-1" type="slider" comment="show/hide" date="show/hide" author="show/hide" category="show/hide"]

Setup Footer

Go to Appearance >> Theme Options >> Footer.

Footer Widget

• For footer Menu: Go to Appearance >> Menu >> Select Menu Location
• Add footer column content: Go to Appearance >> Widget >> Footer 1/ Footer 2/ Footer 3/ Footer 4.
• For footer column 1: Go to Appearance >> Widgets >> Footer 1.
• For footer column 2: Go to Appearance >> Widgets >> Footer 2.
• For footer column 3: Go to Appearance >> Widgets >> Footer 3.
• For footer column 3: Go to Appearance >> Widgets >> Footer 4.
• For footer copyright & design by text: Go to Appearance >> Theme Options >> Footer >> Footer Copyright & Design by & Upload Logo

Adding category

Review the following article for more information on adding categories: http://codex.wordpress.org/Manage_Categories_SubPanel

1. Log into your WordPress Administration Panel (Dashboard).
2. Click the Posts tab.
3. With that done, click Categories for blog posts.
4. Type in the name of your new category.
5. After that, click the Add New Category button.

Click the Publish button.

Creating a Blog post

1. Log into your WordPress Administration Panel (Dashboard).
2. Click the Posts tab.
3. Click the Add New tab.
4. Type in your post content. For more information on adding posts, please check the following link http://codex.wordpress.org/Posts_Add_New_SubPanel.

Testimonial

[testimonials]

Elements

One half

[column_content type="one_half" subcls="Add extra class"]Column 1 Content goes here...[/column_content]
[column_content type="one_half_last" subcls="Add extra class"]Column 1 Content goes here...[/column_content]

Tabs

[tabs]
[tab title="TAB TITLE 1"]Tab Content goes here...[/tab]
[/tabs]

Accordion Content

[accordion]
[accordion_content title="ACCORDION TITLE 1"]Accordion Content goes here...[/accordion_content]
[/accordion]

Gradient Button

[gradient_button size="small" bg_color="#000000" color="#ffffff" text="text here"  title="title here" url="#" position="left"]

Simple Button

[simple_button size="small" bg_color="#000000" color="#ffffff" text="text here"  title="title here" url="#" position="left"]

Round Button

[round_button style="light" text="text here"  title="title here" url="#" position="left"]

Horizontal rule

[hr] 

Succes Message Box

[message type="success"]This is a sample of the 'success' style message box shortcode. To use this style use the following shortcode[/message]

Search

[searchform]

List Style

[unordered_list style="list-1"]<li>List style 1</li>[/unordered_list]

Basic Settings

Font Typography

Font Color

Sections

Slider Settings

Shortcode

Gallery Display Page

Gallery Grid Layout

Shortcode : 

[photo-gallery show="no. of item to be shown( Note: -1 for displaying all items )" type="grid"]

Gallery Slider Layout

Shortcode : 

[photo-gallery show="no. of item to be shown( Note: -1 for displaying all items )" type="slider"]

Photo Gallery Post Type

Portfolio Display Page

Portfolio Grid Layout

Shortcode : 

[portfolio type="grid" show="no. of item to be shown( Note: -1 for displaying all items )" column="2/3/4" filter="true/false"]

Portfolio Filter Layout

Shortcode : 

[portfolio type="grid" show="no. of item to be shown( Note: -1 for displaying all items )" column="2/3/4" filter="true"]

Portfolio Slider Layout

Shortcode : 

[portfolio type="slider" show="no. of item to be shown( Note: -1 for displaying all items )"]

Portfolio Post Type

Plugin Installation

Plugin Use