Created: 03 / September / 2014

|

Latest Update: 23 / May / 2018

|

Email: support@wedesignthemes.com

|

By: DesignThemes


1 Theme Documentation

Thank you for purchasing this theme. This is one of the finest WordPress themes. LMS is packed with a lot of powerful features. We have put together this documentation in the best possible way to explain these features and help you set up your website using DesignThemes. Let's get Started!

 

Read the item documentation first

Many support queries and technical questions will already be answered in supporting documentation such as FAQ's and comments from previous buyers. We also make sure that all of the items sold on Envato Market have documentation included so always check the included information and if you can’t find the answer you’re looking for then consider whether the author might be able to help.

 

Note : Sensei plugin included in LMS theme package?

Sensei plugin is not included in the theme. You need to purchase it separately. Our theme only supports sensei plugin.

1.1About the Theme

LMS is Powerful Learning management system WordPress theme provides awesome features for creating online courses, teacher profile, extended user profiles, lesson management, quiz System, video hosting, ranking / rating system, questions system, attachments, Tracking course progress etc., Build an Education system that uses WordPress, Sensei, Custom posts for courses and quiz, student management, BuddyPress, WooCommerce, Event Calendar, WPML, Mail-chimp.

It is really easy to use LMS and build a learning management system that makes learning and teaching online a pleasant experience. Create your online training website with satisfaction and teach to students around the world. Apart from e-learning, LMS can be used as School level Education system also. If you are a school, college or university…let us know! We will provide our best support.

Start educating online, Create your own Training Website easily and have full control and grow wisely.

The general color scheme of your site can be easily altered. In addition, users can personalize page backgrounds. These features allow for greater visual customization, increasing your site’s appeal. LMS is able to support child themes, and it even has a child theme demo. The default fonts can be replaced with awesome Google fonts at any time. Customized typography can prove to your customers that you are a detail-oriented business.

Furthermore, this theme is fully responsive and retina ready to give the opportunity for the customers to reach you via mobile and handheld devices. Also, many powerful features are included on the theme for making an awesome visual experience for the viewers.

 

Theme Customization

Our support covers getting setup with the theme, theme related questions and bugs or issues that occur when using the theme. Customization can be any work you need done to the theme that is not covered by the scope of our support.

In most cases, this is anything that falls outside of the options the theme offers. We work with an amazing customization team, Codeable. They have unique offerings and can provide the services you need to customize your theme.

Note : if it's a minor customization means, we will do it for free. If any customization work takes more than 1 hour, we will charge $25/ per hour.


1.2 Download the Theme Package

When you purchase our theme from ThemeForest, you can download the LMS files via the ‘Downloads’ tab on your ThemeForest account. When you download LMS , you can either choose the ‘All Files & Documentation’ option or the ‘Installable WordPress File Only’ option. The former includes the theme files and supporting documents, while the latter only includes the theme’s installable WordPress file.

Step 1 – Login to your ThemeForest account and navigate to the ‘Downloads’ tab.

Step 2 – Locate your Theme  purchase, and click the Download button. Choose between ‘All Files & Documentation’ or ‘Installable WordPress File Only’.

1.4 WordPress Information

To run WordPress we recommend your host supports:

  • PHP version 7.2 or greater.
  • MySQL version 5.6 or greater OR MariaDB version 10.0 or greater.
  • HTTPS support

That’s really it. We recommend Apache or Nginx as the most robust and featureful server for running WordPress, but any server that supports PHP and MySQL will do. That said, we can’t test every possible environment and each of the hosts on our hosting page supports the above and more with no problems.

Note: If you are in a legacy environment where you only have older PHP or MySQL versions, WordPress also works with PHP 5.2.4+ and MySQL 5.0+, but these versions have reached official End Of Life and as such may expose your site to security vulnerabilities.

1.5 Requirements For LMS

We have tested our theme in most standard hosting setups. Anyhow, make sure your hosting server matches the following requirements.

  1. Latest version of WordPress 4.9.4 or higher installed,
  2. MySQL version 5.6 or greater OR MariaDB version 10.0 or greater.
  3. We recommend to enable mod_rewrite module (If not enabled sometimes pages or posts will result in bad gateway error),
  4. Memory limit(memory_limit) should be atleast 512MB,
  5. Maxium File Upload size(upload_max_filesize) should be atleast 256MB.

Hosting is more secure when PHP applications, like WordPress, are running using your account’s username instead of the server’s default shared username (www or www-data). The most common way for hosting companies to do this is using PHP. Just ask your potential host if they run PHP or something similar.

Recommended PHP Configuration Limits

Many issues that you may run into such as: white screen, demo content fails when importing, empty page content and other similar issues are all related to low PHP configuration limits. The solution is to increase the PHP limits. You can do this on your own, or contact your web host and ask them to increase those limits to a minimum as follows:

  • Max_execution_time 900
  • Memory_limit 512M
  • Post_max_size 128M
  • Upload_max_filesize 128M

1.6 Files Included In The Package

Below is a full list of everything that is included when you download the main files, along with a brief description of each item.

Included Files from Your Themeforest Purchase

  • lms.zip – Located inside the LMS Theme folder, this is the installable WordPress file you’ll need to install or update LMS manually.
  • lms-child.zip – Located inside the LMS Theme folder, this is a child theme you can use to make changes to LMS ’s core theme files.
  • Slider – this folder contains exported dummy slider zip files.
  • Documentation Folder – this folder contains theme documentation.

2LMS Installation

You can install the theme in two ways: through WordPress, or via FTP. The lms.zip file is the Installable WordPress Theme and what you need to use to get the theme installed. There are two ways to install LMS , via WordPress or via FTP.

