Firstly we would love to send our great thanks to you for purchasing Kidzone. 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 section before you go on.
Thanks again and enjoy building your website with Kidzone.
WordPress Information
Before installing this theme, please make sure you have a working WordPress version already installed. For
further guide to install WordPress, please find in below useful links:
WordPress
Codex: General info about WordPress and how to install your server.
When purchasing successfully our theme from Themeforest, you will need to download theme package for your
use. To download the package, please login to your Themeforest account, navigate
to “Downloads”, click the “Download” button in the
left of the theme, choose “All files & documentation” to download our theme
package to your computer. The theme package includes:
Yolo_Theme: Includes yolo-kidzone.zip and yolo-kidzone-child.zip file that consists of everything you
need to install the theme.
Document Folder: Includes Kidzone Documentation file that helps
you get to know about Kidzone and guides you to build your site with our theme.
Release_logs file: Includes the licensing files of Themeforest purchase.
Demo Content Folder: Includes the .xml file and revolution slider sample data which you will need to import our demo
data.
Requirement for Kidzone
To use Kidzone theme, you must be running WordPress 3.6 or higher, PHP5 or
higher, and MySQL 5 or higher. Follow below checklist to ensure your host can work
well with Kidzone theme:
Your web host has the minimum requirements to run WordPress.
They are running the latest version of WordPress.
You can download the latest release of WordPress from official WordPress website.
You did create best secure passwords FTP and Database.
LAYOUT
INSTALLATION
There are two ways to install the theme. It is up to you choose your preference.
Install Theme via WordPress
Step 1: Login to your WordPress Admin Panel, navigate to
Appearance--> Themes
Step 2: Click Install Themes on the top --> hit
Upload button.
Step 3: Find “yolo-kidzone.zip” file on your computer and click “Install
Now”.
Step 4: Once uploaded, activate the theme. Go to
Appearance-->Themes and activate it.
Step 5: Then you will see a notification message to activate the required &
recommended plugins: Contact Form 7, Revolution Slider, WPBakery Visual Composer,YITH WooCommerce Wishlist,Yolo Library,WooCommerce
Follow the steps to install and activate each plugin.
Note: If you see this message “Are You Sure You Want To Do This”
when installing yolo-kidzone.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
Step 2: Unzip the yolo-kidzone.zip file and ONLY use the extracted
yolo-kidzone theme folder.
Step 1: Login into your hosting space via an FTP software.
Step 3: Upload the extracted Kidzone Theme folder into
wp-content/ themes folder.
Step 4: Activate the newly installed theme by going to
Appearance-->Themes and clicking the Activate
button.
Step 5: Then you will see a notification message to activate the required &
recommended plugins Contact Form 7, Revolution Slider, WPBakery Visual Composer,YITH WooCommerce Wishlist,Yolo Library,WooCommerce.
Follow the steps to install and activate each plugin.
Plugin Installation
Here is the list of plugins that will come together with our theme when you activated it. You are
recommended to install and activate these plugins base on your own need:
Contact Form 7: Kidzone is fully compatible with Contact Form 7, the free form plugin
recommended to create a nice form for your site.
Visual Composer: The popular drag and drop page builder with an intuitive interface to
build your content at ease.
Revolution Slider: Create a responsive or Full-width slider with must-see-effects.
Woo Commerce: An e-commerce plugin. This is a very popular free plugin you will need if
you plan to create a membership for a member.
Yolo Library: This is Yolo plugin which allows you to create post types, taxonomies,
shortcode...
Import Demo Content
The easiest way to import our demo content is to use our Demo Content Importer. Our importer will give you all pages and posts, several sample sliders, widgets, and more.
Import Slider
You should import all our sliders before importing Sample Demo Data, please follow these steps:
Step 1: Go to Dashboard--> Revolution Slider-->Click “Import Slider”.
Step 2: There is one pop-up which appears -->Click Choose File button to select slider.zip file from your computer (all sample slider is contained on demo_content file which you downloaded from ThemeForest market.)
Step 3: Click “Import Slider” to import a slider on your site.
Import All Content Demo
Step 1: Make sure you have installed and activated our theme & all plugins before importing.
Step 2: Navigate to Yolo Settings-->Click Install Demo to import all sample data of Kidzone theme. You absolutely select the elements which you want to import by checking on Import Post, Import Nav Menu or Import Content.
Step 3: It can take a few minutes to import everything. Please be patient and wait to complete. Once it loads, you will see a Success message below the tabs.
Step 4: All done, you will have a website that look like our demo site.
Update Theme
Auto Update
Please follow these steps to update automatically this theme:
Step 1: Navigate to Plugins--> Add News --> Upload, find and install
envato-wordpress-toolkit.zip file. You can go to this LINK to download the
plugin.
Step 2: To establish an Envato Marketplace API connection navigate to the Envato
Toolkit page and insert your Marketplace username and secret API key in the designated input fields. To
obtain your API Key, visit your "My Settings" page on any of the Envato
Marketplaces.
Step 3: Once the API connection has been established you will see a list of themes that
can be auto installed. If you don't see any themes and are certain you've done everything
correct, there is a good chance the theme author has not updated their theme to be available for auto
install and update. If that's the case, please contact the theme author and ask them to update their
theme's information.
Manual Update
You can also update the new version in traditional way:
Step 1:Backup all custom files (files which you have edited some
codes). Or you can use Child
Theme to save all custom files
Step 2:Deactivate current theme by going to
Appearance--> Themes and activate any other themes such as the
Default WordPress 4.x Twenty Fourteen.
Step 3:Update and re-install new version.
Assign Homepage& Blog page
To assign Homepage and Blog page, please follow these steps:
Step 1: Navigate to Settings--> Reading
Step 2: Select Front page displays: A static page then chooses
Front page and Posts page from dropdown list
Step 3: In addition, you can choose the number of post on Blog pages show
at most option.
Step 4: Click “Save” to save configuration.
THEME CUSTOMIZER
Our Theme customizer works as the original WordPress customizer feature but is much more versatile. All our
theme options can be changed in our Customizer on the left side and live preview instantly on a right side.
With this intuitive interface, you can customize your website as your 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
the 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 the top right of
Customizer bar. You are also able to Export your setting in Customizerand Import to apply for other sites.
Site Enhancement
Enable/ Disable some features for your site. There are options below:
Back To Top Button: Back To Top Button will appear in the right bottom when users
scroll down. Enable/Disable as your preference.
Enable Page Heading: Page Heading will be displayed on the header of the page.
Enable/ Disable as your preference.
Enable Page Breadcrumb: Breadcrumb will appear on the header of the page. Enable/Disable
as your preference.
Enable Mail Chimp Subscribe: there is a form which will appear as a form subscription
on the footer. Enable/ Disable as your preference.
Enable Smooth Scroll: Turn On/Off smooth scroll.
Enable Page Loading: There is the lazy load when visiting on theme. Enable/Disable as your preference.
Design and Layout
This section will set a style and a layout for your site.
Site Layout: You can choose 2 layout styles including Boxed Layout and Full-Width
layout. With Boxed Layout, you will have additional options for max site width, background color or
image setting.
Typography
Customize your Typography settings. Kidzone integrated all Google Fonts. See font preview at Google Fonts.
Custom Fonts: Enable Custom Fonts to customize font, font-size and another setting for
heading and body text.
Custom Font Color: Enable Custom Font Color to customize font color of heading
and body.
Heading: If checked on Transform to Uppercase, you will have heading <h1><h2><h3>
which is uppercase type.
Body: You can change the font size of the body by selecting font size from the
drop-down list.
Color: Here you can set the color for links and various elements on your site.
Header
Customize settings for Heading including Navigation Bar, Logo, and NavBar Alignment
Heading Style
There are four Header Styles including Logo Align Left, Logo Center, Logo TOp Center and Logo Button Click
Logo Align Left
Logo Center
Logo Top Center
Logo Button Click
Navigation Bar
This section adjusts settings for Navigation Bar. You also can customize some settings for the Toggle Button
on Mobile in this section.
NavBar Position: This option allows you to select a type of NavBar including Static Top
or Fixed Top.
Background Navigation: Select a background color for Navigation bar.
Use Custom NavBar Font and Color: If On, you can change the font, font size, link color
and link hover color for header font. In addition, you can add color for Sticky Background, Sticky Link
and Sticky Link hover for the navigation bar.
Logo
Kidzone allows you to add image file or text for the logo. You will see a button turn On/Off Use Image for
Logo.
If Off Use Image for Logo button you will have the option to enter your site
name, select logo font from Google font, font size, and color for your logo.
If On Use Image for Logo button you will have two logo images to upload. The
first one is for the standard desktop while the second one is for retina ready devices (optional). Click
the Upload button and select your logo file. Upload your logo image and retina one (a large image, with
double the amount of pixels that your image will be displayed at). Enter your image height you want to
display on the navigation bar and we will do the calculation part for you to make it look great on all
screen size.
NavBar Alignment
Adjust height of navigation bar, space between links and size of the mobile navigation button.
Top Bar
Top Bar lays on top of your site, above Navigation bar. It is suitable for placing contact information and
social media link. Enable to control its layout and content.
Enable Top Bar: Turn On/Off top bar.
Custon Content Left(HTML): Enter the HTML content for Top Bar left.
Show Login/Register: Turn On/Off Login/Register on Top Bar position.
Footer
Footer contains Widgetized area and Footer Bottom. You can change any parts.
Footer Style: There are 2 Footer Styles including Style1(Display Logo) and Style 2(Display Social).
Style1(Display Logo)
Style 2(Display Social)
Footer Columns (Widgetized): Set the footer column number from the drop-down list. A
number of columns can be from 1 to 4. You also can select None to leave it blank (no footer
content).
Footer Logo: You can add a logo for the footer.
Use Image for background: Turn On/Off to use an image for the background.
Footer Bottom Content (HTML): Add your footer bottom content here.
Widget
This section enables you to add and customize Widgets on your preview site. It includes a number of Footer
Columns due to the setting in above section: Footer Settings.
WooCommerce
When WooCommerce is installed on your site, you will be able to change settings for shop pages and products
in Customizer.
Shop Page
Shop Layout: It can be full-width, right sidebar or left sidebar. If you choose a
sidebar for your shop page, you need to choose a sidebar on Shop Sidebar option.
Shop Heading: You can choose heading background image for shop page. It will be
displayed on the header of shop page.
Shop Default View Style: Choose the style default for your shop page including Grid or
List.
Product Grid Columns: Select the number of columns products for the page.
Product Per page: Enter the number of products which will be displayed on
per page.
Single Product
Product Layout: It inherited from shop page layout. You can choose a layout for the
single product on Shop Page section. If you want to change to the different layout, uncheck the same as
Shop layout box to choose another option.
Product Sidebar: Choose Sidebar for Single product page.
Related Products Counts: Select the number of related products on single product page.
Enable Social Sharing: Click turn On/Off social sharing on your single product.
Product Heading: Enter product heading and select Heading background image.
Heading Background Image: Choose the Heading Bakckground Image for single product page.
Blog
Post List
Choose layout settings for your Post List.
Blog Layout: It can be full-width, right sidebar or left sidebar. If you choose layout
with sidebar, select blog sidebar for your blog
Blog Sidebar: Choose a sidebar for your blog.
Heading Title: Enter title for blog page here. Your title will be displayed in the
center of the background image.
Heading Background Image: You will have background image on the header of blog page if
you click “Select Image” button then choose your image.
Header Transparent: Check or uncheck to turn on or off Header Transparent.
Excerpt Length: The number of characters displayed on post-selection.
Single Post
Post Layout: Choose Post layout same as blog layout by checking boxes beside options or
uncheck to choose another layout
Post Sidebar: Choose sidebar for single post page.
Show Post Meta: If checked, post meta will display on each post. Similarly, you can
choose show/hide post tags and author’s bio.
Enable Social Sharing: Enable/Disable Social Sharing. If enable, you will allow a
visitor to share your posts by Facebook, Twitter, Google+, Pinterest and LinkedIn.
Heading Title: Enter the heading title.
Heading Background Image: Select heading backgroung image for single post.
Social Media
This section helps you to input your social media profile.
Custom Code
In this section, you can add custom JavaScript and CSS to your site. Your Google analytics tracking code
should be added to Custom JavaScript field.
Import/Export Setting
All themes from YoLoTheme share the same theme settings structure so you can export then import setting from
one theme to another conveniently with our any problem.
Import Settings: Click Upload button then choose a JSON file (.json) from your computer
to import setting to this theme. All the settings will be loaded for preview here and will not be saved
until you click button “Save and Publish”.
Export Setting: Simply click Download button to export all your settings to a JSON file
(.json). You then can use that file to restore theme settings to any theme of YoLoTheme.
NAVIGATION
Menu Location
Kidzone has 4 menu locations:
Split Left: This is split left navigation when Header style: Logo Center .
Split Right: This is split right navigation which will be displayed when Header Style: Logo Center.
Primary Menu: This is main navigation which located in the header.
Top Menu: This is located at the top bar. It doesn’t support dropdown.
Create A New Menu
This theme has built-in multi-column menu system. Menu are created using the core WordPress menu
manager. Following the guide below to learn how to create a new menu on Kidzone theme.
Step 1: Navigate to Appearance--> Menus from
Admin panel.
Step 2: Click the Create A New Menu link to make a new menu. Enter the
name then click Create Menu button.
Step 3: To add menu item, select pages and posts on the left-hand side and click
Add to Menu button. You also can add custom links or post categories into the menu.
Step 4: To create a dropdown menu, simply drag a menu item below of another menu item
and slide to the right, and it will lock into place and create a dropdown section.
Step 6: After setting up your menu, scroll down to the bottom of the page to assign the
menu on the Theme Location box.
Step 7: Once it’s all done, make sure you click the Save Menu
button.
PAGE & POST
Page
Kidzone’s page is built by Visual Composer plugin, please make sure your website has installed this
plugin. You can see this Video Tutorials
of Visual Composer plugin learn more about “How to build your custom page”.
In addition, Kidzone provides 2 sections to set up your page, including Page Template and Page Settings.
Page Template
We have built some specific Kidzone’s page template for you. Here is the list and their short
description:
Default Template: The default template can be used for any page. You can
customize and add a shortcode to build Homepage, Contact, Blog…
Full- width Template: This template is set to be full-width that can be used for
Homepage, About page….
Page with Left Sidebar: You can have your page with the left sidebar with this
template. Use this template for your blog or whichever page you want to have a sidebar. Select Page
sidebar to display in sidebar position in Sidebar box.
Page with Right Sidebar: Also with sidebar but the right one, and of course, its use is
quite the same. Choose this template for your blog or whichever page you want to have a sidebar. Select
Page sidebar to display in sidebar position in Sidebar box.
Page Settings
We have created some specifics Kidzone page settings which will help you to build splendid pages for your
website. Following the list of options below to see how they work:
Heading Style: There are 3 heading styles including Default, Logo Align Left,
and Logo Top Center.
Heading Transparent: Check/ Uncheck to Enable or Disable Heading Transparent.
Hide Page Title: Turn On/Off page title by checking or uncheck this option.
Edit Page Title: Enter text on this box to edit your page title.
Heading Background Image: Click “Select Image” button to change your
Heading background.
Post
Kidzone supports 5 post formats. Follow below steps to see the description of Post Formats and Global setting
of Post.
Post-Format Setting
Gallery Settings: When selecting Gallery Format, you will have Gallery Setting meta-box
to add as many images as you want into your gallery and manage your preview content as Featured Image,
First Image on Gallery or Image Slideshow.
Image Settings: When you selecting Image Format for you post, you will have Image
Settings a meta-box to choose a main image of the post. Set Feature Image as the main image for preview
content or Choose Your Image if you want to set another image as the main image for preview content.
Video Settings: When selecting Video Format, you will have Video Setting meta-box where
you can add video URL, and embedded video code, aspect ratio, and preview content as Featured Image,
Video or Featured Image as Video Thumbnail.
Audio Settings: When selecting Audio Format, you will have Audio Setting meta-box where
you can add embedded audio code, aspect ratio and preview content as Featured Image, Video or Featured
Image as Video Thumbnail.
Quote Settings: When selecting Quote Format, you will have Quote Setting meta-box where
you can add the quote and citation and manage your preview content as Featured Image.
Post Setting
Page Layout: The default for the layout of Single Post is Page With left Sidebar, check
on Override Global Settings option if you want to select another layout style,
including Full Width, Right Sidebar and Left Sidebar.
Heading Background Image: Select an image as Heading Background for your post.
KIDZONE WOOCOMMERCE
Install WooCommerce
There are two ways to install WooCommerce plugin, you can choose a suitable ways for your website.
Automatic Installation
Automatic Installation is the easiest option as WordPress handles the file transfers itself and you don’t
even need to leave your web browser.
Step 1: Login your WordPress Dashboard --> Navigate to
Plugins--> Add News.
Step 2: In the search field type “WooCommerce” and
click “Search Plugins”
Step 3: The first plugin listed should be “WooCommerce-excelling
eCommerce” by WooThemes. Click the “Install Now” link.
o Install may take several minutes depending on your server speed and available memory.
Step 4: Once activated, you will see a notice across the top of your admin area with a
purple button to Install WooCommerce pages automatically.
o If you have already imported our demo content that includes eCommerce content,
click “Skip this step”
o If you have not loaded any demo content, click “Install WooCommerce
Pages”
Step 5: All done, you will have WooCommerce plugin on your site.
Manual Installation
The manual installation involves downloading the plugin and uploading it to your webserver via your favorite
FTP application.
Step 1: Download the plugin to your computer and unzip it
Step 2: Download the plugin to your computer and unzip it.
Using an FTP program, or your hosting control panel, upload the unzipped plugin folder to your WordPress
installation’s wp-content/plugins/ directory.
Step 3: Activate the plugin from the Plugins menu within the WordPress admin.
Step 4: Once activated, you will see a notice across the top of your admin area with a
purple button to Install WooCommerce pages automatically.
o If you have already imported our demo content that includes eCommerce content,
click “Skip this step”
o If you have not loaded any demo content, click “Install WooCommerce
Pages”
Step 5: All done, you will have WooCommerce plugin on your site.
Create A New Product
WooCommerce supports 5 type of products. Please go to this link learn more about
how to create a product of WooCommerce plugin.
WooCommerce Configuration
Please go to WooCommerce --> Settings to see all configurations of this
plugin.
KIDZONE CUSTOM POST TYPE
Testimonial
Create New Testimonial
Step 1: From admin panel, navigate to Testimonial-->Add New to add new testimonial
Step 2: Enter title and description for testimonial
Step 3: Choose Testimonial Categories of new testimonial on the right side.
Step4: Scroll down your mouse you will see Testimonial options, please fill out
information for Testimonial options.
Step 5: All done, click Publish to save your information.
Testimonial Setting
Your Image: Select avatar or thumbnail image of customers.
Your Name: Enter customer name here.
Your Position: Enter customer position here.
Team Member
Create New Team Member
Step 1: From admin panel, navigate to Team Member --> Add
New to add new team member
Step 2: Fill out all information of Team Member Information, Media Data: Social
and Specialty for your Team Member.
Step 3: All done, click “Publish” to save the
configuration.
Team Member Setting
Team Member Information: Enter all information of Team Member as Image, name, position,
phone, email and experience.
Media Data: Social: Enter your link social here. Leave blank if you don’t show
Social for your Team Member.
Specialty: Enter the description for your Team member specialty.
Certificates: Enter the description for your Team member certificates.
Teachers
Create New Teacher Item
Step 1: From admin panel, navigate to Teachers --> Add
New to add new teacher item.
Step 2: Enter title and description for Teacher Item.
Step 3: Choose Teacher Testimonial, Teacher Contact Form and fill out information for Teacher Options and Add Performance for Teacher Item.
Step 4: Select Teacher Categories and Feature Image for teacher in the right side.
Step 5: All done, click Publish to save the configuration.
Teacher Setting
Teacher Testimonials
Select Testimonial: Select Testimonial Items which will be displayed on Teacher single page.
Testimonial Columns: Select columns for testimonial.
Teacher Contact Form
Select contact form to display on teacher item page.
Teacher options
Fill out information for teacher including Teacher Name, Teacher Position, Phone, Email, Social(Twitter,Facebook,GooglePlus,LinkedIn,Pinterest,Instagram).
Teacher Skills
Add teacher skills for your teacher. The skills will be displayed on teacher item page.
Teacher Performance
Add teacher skills for your teacher. The skills will be displayed on teacher performance page.
Events
Create New Event Item
Step 1: From admin panel, navigate to Events --> Add
New to add new event item.
Step 2: Enter title and description for Event Item.
Step 3: Choose Event Options, Place in Map and select Event Contact Form, add Event Activities for event item.
Step 4: Select Event Categories, Event Location and Feature Image for event in the right side.
Step 5: All done, click Publish to save the configuration.
Teacher Setting
Event Options
Select Start/ End Time and fill out information for Event Address, Event Phone and Event Email on Event Options section.
Place in Map
Find your Latitude/ Longitude of your event location then add on Latitude/ Longitude on Place in Map options.
Event Contact Form
Choose Event Contact Form which will be displayed on Single Event page.
Event Activities
Add Event Activities for your event by clicking on "Add Activities" button.
Course
Create New Course Item
Step 1: From admin panel, navigate to Courses --> Add
New to add new course item.
Step 2: Enter title and description for Coure Item.
Step 3: Scroll down and fill out information for Course Time, Course Options, Course Teacher, Course Testimonials, Learning Skills and Course Quality section.
Step 4: Select Course Categories, Course Level and Feature Image for course in the right side.
Step 5: All done, click Publish to save the configuration.
Course Setting
Course Time
Choose the start time/ end time from Monday to Sunday of Course time table.
Course options
Fill out information for Course Price/Course Phone/ Course Email and select Course Review.
Course Teacher
Choose teacher for course from drop down list teacher.
Course Testimonials
Select testimonial items for course. They will be displayed on Testimonial Item page.
Learning Skills
Add skills for course by clicking "Add Skills".
Course Quality
Add quality for course by clicking "Add Quality".
Yolo Portfolio
Create New Portfolio Item
Step 1: From admin panel, navigate to Yolo Portfolio --> Add
New to add new teacher item.
Step 2: Enter title and choose Media Type for Portfoliio item.
Step 3: Select Portfolio Categories and Feature Image for teacher in the right side.
Step 5: All done, click Publish to save the configuration.
Portfolio Setting
Choose the media type for this Portfolio item.
KIDZONE SHORTCODE
Instead of writing lines of code to build elements, we built Kidzone with number of pre-made shortcodes that enable you to create elements as you see on our demo
By installing Visual Composer (the page builder plugin included in the theme package), you will have the Visual Backend Editor where every shortcodes are displayed visually before your eyes and easily generated in several clicks
Most of the properties of shortcodes are optional. You only need to include those properties when needed. The shortcode button generator can be found in both Classic Editor or Visual Composer.
Yolo Service
Use this shortcode to show services on your site.
Detail option:
Index Style: - select -Choose style for shortcode including Index 1 and Index 2.
Index 1
Index 2
Title:- string - Title of shortcode.
Description: - string - Description of shortcode.
Yolo Client
Use this shortcode to show “the client on Home Classic.
Detail option:
Style:- select - There are 2 style layout including Slider and Default.
Status Button: - select - Show/Hide status button.
Upload Image:- URL - Select the avatar of client from your Media Library or Upload from your computer.
Custom Link: - Links- Enter the links for each Clients here. Divide links with linebreaks(Enter.)
Custom Link target: - select- Select where to open custom links: New windown/ Same windown.
Yolo Newsletter
This shortcode will help to build subscribe form on home page.
Detail option:
Title:- string- Enter title here.
Background Title Image: - URL- Select background image from your Media Library or Upload from your computer.
Subscribe text - string - Subscribe text of shortcode.
Subscribe Mail List - string - Subscribe text of shortcode.
Phone number - string - Enter the phone number here.
Yolo Testimonial
Use this shortcode to show testimonials on the front page.
Select testimonial:- select- Select testimonial items for shortcode.
Style:- select- Select style layout including Full-Width or Default.
Auto Play:- select- Turn On/Off auto play.
Yolo Image Slider
Use this shortcode to show slider on Home page.
Detail option:
Label: - string - Enter text for this option.
Select Image: - URL - Choose image from Media Library or Upload from your computer.
Scrollwheel : - True/Fasle.
Auto Play: - True/Fasle - Choose true/false enable auto play.
Yolo Recent News
Use this shortcode to show recent posts on your page.
Detail option:
Choose style for recent new: - select - Select style layout for recent news including Index-1 and Index-2.
Index-1
Index-2
Categories: - select - Select categories which displayed items on this shortcode.
Column: - select - select between 1,2,3,4.
Post per page: - number - The number of posts will be displayed on per page.
Excerpt Length: - number - The number of characters displayed on post-selection.
Yolo Product Masonry
Use this shortcode to show the product masonry on Product Masonry page.
Detail option:
Categories:- Select - Choose product categories which displayed product items on your Product masonry page.
Filter alignment: - Select - You can choose Center/ Left/Right.
Pagination: - Select - Choose pagination type including Page Number, Load More button and Infinite Scrolling.
Product Per Page: - Number - Enter the number of product per page.
Product Ordering: - Select - Arrange your product following different order criteria including Publish Date, Random, Alphabetic, Popularity, Rate and Price.
Sorting: - select - Ascending or Descending.
Yolo Pricing Plans
Use this shortcode to build Pricing Plans page.
Detail option:
Title:- String - Title of shortcode.
Price: - string - Enter the price.
Link: - Link - Enter the link URL.
Label: - String - Enter text used as value of label.
Height: - number(px) - Enter height of plan. Default is 617px.
Yolo Course
Use this shortcode to display courses on your page.
Detail option:
Title: - String - Title of course.
Sub Title: - String - Sub Title of course.
Select categories: - Select - Choose courses categories to display course items on your page.
Style: - Select - Choose style layout including Grid and List.
List
Grid
Grid Columns: - Select - Choose columns for grid style.
Posts Per Page: - Number - Enter the number of posts to display per page.
Show Pagination: - Select - Show/Hide pagination.
Yolo Teachers
Use this shortcode to show teacher items on your page.
Detail option:
Style: - Select - Choose style layout including Home index-1, Home index-2, Grid and List.
Home index-1
Home index-2
List
Grid
Select Categories: - Select - Choose teacher categories to display teacher items on your page.
Grid Columns: - Select - select between 2,3,4.
Posts Per Page: - number - Enter the number of posts to display on per page.
Show Pagination: - Select - Show/Hide pagination.
Show Readmore: - Check - Check to Show/Hide Readmore.
Excerpt length: - Number - The number of characters displayed on post-selection.
Class: - string - Enter class for shortcode.
Yolo Events
Use this shortcode to show Events on your page.
Detail option:
Title: - String - Title of events
Sub Title: - String - Sub Title of Events.
Select categories: - Select - Choose categories to display event items on your page.
Style: - Select - There are 2 style layout including Grid and List.
List
Grid
Post Per Page: - Number - Enter the number of events which displayed on your page.
Show Pagination: - Select - Show/Hide pagination.
Excerpt length: - Number - The number of characters displayed on post-selection.
Class: - String - Enter class code.
Yolo Portfolio
Use this shortcode to show portfolio items on your page
Style Effect: - Select - Choose style effect for you portfolio including Index-1 and Index-2.
Index-1
Index-2
Select categories: - Select - Select categories to display portfolio items on your page.
Post Per Page: - Number - Enter the number of posts to display on per page.
Show filter: - Check - Check to show filter
Show Pagination: - Select - Choose Show/Hide pagination.
Class: - String - Enter class code.
Yolo TimeTable
Use this shortcode to display Timetable on your page.
Detail option:
Title: - String - Title of Timetable.
Sub Title: Select one image from Media Library or your computer.
Select categories: Select course categories to display items on your TimeTable.
Show Filter: - Check - Check to Show/Hide filter.
Class: - String - Enter the class code.
Yolo Statistical
Use this shortcode to show statistical on your page.
Detail option:
Style:- Select - Choose style for Statistical layout including Index-1 and Index-2
Index-1
Index-2
Title: - String - Title of shortcode.
Number:- Number - Enter the number.
Choose Icon: - Select - Choose icon from drop down list icon.
Choose Color: - Color - Choose color.
Yolo Video
Use this shortcode to show video on Home page
Detail option:
Choose style for video:- Select - Choose video style including Index-1 and Index-2
Index-1
Index-2
Video URL:- URL - Enter video URL.
Background Image:- image URL - Choose the image from Media Library or Update from your computer.
FOOTER
This style is default style of the footer in WordPress theme. You can create a footer with widget and bottom
bar. Both of these areas can be configured in Customizer on Footer tab. You can add up to 4 columns into the
widget area and customize by adding widgets you want.
Add Footer Widgets
Step 1: From Admin panel, navigate to Customizer--> Footer,
set the footer column number from the dropdown list. A number of columns can be from 1 to 4. You also
can select None to leave it blank (no footer content).
Step 2: To add widgets into the footer, you can opt to add in Customizer
--> Widgets tab directly or come back to Admin panel -->Appearance
-->Widgets.
Step 3: In Customizer --> Widget,
you will see a number of Yolo – Footer column #i tab corresponding to a number of columns you
select in step 1. In each tab, hit “Add” a Widget button and choose Widget from widget list.
If you add a widget in Appearance Widgets, you will see Yolo – Footer Column #i widget section on the
right-hand side. Your widgets are located on the left-hand side. Simply drag and drop the widgets you want
from the left side into the sliding bar widget sections on the right side.
Step 4: Don’t forget to save changes after you customize any widget in footer.
Bottom Bar
The bottom bar can be customized from Customizer-->Footer tab. To have the bottom bar
with Copyright text and social icon like in our demo, add custom HTML into the Bottom Bar Content field
TRANSLATION
Kidzone is a WMPL – compatible and multi- language ready theme. To translate this theme please follow
these steps:
Step 2: Open PoEdit and open the .po file of your preferred language in PoEdit and
search your line you want to change. To do this, select the Edit button--> Find
option.
Step 3: In the Search Window, type the text string you are looking for. Once it is
selected, replace the text in the Translation text area in the lower part of the window with your
preferred translation.
Step 4: If you’d like to edit another text string, just repeat Steps 1 to 2.
Step 5: Click “Save” to save configuration. The .mo
file will be auto created.
Step 6: The final step, you need to rename of .mo file with Code
Name of your language. Please see the language code list HERE
For example de_DE.mo for German – Deutsche
Step 7: Navigate to Settings--> General-->Site
Language to select your language.
EXTRA
Come together with Kidzone, these plugins are recommended to install and activate for flexible use. Below are
the source for documentation and support of each plugins.
