Introduction
==========
We would like to thank you for purchasing Learn! We are very pleased that you have chosen Learn for your website, you will not be disappointed! Before you get started, please be sure to always search our Documentation. We outline all kinds of good information, and provide you with all the details you need to use Learn. The theme can only be used with WordPress and we assume that you already have WordPress installed and ready to go. If you do not, please go to [wordpress.org](http://wordpress.org) to download and install the latest version of Wordpress.
-----------------------------
WordPress Information
=====================
To install this theme you must have a working version of WordPress already installed. If you need help installing WordPress, follow the instructions in [WordPress Codex](http://codex.wordpress.org/Installing_WordPress). Below are all the useful links for WordPress information.
- [WordPress Codex](http://codex.wordpress.org/Installing_WordPress) – General info about WordPress and how to install on your server.
- [First Steps With WordPress](http://codex.wordpress.org/First_Steps_With_WordPress) – General info about multiple topics about WordPress.
- [FAQ New To WordPress](http://codex.wordpress.org/FAQ_New_To_WordPress) – The most popular FAQ’s regarding WordPress.
Licensing Plugins
=================
There are two licensing plugins used in the theme: **Visual Composer** and **Revolution Slider**, we purchased them from codecanyone.net and included them in the theme package. We are not allowed to include the license key for each of them. If there is any update, we are accountable for updating the theme with the newest version of plugins.
In fact, the license key will not help you anything even updating plugins to the newest version. Only direct buyers can do this. Because we provide those with the themes; therefore, we will take care of updating them for our customers. Just take a look at the link by the author of plugins to see more. http://www.themepunch.com/faq/how-to-update-the-slider/ We will keep the plugins up - to - date.
Files included in the package
=========================
When you purchase our theme from ThemeForest, you need to download the theme package from your themeforest account. Navigate to your downloads tab on ThemeForest and find learn. Click the download button to see the two options. The **All files & documentation** contain everything, the **Installable WordPress** Theme is just the installable WordPress theme file. Below is a full list of everything that is included when you download the main files, along with a brief description of each item.
- `learn.zip`: main theme file that need to be uploaded to host to install learn theme.
- `learn-child.zip`: basic child theme of learn theme. It is created for people who want to customize code of the learn theme.
- `Sliders`: this folder contains sliders which are exported from our demo.
- `widgets-data.wie`: this file contains all widgets which are exported from our demo.
- `theme-options.txt`: theme option backup file. You'll need this to restore the default theme options that setup for demo website.
- `demo-content.xml`: this file contains all sample content which will help you to have a first look of how we use learn theme.
- `Documentation`: documentation folder that contains documentation files.
- `Plugins`: this folder contains plugin packages which are downloaded from Codecanyon and learn Demo Content plugin.
------------------------------
Installation
=========
Step 1 - Install theme
-------------------------
After you download the package from ThemeForest, please unzip it. You'll see a file called `learn.zip`, which is the main file needed to upload and install.
You can either choose to upload and installl the theme using **WordPress theme install** or use **FTP** function.
**Install theme using WordPress install function**
- Go to `Appearance > Themes` and click **Add New**
- Select **Upload**
- Click **Browse** and select the `learn.zip` file
- Click **Install Now**
- When upload and installation progresses are completed, click **Activate**, or go to `Appearance > Themes` and activate the **learn** theme
**Upload and install using FTP**
If you get any fail when install theme by Wordpress install function, we recommend to use FTP:
- Unzip the `learn.zip` file, you'll get a folder `learn`
- Use a FTP client like [FileZilla](http://filezilla-project.org/) and upload that folder to `wp-content/themes` folder on your host
- Go to `Appearance > Themes` and activate the **Learn** theme
Step 2 - Install plugins
----------------
After installing the learn theme, you'll see a notification in the top of the page that says the theme needs some plugins to function properly.
The learn theme **requires** following plugins:
- [Meta Box](https://wordpress.org/plugins/meta-box/): plugin for creating meta boxes for posts, pages,... It is free and available on WordPress.org
- [WPBakery Visual Composer](http://vc.wpbakery.com/): it is Drag and Drop Frontend and Backend Pagebuilder Plugin for Wordpress.
- [Woocommerce](https://wordpress.org/plugins/woocommerce/): it is a powerful, extendable eCommerce plugin that helps you sell anything.
The learn theme **recommends** following plugins:
- [Revolution Slider](http://revolution.themepunch.com/): is an all-purpose slide displaying solution that allows for showing almost any kind of content with highly customizable, transitions, effects and custom animations. Due to its visual oriented interface and countless options, Slider Revolution is suited for beginners and pro’s alike!
- [Contact Form 7](https://wordpress.org/plugins/contact-form-7/): plugin for creating contact forms. It is free and available on WordPress.org
- OT Testimonial: this plugin is used to manage testimonials.
- [MailChimp for WordPress](https://wordpress.org/plugins/mailchimp-for-wp/): helps you add more subscribers to your MailChimp lists using various methods.
- [Sensei](https://www.woothemes.com/products/sensei/): Teaching coursework has never been easier, all within WordPress. With the Sensei plugin you can create courses, write lessons, and add quizzes. Set lesson and course pre-requisites, allow user registration and even charge for your course content if you want. Sensei is the ultimate WordPress learning management system!
Learn is working perfectly with these plugins. It automatically adds more styles to them to make the design match the theme.
To install these plugins:
- Click **Begin installing plugins**
- You'll be redirect to a page where all needed plugins are listed. Just click on **Install** below each plugin's name
- After installing, if it's required to activate the plugin, just activate

Step 3 - Config plugins
-----------------------
- Woocommerce Settings: After finishing to install these plugins, you need to change the size of product images for catalog.
- Go to `Woocommerce > Settings > Products > Display`, under the Product Images section, you will find Catalog Images, Single Product Images, and Product Thumbnails.
- Catalog Image is for your images on the shop page and for shortcodes. Single Product Image is for your images on the single product pages. Product Thumbnail is for your smaller product thumbnails for widgets.
- Change the size of Catalog Image to 300x 300, Single Product Image to 900x 800, Product Thumbnail to 140x 160.
- 
One click import demo content
===================
Before importing the available content, make sure you have installed and activated all the required plugins. Please take a look at **Step 2 - Install plugins** to know how to install and active plugins.
Step 1 - Install Demo Importer plugin
-------------------------------------
- **Install a Plugin using Upload Method**
- Go to `Plugins > Add New`.
- Click to `Upload Plugin`.
- Click to `Choose File`, browse `learn-demo-content.zip` in plugins folder of package theme and upload it.
- Click to `Install Now`.
- Click on `Activate the plugin`.
- **Install a Plugin using FTP Manager**
- You can use a FTP client like [FileZilla](http://filezilla-project.org/).
- Unzip the `learn-demo-content.zip` file, you'll get a folder `learn-demo-content`.
- Upload that folder to `wp-content/plugins` folder on your host.
- Go to `Appearance > Plugins` and activate the **learn-demo-content** plugin.
Step 2 - Import demo content
-----------------------------------
- To import available demo content, just go to `Appearance`>`Theme option data` and click on `Import Demo Content` button.
- VIDEO Import Demo With Sensei: https://www.youtube.com/watch?v=pIs1WB1vapw
- VIDEO Import Demo Without Sensei: https://www.youtube.com/watch?v=B13stVVERtE
- After installing demo content, your website won’t look like the live preview. You’ll still need to config a few more things in your website.
Step 3 - The final setup
-------------------
**MailChimp Form**
- Go to `MailChimp for WP`>`Forms`:
- Click **Save Changes**
- 
**Contact Form 7:**
- Go to `Contact`>`Contact forms`>`Edit Contact form`>`Mail`:
- Contact Form 7 : There are several things you need to change here such as the email addresses...(as red-made in the screenshot):
- 
Manual import demo content
===================
Step 1 - Import demo content
----------------------------
- Go to `Tools > Import`
- Select **WordPress** from the list
- If you haven't installed the **WordPress import plugin**, a popup window will appears and ask you to install it. Just click **Install Now**. When the installation progress is completed, click **Activate Plugin & Run Importer**. If you have installed this plugin, skip to next step.
- Click **Browse** and select `demo-content.xml` file from the download package
- Click **Upload file and import**
- When you are asked to import author, you can create new author or import to existing author. You also should check the checkbox **Download and import file attachments**.



After completing all above steps, go to `Posts`, `Pages`, `Products` to see imported data.
Step 2 - Import Revolution Sliders
----------------------------------
- Go to Revolution Slider.
- Click Import Slider button on the bottom right.
- Click Choose file and select a slider in Slider folder from the download package.
- Click Import Slider button to start importing. It usually takes seconds to finish.
- 
Step 4 - Import Theme Options
----------------------------------
- Open the `theme-options.txt` file from from the download package.
- Copy all content inside this file.
- Go to `Appearance > Theme Options > Backup - Restore`, and paste the text file’s contents into the ‘Backup Settings’ field.
- Click the **Import Options** button to start importing theme opitons.

Step 5 - Setup homepage and blog page
-------------------------------------
After install demo content, you'll see a page `Front Page`. This page will be used as the homepage of the website. To set it as homepage, please go to `Settings \ Reading`, under **Front page displays**, please chose **A static page (select below)** and select **Front Page** for **Front page** and **Blog** page for **Posts page**.

Step 6 - The final step
-----------------------
**MailChimp Form**
- Go to `MailChimp for WP`>`Forms`:
- Click **Save Changes**
- 
**Contact Form 7:**
- Go to `Contact`>`Contact forms`>`Edit Contact form`>`Mail`:
- Contact Form 7 : There are several things you need to change here such as the email addresses...(as red-made in the screenshot):
- 
Create New Menu
===============
Following these steps to create a menu:
- Go to `Appearance > Menus`
- Click the **create a new menu** link to create new menu.
- Select items from the left meta boxes and click **Add to Menu**
- On the right, feel free to drag and drop menu items to organize them
- When you're done moving menu items, check **Primary Menu** for **Theme locations** at the bottom of the page
- Click **Save Menu**

Setup Mega menu
===============
###Config Mega Menu
The learn theme adds some options to the menu item. They allow you to config mega menu. Click the mega menu text in every menu item to show options. If you add new menu item and the mega menu text does not show, you need to click to save menu button and after that try again.



- **(1)**: Edit mega menu item.
- **(2)**: Turn on or off the mega menu item. Only top level items can enable the Mega Menu.
- **(3)**: Set the width of mega menu. It is optional. The default value is 100%. It affects on the top level items only. It usually used to set the width of vertical mega menu.
- **(4)**: Turn on or off the background color white of the mega menu item. The background color of the mega menu item is default color of theme.
- **(5)**: Change the background image of the mega menu item.
- **(6)**: hide the link label. It affect on second level items only and inside mega menu only.
- **(7)**: Select the width of submenu column. This option affect to the second level items only.
- **(8)**: The text area allow you to put any custom content for menu item, like HTML or shortcodes. It affects on second level items and third level items only.

###Example
Here is the instruction you can follow if you desire you set up a mega menu for your site. We take **Page** menu as an example. You can do similarly with other menus. Imagine that we have **Page** and inside of it, we need to have four sub-menu. So each of the sub-menu will takes up 1/4 the total width.
- First follow the path `Appearance`>`Menus`
- Go to **Page** (level 1) tick to choose Mega Menu
- 
- 
- Go to **Communicate** (level 2), then in the Column Width box choose 1/3.
- 
- Go to **Page Columns** (level 2), then in the Column Width box choose 1/3.
- Go to **Other Pages** (level 2), then in the Column Width box choose 1/3.
- Go to **Sub Menu With Icons** (level 2), then in the Column Width box choose 1/3.
- Go to **Download** (level 3), then in the Column Width box choose 1/1 and content.
- 
- Go to **Video File** (level 3), then in the Column Width box choose 1/1 and in the content.
- Go to **Audio File** (level 3), then in the Column Width box choose 1/1 and in the content.
- Go to **Members** (level 3), then in the Column Width box choose 1/1 and in the content.
- After completing the above steps, you would see the result as shown in the screenshot below.
- 
Visual Composer Basics
======================
It has very simple and intuitive interface, but before getting started, you may find it useful to get accustomed with its documentation:
[Visual Composer Documentation](https://wpbakery.atlassian.net/wiki/display/VC/Visual+Composer+Pagebuilder+for+WordPress?title=Visual_Composer)
In learn theme, we also create some new elements and add some new parameters to exists elements of Visual Composer. It will help you a lot to build your HomePage easier. Following we will go through some popular elements of Visual Composer and all of new elements that learn theme brings to you.
###Button
This shortcode is used to create a button. Below is the list of its parameters:
- **Button Text**: Enter text button.
- **Button Link**: Add link button.
- **Button Type**: Select type button.
- **Button Size**: Select size button.
- **Not Radius ?**: Select radius. Defaul: No.
###Search Course
This shortcode is used to create search form. It contains the following parameters:
- **Placeholder**: enter the placeholder.
###latest Course
It contains following options:
- **Number Courses**: Enter the number show.
- **Columns**: Select the number column.
- **Label Button**: Enter the text button
- **Link Button**: Add link for button.
###Next Course
It contains following options:
- **Number Courses**: Enter the number show.
- **Columns**: Select the number column.
- **Label Button**: Enter the text button
- **Link Button**: Add link for button.
###Pricing table
It contains following options:
- **Title Pricing**: Title display in Pricing Table.
- **Price Pricing**: Price display in Pricing Table.
- **Time**: Per Month or Year display in Pricing Table.
- **Detail Pricing**: Content Pricing Table.
- **Label Button**: Enter the text button
- **Link Button**: Add link for button.
- **Featured?**: Featured Plan.
- **Style 2?**: Plan style 2.
###Client Logos
----------------------
It contains following parameters:
- **Logo Client**: Upload logo images
- **Number**: Number Images Visible. Default: 6.
- **Carousel Speed**: Default: 5000.
###Features
----------------------
It contains following parameters:
- **Title**: Enter the title.
- **Icon Left**: Icon left service.
- **Description**: Detail in box.
- **Light Skin**: Tick light skin or not.
###Testimonial
----------------------
This element is used to display testimonial. It contains following parameters:
- **Light Text**: Tick light text or not.
###Our Team
----------------------
It contains following parameters:
- **Photo**: Photo of Member.
- **Name**: Name of Member.
- **job**: Job of Member.
- **Phone**: Job of Member.
- **Description**: Description of Member.
- **Social 1** Link and icon.
- **Social 2** Link and icon.
- **Social 3** Link and icon.
- **Social 4** Link and icon.
- **Button Link**: Add link for button.
- **Style 2**: tick style 2 or not.
###FAQ
----------------------
It contains following parameters:
- **Question**: Add question for Faq.
- **Answer**: Add the answer.
###Photo, Video, Gallery
----------------------
It contains following parameters:
- **Photo or Thumbnail Video**: Upload photo or thumbnail video?
- **Video Gallery?**: tick or no.
- **Title**: Enter the title.
###Get Direction
----------------------
It contains following parameters:
- **End Point Address**: Enter the point address.
- **Label Button**: Add text for button.
###Google Maps
This element is used to display the map for the site.
- **ID Map**: Please enter ID Map, map-canvas1, map-canvas2, map-canvas3, ..etc
- **Height Map**: Please enter number height Map, 300, 350, 380, ..etc. Default: 420.
- **Latitude**: Please enter http://www.latlong.net/ google map
- **Longitude**: Please enter http://www.latlong.net/ google map
- **Zoom**: Please enter Zoom Map, Default: 15
- **Map color**: Choose Map color.
- **Icon Map marker**: Icon Map marker, 47 x 68
Theme Options
=============
learn theme comes with unique, creative and easy-to-use Theme Options page. You can change all theme options in one place!
- **General Option**

- **Blog Option**

- **Footer Option**

All options have full description so you can know what you are doing. Just click and save!
Post Format
===========
[Post Formats](http://codex.wordpress.org/Post_Formats) is theme feature which is a piece of meta information that can be used by a theme to customize its presentation of a post.
In short, with a theme that supports Post Formats, a blogger can change how each post looks by choosing a Post Format from a radio-button list.
learn theme supports the following post formats:
- `gallery` - A gallery of images, which will be displayed in a responsive image slider, powered by Flexslider.
- `image` - A single image, which will be shown above post title.
- `video` - A single video, which can be any video from Youtube, Video or other video websites. Support URL or embed code. The video will be displayed above post title.
- `audio` - An audio file, which can be any video from Youtube, Video or other video websites. Support URL or embed code. The video will be displayed using a powerful HTML5 audio player provided by Wordpress as default player.
Using post format in learn lets you differentiate post from each other and make the blog page / single page looks more beautiful.
[Go to blog page](http://demo.vegatheme.com/learn/blog/) to see how post formats look.
When you edit a post, select a format you want to apply to that post on the **Format** meta box on the right:

When you choose a format, a corresponding meta box will appear **below** the content editor, here's the list of them:

All you need to do is just enter **all** information in the fields in these meta boxes. This information will be used to decorate the post. For example: gallery post format will uses uploaded images to show a slider above post title, a video post will display a video player above post title, etc.
------------------------------
Create And Manage Courses
===========================
With the Sensei plugin you can create courses, write lessons, and add quizzes. Set lesson and course pre-requisites, allow user registration and even charge for your course content if you want. Sensei is the ultimate WordPress learning management system
Create Product
------------
Now you can start adding your Product. Go to Product > Add Product. Basically there is not big difference to a regular blog post, all elements like featured image and the WordPress Editor are in the same place.

**[1]** Enter product name here.
**[2]** Enter the Regular Price ($).
**[3]** Click `publish`
Create Courses
----------------
Now you can start adding your Courses. Go to Courses > Courses Categories. Basically there is not big difference to a regular blog post, all elements like featured image and the WordPress Editor are in the same place.
Add Courses Categories
----------------
Now you can start adding your course category. Go to Courses > courses categories.

**[1]** Enter category name here.
**[2]** click add new course category.
Add new Teacher
---------------
Now you can start adding your teacher.Users > Add new.

**[1]** Enter the all field.
**[2]** Select role = teacher.
**[3]** Click add new user.
Add Modules
-----------
Now you can start adding your Modules. Go to Courses > Modules.

**[1]** Enter modules name here.
**[2]** click add new module.
Add New Course
--------------
Now you can start adding your Course. Go to Courses > Add New.

**[1]** Enter the course name.
**[2]** Add content.
**[3]** Add Exerpt.
**[4]** Select course categories.
**[5]** Select teacher.
**[6]** Select course modules.
**[7]** Select woocommerce product.
**[8]** Upload feature image.
**[9]** Click publish.
Add New Lesson
--------------
Now you can start adding your Lessons. Go to Lesson > Add New.

**[1]** Enter the lesson name.
**[2]** Enter the content.
**[3]** Upload file download.
**[4]** Select length in minutes and lesson complexty and add embed code.
**[5]** Select lesson courses.
**[6]** Click publish.
- **Continue**

**[1]** Select lesson modules.
**[2]** Click update.
------------------------------
Translation
=========
###Tell WordPress which language file to use.
If you don’t use WordPress in your native language so far, you have to tell WordPress which language to use to activate the theme translation.
You can do this by editing the wp-config.php file (the file is located in the main directory of your WordPress files) and defining the WPLANG constant. You have to set your language code there, for example fr_FR for French translation.
ust add the line below to your wp-config.php or change it if it already exists:
`define ('WPLANG', 'fr_FR');`
###First Method: Using Codestyling Plugin
The easiest way to translate your theme locally is by using the [Codestyling Localization](https://wordpress.org/plugins/codestyling-localization/) plugin. After you have installed and activated the plugin, simply go to `Tools > Localization` (shown in your language) and translate the theme from your WordPress backend following the [plugin instructions](http://www.code-styling.de/english/development/wordpress-plugin-codestyling-localization-en)
###Second Mothod: Using Poedit
Poedit is a common program which you can use to translate the theme. It’s available for free on [poedit.net](http://www.poedit.net/).
After you have installed Poedit, you can open it and select `File > New Catalog from POT file`. Then select the .pot file from the theme you wish to translate which you can find in the `/lang/` folder of theme.
Then go through every line of text and translate it to your native language. Afterwards you can save the catalog with your language code (for example `es_ES.po`). Normally Poedit automatically creates the .mo file and saves it, too.
The last step you have to do is to upload your created language files to the language folder of your theme using FTP.
------------------------------
Child Theme
===========
learn is fully child theme compatible. We have attached a basic child theme to the download package which contains the minimum of required files. If you are planing any code customizations we highly recommend to do this inside the child theme! Learn more about child themes [here](http://codex.wordpresss.org/Child_Themes)
------------------------------
FAQs
====
1. **How to change the color of theme?**
Go to `Appearance > Theme Options > Style`. There are options to pick color form pre-defined colors or pick your favorite color.
2. **Does learn theme support child theme?**
Yes, it does. Please see details in above section.
-------------------------
Need Helps
=========
If you need help, please do not hesitate to contact us! To grant best support we set up a support forum at [http://oceanthemes.ticksy.com](oceanthemes.ticksy.com). Channeling all requests at one place keeps and makes it simple, easier and even more effective for every customers to get quick help. All issues, requests and questions can be discussed and answered at one place.
Please note, you will only get access to our forums with a valid purchase key!