1. At first, after purchasing this theme, please download the package from Themeforest. All you need to do that, is move your mouse over your login name in right top corner (of course after you`re logged in Themeforest) and then click Download. Here you will find all the items that you have purchased.

2. In the next step click the Download > Main File(s) button next to LMS theme and save the package on your computer.

3. In that package you can find things like documentation, license, zipped file with theme files and folder with theme files called LMS and LMS -child. Please unpack the whole package after downloading it from Themeforest.

2.1 How To Install LMS via WordPress

Kindly follow the steps given below for installing this theme from Wordpress.

  1. Navigate to Appearance > Themes.
  2. Click 'Add New' button near 'Themes' title.
  3. Now 'Add Themes' page will be loaded with 'Upload Theme' button hit on it.
  4. Now navigate to find the "lms.zip" file on your computer ("lms.zip" will be found inside "lms.zip") and click "Install Now"
  5. Once uploaded go to Appearance > Themes and activate it.
  6. Then you will see a notification message to activate the required & recommended plugins: 'DesignThemes Core Features Plugin','Responsive Styled Google Maps', 'Contact Form 7', 'LayerSlider WP' and 'Revolution Slider'.
  7. Once required plugins are activated, navigate to Settings > Permalinks, here select 'Post name' in 'Common Settings' tab and save it.

2.2 How To Install theme via FTP

You can also install this theme through FTP server by using the following steps,

  1. Log into your Hosting server space using any FTP software (applications like FileZilla) at first.
  2. Extract the "lms.zip" (inside "lms.zip") file as you've downloaded.
  3. Upload that extracted folder into your "wp-content / themes" directory.
  4. Once if the theme is uploaded and installed, you need to activate it from Appearance > Themes then.
  5. Then you will get a notification message to activate the required & recommended plugins: 'Designthemes Core Features Plugin', 'Contact Form 7', 'LayerSlider WP' and 'Revolution Slider'.
  6. Once after the required plugins are activated, navigate to Settings > Permalinks, and select 'Post Name' in 'Common Settings' tab and save it finally.

Please take a look at the structure of the lms.zip archive you've got after purchasing.

2.3 Plugin Installation

Once you have uploaded and activated the theme, install and activate the 'DesignThemes Core Features Plugin' as next step. All promoted features will work only after activating this plugin.

The Layer and Revolution Slider are recommended plugins. When you install "LMS ", you will get a notification message in your WordPress admin telling you to install the required and recommended plugins.

Included Plugins With The LMS Theme

  • DesignThemes Core Features Plugin – This is our companion plugin that is required to use LMS . Please make sure this is always installed and activated.
  • Layer Slider – This is a premium slider plugin created by Kreatura.
  • Revolution Slider – This is a premium slider plugin created by ThemePunch.

 

Required Plugins Used in Various Demos

  • The Events Calendar – The Events Calendar is a carefully crafted, extensible plugin that lets you easily share your events. Beautiful. Solid. Awesome.
  • Contact Form 7 – Contact Form 7 can manage multiple contact forms, plus you can customize the form and the mail contents flexibly with simple markup.
  • Unyson – This plugin is free created by ThemeFuse. A free drag & drop framework that comes with a bunch of built in extensions that will help you develop premium themes fast & easy
  • WooCommerce Plugin – This plugin is free. If creating an online shop, we recommend using WooCommerce. LMS has full integration with this plugin.

2.3.1 Install Plugins

Step 1 – Click to Begin installing plugins the top of the page

Step 2 – Check boxes to select all the plugins you want to install and click on Install from the dropdown box and then click the button to Apply.

Step 3 – After you have installed all the plugins, click on Return to Required Plugins Installer.

Step 4 – Select the plugins you installed, and apply the bulk action to activate.

2.4Theme Update

IMPORTANT: Before you go ahead with the update please check theme changelog and make sure you backup your old theme folder. Download it to your computer locally.

It is the best practice to backup both your files and database regulary and especially before making some serious updates. We recommend using free backup plugins for WordPress like WPOnlineBackup

Update Option 1. Update using WordPress uploader

  1. Log into your Themeforest account and navigate to your downloads tab. Find the theme and download "Installable WordPress file".
  2. Log into your wordPress website and go to Appearance -> Themes
  3. Activate a different theme. Delete the previous version of LMS and re-upload the new Wordpress Installable files that you have downloaded from Themeforest in the 1st step.
  4. Once it uploads, choose to activate the theme.
  5. Update the included plugins if you see a notification message letting you know the plugins have a new version.

 

Update Option 2. Update using FTP client

  1. Log into your Themeforest account and get the last version of the theme as described above.
  2. Connect to your server using desktop client software(we recommend CyberDuck and Filezilla)
  3. Change directory to /wp-content/themes
  4. Remove existing folder with old theme files
  5. Unpack theme installable files downloaded from themeforest and upload to themes folder
  6. Login in to your Wordpress admin “Designthemes Core Features” plugin needs to be updated on theme update. You will be prompted to install it upon installing or updating your theme.
  7. If you dismiss the prompt or do not see it, then you can go to Appearance > Install Plugins page and install the plugin that way. If you check the “Update Available” link in that section, you can see the plugins which all needs to be updated.
  8. Just click the update button of each plugin to update it to latest version. If it does not shows in the “Update Available” link, then no need to update the plugin.
  9. Update the included plugins if you see a notification message letting you know the plugins have a new version.

3Demo content

When you first install LMS , it won’t contain all the extra content that you might have seen in the live demo. If you would like to import an LMS demo, there are two ways you can do so. You can import the entire demo content through our Unyson Demo Content.

Importing Demo Data

As mentioned in the previous sections, you need to install & activate all the required plugins. Upon activation you are all set to import the demo content using the plugin.

Note :

  • If you have not installed the WooCommerce plugin prior to importing the demo content, you will get Error messages saying the Products and Shop related pages did not get imported.
  • You can ignore these, if you do not require shop. If you have not installed the Portfolio Post Plugin, you will get Error messages saying the Portfolio items did not get imported.

3.1Demo Content via Unyson plugin

The easiest way to import our demo content is to use Unyson plugin Demo Content Importer. Our importer will give you all pages and posts,several sample sliders, widgets, Theme Options, assigned pages, and more. This is recommended to do on fresh installs.

It will replace the content like posts, pages, portfolio, etc., . It will, replace Theme Options, Reading settings and Widget settings.To import our demo content, please see the steps below.

How To Import Demos

  • Install and activate these plugins before you proceed: Revolution Slider, Layer Slider, Designtheme Core Plugin , Unyson plugin and WooCommerce. Woocommerce is only needed for an online shop
  • Navigate to the Unyson > Active Extensions > Backup & Demo Content (Install)
  • Navigate to the Tools > Demo Content Install > Select the demo Content > install
  • Please be patient, as it may take few minutes to import everything. Once it is completed, you will receive a success message finally.

Importing Other LMS Demos (click below to get download links for demo's)

 

5Pages creation

Pages are the backbone of your website, and most likely you will setup several of them. Pages are a blank canvas that allow you to add content with our shortcode elements. There are different page templates to choose from, each serving a purpose to help you build a finished site.

Creating a page has been never so easy. To start, go to Pages > Add new. At first glance everything looks like the WordPress default,but when look in the Visual/HTML area you will see Page Options.

5.1 Create A New Page

You can create any number of pages with content. LMS includes several page templates to choose from, and you will need to choose the page template that suits your needs. All of this is done in the pages section of your WordPress admin.

Step 1 – Navigate to Pages in your admin sidebar and click Add New option.

Step 2 – Input a new name for your page, then find the Page Attributes box on right side.

Step 3 – Set your Parent page. It's usually set to No Parent.

Step 4 – Set your page template from the Template dropdown list. See list of page templates below.

Step 5 – Select any number of page options in Page Options box.

Step 6 – Content for your page goes in the editing field, use the Visual or Text editor. Page content is mainly built using Shortcodes. See the Shortcodes section for how to use them. You can also use our demo content, see the corresponding section of this document for the demo code of each page.

5.2 Page Templates

Template has several specially designed Page Templates, which can be used on Pages, adding them special features.

  • Default Template - Default look where you header and footer sections are included by default.
  • Blog Template - This template can automatically create list that contain Blog Posts, Archives results.
  • Fullwidth Template - This template create blank page. Basically on this page you can create anything you want from scratches
  • Home Template -This template is used to hide breadcrumb section
  • Portfolio Template - This template let you to add Portfolio for your website. You can see those entries in section "Dashboard > Portfolios ".

5.3 Setting Up Home Page

Setting up your home page is the same as setting up any other regular pages, except that you need to specify in the settings which page will be your Main Home Page. LMS includes several pre-designed home Theme Page Options. Any of the layout options you see on our demo can be imported through our Demo Content Importer, or from copying the individual page content from our documentation in the How To Import Individual Pages section. However, you are not stuck with our pre-designed layouts, you can build any type of home page you desire using our shortcode elements. You can mix and match them anyway you like.

Step 1 – Navigate to Settings > Reading tab.

Step 2 – Select A Static Page option.

Step 3 – Choose the page you want as your home page from the Front Page dropdown list.

Step 4 – This is also the same spot you select the blog page as the Posts page.


6. Sliders

Let's face it, everyone loves sliders. They are the perfect way to catch your viewers attention by displaying your important content. LMS includes 2 amazing sliders; Revolution Slider, Layer Slider and custom Slider. We also include other slider types for pages/posts and carousels. Each slider can be used on any page or post and offers its own set of unique options.

6.1 Layer Slider

LayerSlider WP is a premium multi-purpose slider for creating image galleries, content sliders, and mind-blowing slideshows with must-see effects, even from your WordPress posts and pages. It uses cutting edge technologies to provide the smoothest experience that's possible, and it comes with more than 200 preset 2D and 3D slide transitions. It has a beautiful and easy-to-use admin interface with supporting modern features like drag n'drop WYSIWYG slider builder, real-time previews, timeline view, Google Fonts and transition builder for custom animations. It's device friendly by supporting responsive mode, multiple layouts, touch gestures on mobile devices, and uses techniques like lazy load and conditional script loading for optimal performance. You can add any content into sliders, including images, text, custom HTML, YouTube and Vimeo videos or HTML5 self-hosted multimedia contents. It's also SEO friendly by allowing you to build semantic markup with custom attributes that search engines can index easily. LayerSlider comes with 13 built-in skins, and it has tons of options to entirely customize the appearance and behavior of your sliders at the smallest detail.

LayerSlider is external plugin which is included into theme. Because, for each product we purchase "Extended license" and that`s why we are able to include it into theme. This plugin works fine of course and if you want current slider version, you can always get directly from us. What you need to do, to get this slider is send us a request about it via contact form on our profile's page http://themeforest.net/user/designthemes (it is in the right bottom corner) and we`ll send you the current version.

6.1.1 LayerSlider Features

  • Super smooth hardware accelerated CSS3 transitions with jQuery fallback
  • Fully responsive & multiple layouts support
  • High compatibility with many fallback features for old browsers
  • Lazy loading images for better performance
  • Unlimited number of layers with image, video, audio, text or custom HTML content
  • Powerful API for more customization
  • SEO friendly
  • Multiple sliders can be added on the same page
  • Included free slide transition gallery
  • Very detailed documentation with examples
  • Unlimited variations of usage (image slider, image slider with text, content slider, video gallery slider, mixed content slider, banner rotator, etc.)

6.1.2 Create A New Layer Slider

Step 1 – Click on the Layer Slider sidebar item in your admin section, then click the "Add New" button and give the slider a name.

Step 2 – The "Slider Settings" tab will open and allow you to set the general settings for your slider such as the width, height, responsive, full width, and more. Check out each tab.

Step 3 – Once you are done, click "Save Changes" to save the slider. Next you can add slides, see the information below.

Please Note – You can get sample sliders by clicking the "Import Sample Sliders" button. It's a good way to learn and see the different types of settings.


6.1.3 How to add Slides to your slider

Step 1 – Click on the "Slides" tab.

Step 2 – Slide #1 will already be created, add a background image for the slide, set thumbnails, transitions, links and more in the settings box above the slider preview window.

Step 3 – Each slide you make can have multiple layers to it. The layers show up below the slider preview window. Click "Add New Layer" create a new layer. An editing section will display once clicked.

Step 4 – The layer editing section has 5 tabs; Content, Transition, Link, Styles, Attributes. Content tab is where you add your content, Transition tab is where you set all the timings and animations, Link tab is where you can set the content to link, Styles tab is where you set custom styles, Attributes tab is where you can add custom id's or classes.

Step 5 – Click on the Content Tab and enter your text, image or video or custom HTML content. Then set your transitions, links, styles and attributes if needed.

Step 6 – Click the "Enter Preview" button to view a preview of the slider and layers.

Step 7 – When finished, click "Save Changes" to save it. Repeat process for more slides.

6.2 Revolution Sliders

Revolution Slider:

Revolution Slider is a premium slider available as a WordPress plugin, jQuery plugin, and as a Concrete5 add-on. It's gained huge popularity in the WordPress community due to it's huge range of features and ease of use. In this review we're going to cover just a few of the features of the Revolution Slider WordPress Plugin, and then we'll show you just how easy it is to make your own sliders from scratch.

Responsive Layouts

The plugin is responsive ready and includes multiple slider layout options to make your life easier. Choose from fixed, custom, auto-responsive and full-screen. The Fixed and Custom layout options allow you to set your slider size using exact pixels, and with the Custom option you have additional options to vary the slider size at various screen widths. Or if you don't want to put effort into calculating your sizes, you can use the Auto-Responsive option that will automatically create slides that match the width of your theme (you still need to set the layer container size however). The most unique layout option is Full-Screen. With this option you can create fantastic sliders that literally fill your entire screen, no matter the size of your browser or device (you can even use this option to add full screen sliders with videos for even more impact).

Easy Options

Revolution Slider makes it easy for your to create custom sliders by adding in options for just about everything. Choose your slide delay, navigation arrows, slider location (add margins), add media layers, select slide transition and more all using the drop-down menus throughout the plugin.

Media Support

Add text, links, images and videos with a few clicks of your mouse. This gives you the ability to create information rich slides that your readers and clients will be able to identify with. Plus each of these media types is added as its own layer with unique animations, timing and styles that you set using Revolution Sliders super options. Revolution Slider Guide

First you'll nee to get a copy of the Slider Revolution WordPress Plugin. After you've installed the plugin, it should add a menu item to your main WordPress dashboard. Now you can start building your sliders!

You have two options – begin from scratch, or snag a free export file from the Revolution Slider demo to help get you started (just click on the "Example Files" link on the right upper section of their site). If you choose to import a sample slider, click on the Import button, browse for your sample file and click Upload.


6.2.1 How To Create A New Revolution Slider

Step 1 – Click on the Revolution Slider sidebar item in your admin section, then click the Create New Slider button.

Step 2 – Insert a slider name and alias. The alias text will generate a shortcode that can be used in the editing field of pages or posts.

Step 3 – Then select the Source Type. If you choose Posts or Specific Posts, please refer to the Revolution Slider Docs for information on how to set that up.

Step 4 – Then select the Slider Layout type, each type will have its own settings. Set the Grid and Responsive settings here also. View the layout example diagram below this area to understand what each section is.

Step 5 – On the right hand side are many other options you can set. All are self explanatory with descriptions. Test them out.

Step 6 – Once you are done, click Create Slider and your new slider will be made.


6.2.3 How To Import Revolution Sliders

Step 1 – Go the the Revolution Slider tab in your WP Admin, and click the Import Slider button.

Step 2 – Choose the .ZIP file of the slider you'd like to import.

Step 3 – Once you've chosen the .ZIP file, an Import Slider button will appear.

Step 4 – Click the Import Slider button, and wait for it to finish uploading.

Step 5 – Once it's finished uploading, you will now see your imported slider in the list of Revolution Sliders available.

7.2.4 How To Export Revolution Sliders

Step 1 – Go the the Revolution Slider tab in your WP Admin, and open the slider you'd like to export.

Step 2 – Switch to the Slider Settings tab on the top of the page.

Step 3 – On the right, you will find the 'Import / Export / Replace' dropdown. Click it to expand the tab and view the options.

Step 4 – Switch to the Export tab, and click the Export Slider button.

Step 5 – Once it's finished downloading, you will receive a .ZIP file of your slider.

7Buddha Options

LMS has an advanced Buddha Theme Options panel that is loaded with lot of options. We have the options organized into logical tabbed sections, and each option has a description of what it will do on the front end. Because of the sizable amount of options LMS provides, we cannot go over them in full detail here in our documentation.

We encourage you to please take some time and navigate through each tab to see what we offer. Go to Dashboard > Appearance > LMS > Budhha Theme Options in your WordPress admin to access the Buddha Theme Options panel. You can also backup your theme options by clicking on the Backup tab. That is a great way to move your custom options from site to site. See below for screenshots and short descriptions of our Buddha Theme Options panel.

7.1 General Options

General - We have a options to set theme logo and retina logo. Also we have a options to upload footer logo and footer retina logo. While upload the retina logo you should give standard logo width and height value in required box.

1. If you wish to provide theme title insted of logo, you can choose Display Site Title option and give your theme title.

2. Please remember that Retina Logo should be always 2x larger than the Custom Logo currently in use (this field is optional).

3. we have enable option for Favicon. You can upload a favicon for your theme.

4. In this general section have others tab. In others tab have some enable options like Retina support, Sticky Navigation, Style picker, Globally comments on page etc. In this section you can provide phone number, email id to show in header style3. Mailchimp API KEY option also available in this tab.

Sociable - We have option to show sociable icon at the bottom of theme. This option is only applicable for footer.

Advanced - It has Global Setting, Global page layouts, Login and Registration pages, Teachers, Social logins.

1. Global setting have option to disable theme default course. It is also have two type of payment method option( s2Member, WooCommerce ). Please make sure you have activated corresponding plugins before choosing option here.

2. Global Page Layouts have enable option to Enable or Disable global page layout ("Disaplay Everywhere" sidebar) for all pages, posts, archive pages.

3. Login & Registration Pages Option for Choose which login and registration pages to use.

4. Teachers tab have option to provide Teachers Singular Label, Teachers Plural Label, Single Teachers slug.

5. We have enable option for Social Logins for your site. It has two social login (facebook and google plus). In this social login you should provide App Id, App Secret for facebook and Client Id, Client Secret for Google Plus Login.



7.2 Appearance

Appearance Settings - Here you can change the appearance of the theme. Please check below options available in this section,

Header - We have four types of header. You can choose any type for your site. Enable cart Icon option also available to display this cart icon in header.

Menu - Menu font has option to Enable or Disable Menu setting.

1. Also we have option to Choose which type font ( Google font / Standard font ) you want.

2. Menu font size option also available. Here You can change Menu font size.

3. We have a options to choose menu default color, hover color, Menu border color for the current menu.

Body - Body font have option to Enable or Disable Body setting.

1. Also we have option to Choose which type font ( Google font / Standard font ) you want.

2. Body font size option also available. Here You can change Body font size.

3. We have a options to choose primary color for links and buttons of body/content and Hover Color for Links.

Footer - Footer font have option to Enable or Disable Footer setting.

1. Also we have a option to Choose which type font ( Google font / Standard font ) you want for footer title and footer content.

2. We can choose Separate font family, font size, font color for your footer title and footer content. We have a option to choose default footer link color, footer link hover color, footer background color, copyright section background color.

Typography - Typography have option to Enable or Disable Typography setting. You can customize the font family, color, size for all headings from H1 to H6.

Layout & BG - Here you can change the layout of your theme (Boxed or FullWidth). For Boxed layout - you can set the background by selecting the predefined patterns or upolad your custom image.


7.3 Skin Options

Skin Options - LMS comes with following predefined 20 color skins [ You can add your own skin :) ]

Dashboard > Appearance > LMS Options > Skin Options


7.4 Integration Options

General - To place any code, that will be appear in header and portion of every page / post. Also you will have option to add cuctom css for your site.

Post - Single Post customization

With the help of this "Post integration" section, you can do the following things,

  1. Setting up top and bottom code for individual post
  2. You can enable Social share & Social bookmark module with easy customization option.

Page - Single page customization

You can do all the options like single post customization.

Portfolio - Single portfolio customization

You can enable social bookmarks in portfolio single page using the below options.

Course - Single course customization

You can enable social bookmarks in course single page using the below options.


7.5 Speciality Pages

Speciality Pages - Author, Category, Tag, Gallery, Search & 404 Page

Dashboard > Appearance > LMS Options > Speciality Pages Options

Available Options:

  1. You can choose page layout
  2. You can choose post layout for Author, Category, Tag, Gallery & Search Page
  3. Custom 404 Text for 404 Page
  4. And Background settings for 404 Page


7.7 Widget Area

  • Widget areas created here will be left sidebar or right sidebar or megamenu.
  • After creating new widget area here with specific title, go to Dashboard -> Appearance -> Widgets here you can see the new widget area that you have created.
  • Add widgets for that widget area.
  • You can add these widgets for 2 locations
    • Page Sidebars - While choosing 'Left Sidebar' or 'Right Sidebar', you have this option 'Choose Widget Area - Left Sidebar' or 'Choose Widget Area - Right Sidebar'. Here you can choose the newly created widget area here.
    • Mega Menus - While creating menus you will have option called 'Display Widget Area', here you can choose the newly created widget area here.

7.8 Woocommerce

To get this option install WooCommerce plugin. And the plugin bundled with dummy data which can be imported to instantly give you a working store with products to test the different features WooCommerce has to offer.

Available Options:

  1. No.of Products to show in main shop page.
  2. Product Layout - 3 types of products layouts are there. (II Column, III Column & IV Column )
  3. You can choose separate page layouts for product details, product category and product tag.
  4. Also you will have option to enable disable shop widget area here.

Following plugins used to extend the woocommerce options

  1. YITH WooCommerce Zoom Magnifier is that enables you to add a zoom effect to product images.
  2. YITH WooCommerce Wishlist adds all wishlist features to your website.

7.9 LMS

This tab has options for theme default courses. The 3 sub tabs s2Member Settings, Theme Class and Theme Course comes under LMS tab.

s2Member Settings

  1. You can set currency symbol, currency and currency symbol position here.
  2. You can choose any of the available payment types as configured in s2Member settings menu.
  3. "Click Bank" will ask for additional details like Product Item No, Order Form Template (Skin) and PitchPlus Upsell Flow ID
  4. s2Member Level 2, s2Member Level 3, s2Member Level 4,... - Users will have access to all courses and classes for specified period and term. Price have to be mentioned here.
  5. Description - Will appear in the purchase page.
  6. Period - Must be >= 1. (ex: 1 Week, 2 Months, 1 Month, 3 Days).
  7. Term - Regular Term. Days, Weeks, Months, Years, Lifetime.
  8. Price - Price for the package. Applicable only for s2Member Level 2, s2Member Level 3, s2Member Level 4,...

Theme Class

You can do s2Member level 1 settings here.

  1. s2Member Level 1 - These are users who are going to purchase only particular course or class, which you can be find under their corresponding tab.
  2. Description - Will appear in the purchase page.
  3. Period - Must be >= 1. (ex: 1 Week, 2 Months, 1 Month, 3 Days).
  4. Term - Regular Term. Days, Weeks, Months, Years, Lifetime.
  5. Price - Price for the package. Applicable only for s2Member Level 2, s2Member Level 3, s2Member Level 4,...
  6. You can set post layout and page layout for class archive pages.
  7. Also you can change the single class url slug.

Theme Course

You can do s2Member level 1 settings here.

  1. Hide Contents - This option is applicable only for paid courses. If you wish to hide content for logged out or logeed in ( but not purchased ) users you can enable this option. For logged in purchased users this option will be overwritten.
  2. Enable Email Notifications - Enable email notifications here. Notifications will be received for following criteria.
    1. Student will receive email notifications when their quiz is graded ( both auto and manual grading ).
    2. Teacher will receive email notifications when student submitted quiz for grading. ( quiz should with manual grading only ).
  3. Enable Course Widget - Left Sidebar - If you wish you can enable course widget in left sidebar here for course single page, which consists of enrolled students details, course group details, course events, etc.,
  4. Enable Course Widget - Right Sidebar - If you wish you can enable course widget in left sidebar here for course single page, which consists of enrolled students details, course group details, course events, etc.,
  5. Enable All Course Widget - Either In Left / Right Sidebar - Check this to enable all course widgets in either left or right sidebar for course single page, which consists of ratings, enrolled students details, course group details, course events, etc., Applicable only when you choose Left sidebar or Right Sidebar in course single page
  6. You can do s2Member level 1 settings here.

  7. s2Member Level 1 - These are users who are going to purchase only particular course or class, which you can be find under their corresponding tab.
  8. Description - Will appear in the purchase page.
  9. Period - Must be >= 1. (ex: 1 Week, 2 Months, 1 Month, 3 Days).
  10. Term - Regular Term. Days, Weeks, Months, Years, Lifetime.
  11. Price - Price for the package. Applicable only for s2Member Level 2, s2Member Level 3, s2Member Level 4,...
  12. You can choose layout type, post layout and page layout for course archive pages.
  13. You can also change the url slug for following items single course, course category, single lesson, lesson category, single question, single quiz and single assignment here.


7.10 Sensei Courses

  1. You can choose page layout for course detail, lesson detail, quiz detail and archive pages here.

7.11 Events

You can setup the page layouts for events pages like event main page, event single page and event category page.


7.12 BuddyPress

You can number of members to show and post layout here

BuddyPress is a powerful plugin that takes your wordpress.org powered site beyond the blog with social-network features like user profiles, activity streams, user groups, and more.,


7.13 Page Builder

You can anable / disable page builder for post, page, portfolio, course, lesson and teacher.

Also you will have option to keep page builder active in above selected post types.

7.14 Responsive & Mobile

  1. You can make site responsive here.
  2. And also you can disable slider for mobile devices.

7.15 Branding

You can set buddha panel logo here.


7.16 Importer Options

  • You can choose which demo you like to import from Demo dropdown list, either Theme Default or Sensei .
  • After choosing Demo, you will get Import dropdown list with following options All, Content, Menu, Options (buddha panel options) and Widgets
  • After that if you wish you can choose additional options like Import attachments and type of content, than click Import Demo Data
  • You will get popup alert message to confirm, click ok here.
  • Import may take several minutes, so please be patient while importing.
  • If import fails please check this Section

7.17Backup

  • Backup & Restore Options - Backup Options => helps you to take backup of current buddha panel settings and Restore Options => helps you to restore buddha panel settings from last backup.
  • Transfer Theme Options Data - Help you to transfer buddha panel datas from one install to another. Copy the code shown in text area and paste it in the same place of another install and click Import Options.

8Blog Options

LMS is loaded with options for the blog. It offers many different options for you to present your blog posts, along with several different blog layouts. In addition there are numerous Theme Options and Shortcode Options that allow you to customize how posts are displayed. The LMS blog is extremely versatile and powerful. There are 3 ways to display your blog posts, we will cover each method as well as describe blog post types, Post Options and Theme Options

8.1Blog Options

No matter which method or methods you use to display your blog posts, the first thing you need to do is create the blog posts. LMS Theme support all type of posts

How To Create A Blog Post

Step 1 – Navigate to Posts in your WordPress admin sidebar.

Step 2 – Click on the Add New option to make a new post. Create a title, and insert your post content in the editing field. You can use any of our shortcode builder elements inside the post.

Step 3 – Add Categories from the right side. To assign it to the post, check the box next to the Category name.

Step 4 – Add Tags from the right side. Type the name of the tag in the field, separate multiple tags with commas.

Step 5 – For a single image, click the first Featured Image Box, select an image and click the Set Featured Image button.

Step 6 – For a video post, paste the iFrame embed from either Youtube or Vimeo into the Video Embed Code field.

Step 7 – Once you are finished, click Publish to save the post.

8.2How to Assign a Post Page

Step 1 – Navigate to Settings > Reading tab.

Step 2 – Select A Post Pages option.

Step 3 – Choose the page you want as your blog post page from the blog post dropdown list.

Step 4 – Once its all done, make sure you click the Save button

8.3 Blog Single Post Options

You can configure each single blog post with following options

  • You can switch between following available layouts 'Without Sidebar', 'Left Sidebar', 'Right Sidebar' and 'Both Sidebar'. You can choose the custom widget area created using 'Widget Area' tab in Buddha Panel(Appearacne -> LMS) and enable / disable the default widget area.
  • Enable / Disable the Comments and Featured Image options
  • You can enable / disble author, category, tag, date, comment info at any time.

8.4 Portfolio Single Post Options

You can configure each single portfolio post with following options

  • You can switch between following available layouts 'Fullwidth', 'Left Gallery' and 'Right Gallery'.
  • You can configure Sub Title, Client Name and Website Link for each post
  • Enable / Disable the Show Related Projects and Show Social Share
  • You can add any number of images and videos for each post which will be displayed using bxslider in frontend.

8.5 Teacher Single Post Options

You can configure each single teacher post with following options

  • You can switch between following available layouts 'Without Sidebar', 'Left Sidebar', 'Right Sidebar' and 'Both Sidebar'. You can choose the custom widget area created using 'Widget Area' tab in Buddha Panel(Appearacne -> LMS) and enable / disable the default widget area.
  • Option to enable / disable the Allow Comments and Show Social Links. Add specific URLs for available Social Profiles in respective text boxes.
  • You can configure Role, Website, Experience and Specialist In for teacher.

8.6 Course Single Post Options

You can configure each single course post with following options

  • You can switch between following available layouts 'Without Sidebar', 'Left Sidebar', 'Right Sidebar' and 'Both Sidebar'. You can choose the custom widget area created using 'Widget Area' tab in Buddha Panel(Appearacne -> LMS) and enable / disable the default widget area.
  • You can add Video, Referrence URL and Price for course.
  • You can enable / disable the Featured Course, Show Social Share, Disable Teachers and Show Related Courses options.
  • Now you can enable certicate and/or badge option for any course. Set percentage for certificate and/or badge for each course, students who achieving that percentage will gain corresponding certificate and/or badge. Choose template for cetificate (created in Courses -> All Certificates -> Add New). Also you will have option to add image for badge.
  • You will also have option add any number of attachments for each course.

8.7 Lesson Single Post Options

You can configure each single lesson post with following options

  • You can switch between following available layouts 'Without Sidebar', 'Left Sidebar', 'Right Sidebar' and 'Both Sidebar'. You can choose the custom widget area created using 'Widget Area' tab in Buddha Panel(Appearacne -> LMS) and enable / disable the default widget area.
  • Here you can add following options choose course for this lesson, add teacher handling this lesson, add video and lesson duration.
  • You can make lesson private / public and option to assign quiz for this lesson.

9 Portfolios

It offers many different options for you to present your portfolio posts, along with several different layouts. In addition there are numerous Theme Options and Shortcode Options that allow you to customize how are displayed. The LMS portfolio is extremely versatile and powerful. LMS theme provides easy and powerful tools helping to create eye catching galleries. Portfolio items are just usual posts with improved look and feel features and work exactly as blog posts.

  • Creating Portfolio Pages
  • Creating Portfolio items

9.1 Creating Portfolio Pages

To create a portfolio please start by creating a new page Pages > Add New and setting up the title eg. Portfolio. In the Template field set the option Portfolio template. In the bottom section you will find Page options such as Layout and Sidebar. You can then select whether your portfolio should be in full width or with a left or right sidebar.

How To Create A Portfolio Page

Now we have just created a category that will contain our portfilio items and display them proper way. If you add some subcategories to this main category they will inherit parent style unles you choose to override them at category options page. Lets add some portfolio items!

  1. Go to Portfolio -> Add New, name the post accordingly
  2. In the right colomn find Categories widget and select "Portfolio" category - thus we move usual post entry into portfolio section.
  3. Set featured image and save the post. Please notice - this featured image will be used as a primary portfolio image so make sure it has good quality.

10 WooCommerce / Shop integration

LMS is fully compatible with the WooCommerce plugin. We carefully designed LMS so you can build a nice shop that is loaded with options, and one that is perfect in appearance. Since WooCommerce is an external plugin, you will find any information you may need about it in the WooCommerce author's page. Here are several useful links:

How to install WooCommerce and setup the default shop pages

First go to Plugins > Add new section and type "WooCommerce" into search field. Then click "Search Plugins" button.

Once that is done, and you see the result, click on the"Install now" button next to "WooCommerce - excelling eCommerce" plugin.

Once WooCommerce is installed, click on the "Activate plugin" link.

In a few moments you will see a WooCommerce Purple Notification Bar at the top of the plugin page. Clicking the Install WooCommmerce Pages button in the purple bar will install all the default pages.

Please Note: Once you are done installing WooCommerce and the default pages, you can go to the Appearance > Menu section of your admin and add all the WooCommerce pages to your menu. They will be listed at the top under the most recent pages.

How to add new product

Go to Products > Add product section. You will see a page that looks like the one below.All you need to do is fill those fields with your own values.

Information about adding a new product will be found at on http://docs.woothemes.com/document/managing-products/

11Translation & WPML

Basic Translation

We will show you how to translate Theme and our Core-plugin using

  • poedit
  • WPML plugin

If you are running a Multi language site, you need to install the WPML plugin Or if you are running a Single language site other than English. Say for example if you are running “French” site only You can go with “poedit”.

Download poedit here

  1. designtheme  is referring to Theme-folder (wp-content / themes / theme-folder(LMS ))
  2. fr_FR is referring to French language code
  3. "LMS -core” is referring to  slug name of Core-Plugin

I. Poedit

Theme Translation:

First, you need to change language, For ex: “French”

Step 1 : Go to Dashboard / Settings /  General and select language(ex: French language ) then save settings.

Second, you need to create language-code.po file and translate words.

Step 2 :  Please go to wp-content / themes /  designtheme / languages / – Here you can find theme pot file  (In our older themes, you can see default.po file)

  • For ex, designtheme-slug-name.pot – Rename this pot file into po file.
  • Ex: designtheme-slug-name.pot into fr_FR.po (OR) default.po into fr_FR.po
    Here : fr_FR is French language code

Step 3 :  Open fr_FR.po file and translate the words. Finally you will get the mo file there while saving the .po file. After translating words you can check those changes in front-end.

Core Plugin translation:

Step 1 : Go to wp-content\plugins\LMS -core-features\languages – here you can find dttheme-core.pot / default.po / dt_themes-default.po  file

Step 2 : Rename dttheme-core.pot into dttheme-core-fr_FR.po. Open this po file and translate the words. While saving this po file automatically mo file will generated (dttheme-core-fr_FR.mo) then check front page.

Here: “dttheme-core” is slug name of Core-Plugin

WPML

Please visit this link for how to translate theme – https://wpml.org/

Note :  Kindly refer the below link for how to merge the two PO files (new and old) together.  http://www.marketpressthemes.com/blog/how-to-merge-two-po-files-using-poedit/

WPML

LMS Theme has the capability to be used in any language.It is also possible to create a multilingual website with help of WPML WPML plugin. Please read the FAQ section to get an idea.

  • WPML – WPML official site
  • Widgets Translation – Check this link for translating WordPress widgets.
  • FAQ – Checkout this page to get basic idea of WPML
  • WPML Forum Support - You will get free support from WPML team once you have purchsed thier plugin.

You can download and install WPML manually, by downloading ZIP files from your WPML.org account, or automatically, via the Plugins admin screen. Manual Download and Install In case you want to install WPML manually, follow these steps: Log in to your WPML.org account. Go to the Downloads section. Download the WPML components that you need.

How to Use RTL

Step 1 – Dashboard > Setting > General > Site Language (select the langusge such as the Arabic or Hebrew version.

Step 2 – Select the Site Language

Step 3 – Go ahead and click "Save Changes".

12.1 Footer Options

Navigate to Dashboard -> Dashboard -> LMS Options -> Layout -> Footer, where you can find complete footer options.

  • Enable Footer - Option to enable footer for your site.
  • Column Layout Footer or Shortcode Section Footer - You can switch bewteen these 2 footers using Enable Shortcode Section
    1. Column Layout - 11 column layouts and 7 footer types are available.
    2. Shortcode Section - You can add any type of shortcode here, for your footer section.
  • Background Image - Add background image for your footer, also choose background posistion and repeat option for the image.
  • Copyright - You can add copyright text for your footer and also you can disable it anytime.
  • Footer Menu - Show / hide footer menu here.
  • Content - Content added here will be displayed along with copyright text.

12.2 How to add widgets to footer ?

  • Once you have enabled Column Layout for footer using above options, than navigate to Dashboard -> Appearnce -> Widgets.
  • Here you can find new widget areas created with the name of Footer Column, suffixed with columns count.
  • Drag and drop the widgets from left hand side and configure widgets as per your needs.
  • Now save the widgets and look at the frontend for your newly created widgets.

13 LMS Options

Teaching coursework has never been easier, all within WordPress. With the LMS Options you can create courses, write lessons, and add quizzes.

13.1 Default Course (packed with theme)

Creating courses, lessons, quizes,...

LMS theme packed with the default courses, lessons,... and all its features by default. These courses will work with s2Member for payments and user management.

Below steps will explain about how to create courses, lesson, enable grading, etc.,

  • First create a course from Dashboard -> Courses -> All Courses -> Add New. You can define price for your course and also you can mark the course as featured course.
  • You can enable the certificate and badge for the course, which will be enabled for user(student) when he/she achives the required percentage. You can configure the certificate format in Dashboard -> Courses -> All Certificates.
  • Now create lessons by choosing the course it belongs to and also the teacher who is going to handle that course here. Admin can create new 'Teacher' profile directly from Dashboard -> Users, by choosing the role as 'Teacher' else user can directly register to our site from the login page (page created with login template).
  • If you like to create quiz for lessons create all questions from Dashboard -> All Questions.
  • Then create quiz by choosing the questions created already. Then choose the quiz for lessons. Note once quiz is chosen for one lesson it cannot be used for another.
    1. Duration - you can set time duration for this quiz.
    2. Number Of Retakes - number of times user can retake quiz if he/she fails or if he/she wish.
    3. Post Quiz Message - message to display once the quiz is completed.
    4. Randomize Questions - enable this to randomly display the questions.
    5. Enable Auto Evaluation - enabling this will make system to auto evaluate the quiz, also system will mark the lesson (to which this quiz belongs) as completed.
    6. Pass Percentage - you can set pass mark for this quiz.
  • If 'Enable Auto Evaluation' option is not enabled then teacher or admin have to manually evaluate quiz in Dashboard -> Courses -> All Gradings.
  • If suppose there are no quiz for lessons then that lesson page (frontend) will be enabled with 'Mark As Complete' button. Student have to press this button to mark this lesson as complete.

With s2Member (payment process)

Below steps will explain about how to integrate with s2Member plugin.

  • Install and activate the s2member plugin.
  • All s2Member roles will be taken as different levels of students in our theme. s2Member roles are,
    1. s2Member Level 1 - student who like to purchase only particular course will have this role.
    2. s2Member Level 2, s2Member Level 3, s2Member Level 4 - student who wishes to have access for all courses for particular period of time will have any of these roles.
  • Goto Dashboard -> LMS -> Courses -> Default Courses and define currency symbol, currency symbol position and currency.
  • In same screen you will find options to configure each level of s2member with description, period, term and price.
  • s2Member level 1 won't have price field, instead course price will be used.
  • After that configure your paypal account details in Dashboard -> s2Member -> PayPal Options.
  • Now go to Dashboard -> Pages -> create new page by choosing 'Membership Template'.
    1. 1. When you open this page directly it will have purchase options for s2Member Level 2, s2Member Level 3 and s2Member Level 4.
    2. 2. When you view this page by clicking purchase now button in course single page it will have purchase options for s2Member Level 1, s2Member Level 2, s2Member Level 3 and s2Member Level 4.
  • Now your course are ready for purchase.
  • If student is purchasing the course for first time than he will be redirected to registration page after successfull payment else he/she will be taken to welcome page directly (page created with Welcome Template).
  • To redirect the student to welcome page after login or after successfull payment go to Dashboard -> s2Member -> General Options -> Login Welcome Page -> Login Welcome Page, choose the welcome page here.
  • Check out this video How to configure s2Member with theme default courses ?

Notes

With s2Member Pro (payment process)

  • When s2Member Pro plugin is activated you will have option to have more than one payment type.
  • To activate the other payment types go to Dashboard -> s2Member -> Other Gateways -> here choose the payment gateways you like to use. Note theme won't support deprecated and retired payment types.
  • After that configure the account details, api details,... under Dashboard -> s2Member.
  • Now go to Dashboard -> LMS -> Courses -> s2Member Settings -> Choose Payment Types -> here choose the payment types you like to use with our theme.
  • If you choose 'Click Bank' as one of your payment types, you might have to configure 'Product Item No', 'Order Form Template (Skin)' and 'PitchPlus Upsell Flow ID' under 'Click Bank Settings'.
  • Now all the s2Member levels will be updated with the selected payment types.

How to assign course manually to student

  • To assign course manually to a student go to Dashboard -> Users -> 'Edit' User -> under 's2Member Configuration & Profile Fields' -> Custom Capabilities -> add course id here separated by commas. Course id should prefixed with 'cid_', example 'cid_xxxx' here xxxx -> course id

14 Page Builder

LMS theme comes with page builder which makes creation of page simpler and easier. To enable / disable page builder in post, page and portfolio globally navigate to LMS(Buddha Panel) -> Page Builder tab. You can switch between Page Builder and WordPress default editor in any single post or page or portfolio at any time.

 

  • 'WordPress Editor' button 'LMS Page Builder' metabox is used to switch between WordPress default editor and Page Builder.
  • If you keep the 'Enable page builder' option active while saving, then everytime this page will be loaded by keeping page builder active.
  • Use 'Clear All' button to completely clean the builder area
  • 'Create Sample Layout' button is used to save the existing modules in builder area to separate layout. After updating the page created layout will be listed in 'Sample Layouts' tab.
  • We have 8 tabs of modules consisting of columns('Columns'), modules('General', 'Unique', 'Others'), widgets('Wp Widgets', 'LMS Widgets', 'Woocommerce Widgets') and sample layouts('Sample Layouts').

Options

Column Options

Every column comes with 3 types of options. They are,

  1. Settings - It is used add additional CSS class for this column alone.
  2. Clone - Click this button to clone the column along with every modules added inside. Those cloned column will be added immediately after current column.
  3. Delete - Used to delete the column completely along with its settings.

Fullwidth Section or Fullwidth Section Video

These sections comes with lot of options in 'Settings' button to configure fullwidth section. Some of the available options are,
  1. Fullwidth Section - Bacground Color, Background Image, Parallax Effect, Background Repeat, Background Position, Padding Top, Padding Bottom, CSS Class, etc,.
  2. Fullwidth Section Video - MP4, WEBM, OGV, Poster Image, Background Image, Padding Top, Padding Bottom and CSS Class.

Module Options

Every module comes with 5 different types of options. They are,

  1. Edit - Clicking this button will open a sliding panel at very top of the builder area which contains options to configure those modules.
  2. Clone - Click this button to clone the module along with its settings. Those cloned modules will be added immediately after current module.
  3. Delete - Use this delete button to delete the module along with its settings.
  4. Show / Hide - Use this button to enable or disable this module. If its disabled then that module will not be shown in frontend but all the settings of that module will be preserved, you can enable that module any time.
  5. Resize - Its just a symbol to represent that this module can be resized to any width. Making width too smaller or too larger may collapse the modules design.
Note : By default every module can be resized, but it cannot be resized inside another column or fullwidth section. While resizing note that making width too smaller or too larger may collapse the modules design.

Resizable Column

Resizable Column has all options similar to normal Column options. This resizable column cannot be placed inside the Fullwidth Section

Sample Layouts

LMS theme comes with few sample layouts which can be acessed simply one clicking the module. Now your builder area will be loaded with all the modules of that sample layout, now you can just update the content, images, etc, as you wish.

15Visual Composer

Visual Composer is designed by the guys at WP Bakery. It's a paid plugin that is not openly available on the WordPress plugin directory. You can only download it from CodeCanyon.

In LMS Theme, we added Visual Composer for those who prefer working with this plugin. To activate the VC plugin following theme installation, go to Appearance > Install Plugins section, install it, and activate it. The plugin will then be ready to use.

Plugin installation following theme activation is available in the same section where the default WordPress editor is visible. In the create/edit page above the WordPress editor you will see two large, blue buttons called Backend Editor and Frontend Editor. These are exactly what you need to build content within Visual Composer.


Frontend and Backend Page Building

The most powerful feature of the Visual Composer is that it gives you an easy drag and drop page builder that can be used from the standard WordPress page/post edit area or directly from the frontend.

Build your content on the go with WordPress frontend editing page builder plugin. No more admin panel needed to create stunning and beautiful pages. Visual Composer introduces new game changer in the world of WordPress plugins. Experience the true "What You See Is What You Get" and forget about "blind designing".

  • Add and drag elements around the screen to quickly build unique layouts inside your WordPress theme.
  • Visual Composer determines type of elements you add and highlight them with different colors in order to improve user experience and navigation.
  • Switch between Guide modes to enable or disable VC menu elements and row/column borders.
  • Create responsive pages with brand new responsive design controls.

Visual Composer frontend page builder allows you quickly switch between different devices to check how your content looks on tablet or mobile devices. Ensure that everything is according to design grid and your high expectations.

In addition to game changing frontend page builder, award winning backend editor is available. Quickly build any type of page with simple and intuitive drag and drop interface right from your WordPress dashboard. Backend editor of Visual Composer has been proven to be one of the most beloved WordPress plugins of all times and it is a no brainier for thousands of WordPress power users. Tons of features and regular updates always keep Visual Composer on top of competition and this allows users to update and manage content fast and easy.

 


Content Elements

Visual Composer offers all the controls you need to work with content elements – add, edit, duplicate, remove or create presets for your elements whenever you wish with just single click. And with the smart Role Manager that is included in our page builder you can control access and options available to different user roles within your WordPress site. Control your WordPress site layout like never before.

Visual Composer templates

And that's not all – if you don't want to build your WordPress website from scratch you can always use our predefined templates. There are 60+ pro looking templates covering all the website sections you may need. Use predefined templates or create your own templates to reuse content and save even more time.

Built in content elements

Text block Pie Chart Separator Text separator
Message box Facebook like Google+ Pinterest
Tweetmeme FAQ Single image Image gallery
Tabs Tour section Accordion Icon
Posts slider Widgetised sidebar Button Call to action
Video player Google Maps Raw JS Raw HTML
Flickr widget Progress Bar Row Empty Space
Custom Heading Post Grid Masonry Post Grid Media Grid

Frontend Page Builder and Backend Editor for WordPress

Build responsive site and manage your content easily with intuitive frontend WordPress builder. No programming knowledge required – create stunning and beautiful pages with award winning drag and drop editor. Experience the true "What You See Is What You Get" and forget about "blind designing".

  • Add and drag elements around the screen to quickly build unique layouts inside your WordPress theme.
  • Visual Composer determines type of elements you add and highlight them with different colors in order to improve user experience and navigation.
  • Create responsive pages with brand new responsive design controls.

Visual Composer frontend editor allows you quickly switch between different devices to check how your content looks on tablet or mobile devices. Ensure that everything is according to design grid and your high expectations.

In addition to game changing frontend editor, award winning backend editor is available. Quickly build any type of page with simple and intuitive drag and drop interface right from your WordPress dashboard. Backend editor of Visual Composer has been proven to be one of the most beloved WordPress plugins of all times and it is a no brainier for thousands of WordPress power users.

16 Scorm Courses

16.1 Installation And Setup

  • If you don't have account in Scorm Cloud account, get it here Scorm Cloud SignUp
  • Once your account is created successfully, navigate to https://cloud.scorm.com/sc/user/Apps to get your App Id and Secret Key. Refer the images shown above.
  • To get your Scorm Cloud WordPress plugin go to your backend Dashboard -> Plugins -> Add New -> search for SCORM Cloud For WordPress, than install and activate it
  • Now navigate to Dashboard -> SCORM Cloud -> Settings -> here feed your App ID and Secret Key. In SCORM Player Stylesheet Url field, give stylesheet url as http://yourdomain.com/wp-content/themes/lms/css/scorm-cloudstyles.css
  • That's it you have configured your Scorm Cloud settings.

16.2 Creating And Importing Courses

16.3 Setting Up Courses

You can setup Scorm Courses in 3 ways

Method 1 – Adding courses in posts or pages

Method 2 – Assign course manually to user

  • You can also manually assign course to users using scorm cloud options.
  • Navigate to Dashboard -> SCORM Cloud -> Training.
  • Select course from dropdown to which you have to assign users. Choose any number of users or any user roles
  • Also you will have option to send invitation mail to those users.
  • Now click the Create Training button
  • Refer the screenshot attached below.

Method 3 – By creating public or private invitations

17More

17.1 Demo Content Fails: Seems Like An Error Has Occurred

If you attempted to import the DesignThemes theme sample demo data, but it never completes the installation process or it fails with errors, there could be several reasons. Please read the following information.

Likely Causes For Demo Import Failing

  • Your PHP memory, file upload size, and/or execution limits are set too low
  • Your web host uses process watching software that prevents bulk processing on their web servers.
  • You have define('WP_DEBUG', true), please change that to define('WP_DEBUG', true) for the import in your wp-config.php file
  • The import uses a JSON file which is loaded from the frontend of the website, this will not work when the domain is not connected to the WordPress installation.

Recommended PHP Configuration Limits

If the import stalls and fails to respond after a few minutes, or it fails with a simple error message like "Import failed," You are suffering from PHP configuration limits that are set too low to complete the process. You should contact your web host and ask them to increase those limits to a minimum as follows:

  • max_execution_time 180
  • memory_limit 254M
  • post_max_size 32M
  • upload_max_filesize 32M

How To Verify Your Current PHP Limits

You can verify your PHP configuration limits by installing a simple plugin here. In addition, you can always contact your host and ask them what the current settings are and have them adjust them if needed. Please note though that many hosts will try to keep the PHP limits low without reason. However you are paying for it, and therefor should be getting your moneys worth.

17.2 Setting up Child Theme

Do I need a child theme?

If you are planning to apply heavy code CSS customizations to DesignThemes theme more than minor CSS adjustments or a simple script such as Google Analytics it's highly recommended to create a child theme that will inherent the functionality of the parent theme plus it will give you all the editing and modifying power you need without the need of modifying the core theme files directly. As if you do that on the parent theme al the changes you make will be overwritten with the next theme update. Which will be a problem especially if you have already done many changes.

Setting up child theme from WordPress Dashboard:

  1. Go to Appearance > Themes > Add New > Upload Theme and import the  child-theme.zip file directly into this screen of the WordPress admin area.
  2. Go to Appearance > Themes and activate your Wiz child theme.

 

Setting up child theme via FTP:

  1. Uncompress child-theme.zip file.
  2. Upload its files to /wp-content/themes/ directory via FTP.
  3. Go to Appearance > Themes and activate your Wiz child theme.

17.3 Grandfathered Support

Envato started a paid initiative for item support on September 1st, 2015. Any item purchased includes 6 months of support with paid options to extend. This new policy applies to all purchases, past or present. DesignTheme  is fully committed to our customers and took the initiative to introduce Grandfathered support for any purchases made before September 1st, 2015. Purchases made before September 1st, 2015 are eligible for our Grandfathered support policy. Purchases made after September 1st, 2015 must follow the new paid support initiative introduced by Envato. It is important to note that paid support is an Envato initiative, while Grandfathered Support, with the agreement of Envato, is an initiative that we created.

What Is Grandfathered Support?

Grandfathered Support is simply a term we are using for purchases made before September 1st, 2015. The level of support given is the same as we have always provided. Grandfathered Support applies to any customer that purchased LMS BEFORE September 1, 2015. This entitles qualifying customers to continue receiving hands on support via our system for as long as we continue to develop and maintain LMS .
IMPORTANT NOTE – Grandfathered support is only valid on sites that are using a license purchased before September 1, 2015.

How To Verify Your Purchase Date

To know if you're qualified for Grandfathered Support, you must first verify your purchase date. Please see below for instructions on how to view the exact purchase date of your LMS Theme license.

Step 1 – Login to your ThemeForest account and go to the Downloads tab.

Step 2 – Locate the LMS theme copy you'd like to verify, then download the License Certificate and Purchase Code file. You can choose to download either the .PDF or the .TXT file.

Step 3 – Inside the License Certificate and Purchase Code file, you'll find your Purchase Date information for that particular copy of  LMS .

17.4 How To Update The Premium Plugins

Please note that LMS does include updates for our Premium Sliders (Revolution Slider and Layer Slider), however, this does not mean that you will receive an individual license for these Premium Sliders.
Due to Envato's licensing rules, we can only issue updates for these plugins when we issue a theme update. Please continue reading below for further information on the process of how these updates are given.

Premium Sliders Update Process

When you purchase a theme that bundles Revolution Slider and Layer Slider, such as LMS , you get to use these Premium Sliders with the theme. However, your purchase of LMS does not give you an individual license for the Revolution Slider and Layer Slider to use or download as you wish.
Due to license rules, we can only issue new plugin updates when we issue new theme updates. So anytime LMS is updated, the latest plugin for the Revolution Slider and Layer Slider will be included. This is according to the licensing rules enforced by Envato, and is something out of our control and must abide by.
In addition, this also ensures that we fully test the plugin to make sure there are no critical bugs that will conflict with our own update. This is a benefit that we also test any version we give with our theme before our customers get it.

17.5 How to translate the theme

If you are running a Multi language site, you need to install the WPML plugin Or if you are running a Single language site other than English. Say for example if you are running “French” site only You can go with “poedit”.

i) designtheme  is referring to Theme-folder (wp-content / themes / theme-folder(designthemes))

i) fr_FR is referring to French language code

ii) “dttheme-core” is referring to  slug name of Core-Plugin

Theme Translation:

First, you need to change language, For ex: “French”

i) Go to Dashboard / Settings / General and select language(ex: French language ) then save settings.

Second, you need to create language-code.po file and translate words.

ii) Please go to wp-content / themes / designtheme / languages / – Here you can find theme pot file (In our older themes, you can see dental.pot file)

For ex, designtheme-slug-name.pot – Rename this pot file into po file.

Ex: designtheme-slug-name.pot into fr_FR.po (OR) dental.potinto fr_FR.po

Here : fr_FR is French language code

iii) Open fr_FR.po file and translate the words. Finally you will get the mo file there while saving the .po file. After translating words you can check those changes in front-end.

Core Plugin translation:

i) Go to wp-content\plugins\designthemes-core-features\languages – here you can find dttheme-core.pot / dental.pot/ dt_themes-dental.pot file

ii) Rename dttheme-core.pot into dttheme-core-fr_FR.po. Open this po file and translate the words. While saving this po file automatically mo file will generated (dttheme-core-fr_FR.mo) then check front page.

Theme Translation:

  1. Open Poedit and click on File -> New catalog from POT file in the main menu and select the POT file in your theme’s languages folder (remember that this will use the name of your theme i.e. dental.pot).
  2. A properties box will open up where you must enter some general information. First up, in the Language field enter the language name you want to translate.
  3. Click the “OK” button; you’ll be asked what you want to name your translation file. Now, usually with filenames it doesn’t matter what you call it, but translation files are a lot stricter and the file name is crucial to your translation working correctly. Each language and country has a specific code you will need to use when saving translation files; for instance, if you’re going to translate a GavickPro WordPress theme into Spanish you’ll name your file “es_ES.po”, whereas if you’re translating into German you’ll name the file “de_DE.po”. To break it down; the first lower-case letters define the language, whereas the second upper-case letter define the country. In many cases the language and country will be the same, hence “de_DE” for Germany, but what about languages like English or Portuguese, that are spoken in several countries natively? In these cases there will be a difference in the first and second letter pairs; for the UK, the code would be en_GB, whereas for the USA it will be en_US. If you’re not familiar with the codes for your native language and country you can head over to the GNU website, where they have all the codes for Language and Country. Remember, if you use the wrong naming convention WordPress won’t be able to use your translation, so double-check if necessary.
  4. Something a bit easier after the rigmarole of sorting out your file naming; just save your new language file.
  5. Now you can start translating the theme via the String Translation mechanism. This provides direct like-for-like translations. This is where things will take a bit of time; go through each line one-by-one, adding the translation to your native language as you go.

    If you think there’s some text that won’t require translation or you’re not sure what to translate it to you can just leave them as they are in the original language; you can always come back and translate them later if need be. To illustrate how easy the translation process is, here’s a shot from the Polish translation process:

  6. Don’t forget to save your file once you finish the translation; you really don’t want to lose all you hard work now! Don’t worry about creating the .po and .mo files; Poedit will automatically create and save both of these files for you.

17.6 How To Update From The .po File After A Theme Update in POEdit

Step 1 – Open the .po file of the desired language in POEdit.

Step 2 – Choose ‘Catalogue’ from the options in the toolbar, then select ‘Update from POT file’ option.

Step 3 – In the opening file dialog, choose the theme.pot file in Theme/languages/ folder. The catalogue will then be auto updated with all the new text strings, and your custom ones will be preserved.

Step 4 – Don’t forget to Save the file once you are done updating and adding translations.