WP Education

The Ultimate WordPress LMS Theme


Thank you

If you download the full package of this theme, unzip the package. You will see a installable zip file there.

You can install the theme in your site by FTP or WordPress admin.

Installing the theme form WordPress dashboard:

Login to your WordPress site, navigate to Appearance > themes. Click on the Add New, then click on the Upload theme button.

 

 

Choose the Installable WordPress theme here and click install now button. Then it will take few seconds depending upon your internet speed to upload it. After uploading the theme to will see a link to active the theme. Click the active link to active the theme.

 

Installing the theme form FTP:

Login to your site’s FTP from any FTP client like FileZillaCyberduck etc. Go to the wp-content folder > themes. Unzip the installable theme file and upload it to the themes directory.

After upload complete go to your site admin and navigate to Appearance > themes. You will see this theme there. Click the active button to active the theme.

After installing this theme, most important task you gotta do is install the required plugins.

 

Note: Make sure you active the main theme, not the child theme, after installing the plugins you can move to the child theme.

 

You will be notified to install few plugins just after activation of the theme. Some plugins are required and some are recommended.

You must have to install the required plugins.

You can install all the plugins at once, select all the plugin by clicking the check box and select install form the dropdown and click apply.

WP Education CPT and shortcodes plugin contain all the ShortCodes and custom post type for this theme. And Learnpress is the LMS ( Learning management system ) core, what we are using for this theme.

 

Image: Plugin install notice 

Image : Install required plugins 

Before importing the demo content of this theme, make sure you installed all the required plugins.

You will be suggested to install the required plugins after activating this theme.

Next navigate to Appearance > Import Demo Data. Here click on the Import Demo Data button. It will take few minutes depending upon your internet connection. By this time don’t close the browser window. After importing process complete you will be notified.

 

 

Menu Setup:

After importing the demo content you have to setup the menu and the home page.

Navigate to the Appearance > Menu. Go to the menu location tab and select main menu and the footer menu like the screenshot bellow –

 

 

Home Page Setup:

Navigate to Settings > Reading. Choose ( Static Page ) for front page display. And select the Home & Blog page form the page selection dropdown. After choosing the pages make sure you save the settings.

This theme support multiple home pages example, so you can select any home page for the front page.

 

After importing the demo data you gotta select the LearnPress Pages from the LearnPress settings.

Note: LearnPress plugin create few pages when it’s installed. If you import this theme demo you will have those pages as well.

Now it’s time to select those pages from the  LearnPress settings.

Navigate to the LearnPress  > Settings > Pages.  Here you will see like the screenshot bellow. Select the Profile page, from the profile dropdown.

 

 

Select the Become a teacher page same way, like the screenshot bellow.

 

 

Select the checkout page, same way from the checkout tab.

 

 

If you follow this documentation step by step, import demo data and select menu location, you are going to see the demo menu in your site.

Now follow the instruction bellow for adding you own menu to the main menu location in the header. It’s same process like other themes.

 

 

Navigate to Appearance > Menus. Here you will see a link for create a new menu. Click on that link and give a name of your menu and save the menu.

Now add you menu items. This theme support multi level dropdown menu. After adding menu item save the menu.

Now go to the menu locations tab.

 

 

Here you can see the menu locations that this theme comes with. The primary menu is going to show in the header. From the menu selection dropdown, select the menu that you created few minutes before. That’s it.

 

Logo Change:

For changing the logo, navigate to the Appearance > Customizer. Go to the Site Identity tab.  Here you can upload your Logo.

For best result use resized logo image, Suggested size is 145×53 pixel.

This theme support another header type called transparent header. For transparent header you can use another logo image.

For uploading the transparent header logo go to the Theme Option > Header Settings. Here you can upload the transparent header logo.

 

Site Information: 

You can update the information ( site title and tagline ) form customizer and the general settings.

If you see the logo change screenshot you can see the site information input fields as well.

If you want to update those information form the general setting, Navigate to the Settings > General settings.

Here you can see the input fields for update those information. Make sure you update the site email address.

 

 

We tried to describe here all the options that this theme comes with. We added so many screenshots for that you can understand everything easily.

If you don’t understand anything or need something to know, please post to our support forum.

We will try to help you.

If you see the demo of this theme, you may notice there is a pre header bar before the header with email address, phone number, social icons etc.

You can customize and update those information form the pre header settings under the  theme option.

You can enable / disable the pre header, change style and update the pre header content form here, on the right side of the pre header you can set a menu or the social icons.

 

 

 

This theme comes with two different types of headers. If you go to the theme options > header settings you can see all the settings available for customize the header of this theme.

You can select any header type globally form here. You can upload logo for the transparent header.

Header style ( header  background , color, margin, padding  ), menu style ( background, color, width ) can be adjust from here.

 

WP Education Header settings

 

This theme support add custom item to menu, you can see in the demo login menu item is highlighted, You can set those custom menu item form here the header settings.

 

menu custom items demo

 

 

 

 

You can adjust theme common styles from here. Font size, background color, body font color, theme primary colors everything can be adjust from here.

 

 

 

All the blog related settings like feature image width and height, layout, post navigation and author bio can be adjust from the blog settings.

 

 

 

As it’s a Learning management system WordPress theme, most important thing for this theme is course related settings.

This theme’s course settings will allow you to customize the course and anything related to LMS.

Course Page Demo : http://wp-education.xoothemes.com/all-courses/

If you go to our course page demo link, you can see

 

Course Navigation with course filtering form and list, grid view switcher:

we are using a free plugin called Search & Filter for course filtering. You will be notified after installing this theme to install this plugin. If you need this course filtering system make sure you install this plugin before importing the demo data of this theme.

 

Image : Course navigation output with course filtering form and list & grid switcher

 

You can select layout for course archive page and course details page, it has option to show left / right sidebar or fullwidth layout.

You can select number of course columns to show as well.  Course join and enroll button text, show or hide course information can also be customize from here.

 

Image : Course Settings options page

 

 
 

 

This theme comes with full WooCommerce support. You can sell any kind of products using this theme.

We added some settings to customize the WooCommerce pages and element as well.

You can set page layout for shop page and single product page, number of products to show in the WooCommerce shop page, products columns etc from here.

 

 

 

Theme customizer allow you customize the site real time. You can see the changes at same time you make any change in customizer settings.

Most of the options in customizer are coming from the WordPress core, which allow you to customize site information, logo, menu, widgets, static front page etc.

 

 

 

We added header settings in the customizer. It will allow you to adjust the logo top & bottom space adjust and main menu items top , bottom, left and right space adjust.

 

 

 

 

Creating a new page is super easy. No complex options and settings.

Just navigate to Pages > Add New. Put a title of your page.

 

 

This theme support Visual Composer page builder plugin, you can easily create pages with this page builder. Click on the backend editor button to switch the builder mode. You can find some video tutorials about Visual Composer in the link bellow –
https://vc.wpbakery.com/video-tutorials/

All of this theme’s ShortCodes are available as Visual Composer addons, if you click on the add element button you will see a custom tab named ” WP Education ” which contain all of our custom VC addons.

You can place any of these ShortCode anywhere to your page.

 

 

 

 

Page settings :

On the right side of the page add / edit page you can see this page settings box. These are custom page settings. You can customize page layout, enable or disable the page title, pre header, sidebar, header type etc from here. You can select specific sidebar for any page. If you enable page sidebar you will see all the sidebar in a dropdown.

This theme support two different page layout. Fullwidth and Box layout.

If you want to make a page with simple text only, use the Box layout. And use the Fullwidth layout for making page with Visual Composer.

For example you can see our demo pages.

 

 

 

We are using a free LMS plugin for our theme. This plugin available to WordPress.org. Link bellow –

https://wordpress.org/plugins/learnpress/

It’s very powerful tool for creating LMS site, it’s offer you create courses, lessons, quiz etc. You can sell your courses online, students can buy courses and learn the lessons.

It has plugin support PayPal to take payment for the course, you can use others payment method using addons for this plugin.

Check out the addons available for this plugin – https://thimpress.com/wordpress/learnpress/

You can follow this plugin documentation to know how to create a new course, lesson, quiz etc.

 

If you see this theme demo, you may be see there is a section for clients testimonials.

You can add testimonials form the admin area. Navigate to testimonials > add new. Put the client name in the title box and the testimonial in the content box. Upload a feature image for client image.

 

 

On the right side if the testimonial editor box, you can see the testimonial option box like the screenshot bellow. You can use these input box for details client information.

 

 

The testimonial itself will look like bellow in the frontend of you site.

 

 

We are using a free plugin named “The event calendar” for showing the events. It is the best plugin for event management system in WordPress.

 

 

For adding a new events, navigate to Events > add new. Put your event name, description, date & time, location, price, image etc. then click publish.

Its more or less similar to adding a new post.

Checkout the event calendar plugin knowledge base for details documentation for this plugin.

 

 

 

We are using Contact Form 7 plugin for this theme, It’s one of the best contact form plugin for WordPress.

 

 

You can use default form that comes after installing this plugin or you can use or customize form like the demo.

Go to the Contact > Add New. Here you will see a default form code like the screenshot bellow.

 

 

Replace the form code by the code bellow, it will make the form like you demo.

 

  <div class="form-group">[text* your-name class:form-control placeholder "Your Name"]</div>
   
  <div class="form-group">[email* your-email class:form-control placeholder "Email"]</div>
   
  <div class="form-group">[text your-subject class:form-control placeholder "Subject"]</div>
   
  <div class="form-group">[textarea your-message class:form-control placeholder "Message"]</div>
   
  <div class="form-group ep-form-submit">[submit class:btn class:btn-primary class:btn-lg class:btn-block "Send"]</div>
view rawcontact.html hosted with ❤ by GitHub

 

 

Finally it will look like the screenshot bellow –

 

Save the form, and go to the contact page and edit the contact page. Here in the visual composer you will see the contact form element. Edit the element in the form select dropdown select the form that you created few minute before.


 

 

 

We are using WooCommerce plugin for the store. You can follow the WooCommerce official knowledge base for details documentation.

 

 

This theme comes with two custom widgets and six deferent sidebar areas.

Widgets:

  1. LearnPress Course Categories.
  2. LearnPress Course Instructors.

Sidebar areas: 

  1. Blog Sidebar
  2. Course Sidebar
  3. Single Course Sidebar
  4. Footer widgets
  5. WooCommerce Shop
  6. WooCommerce Product

 

 

Blog Sidebar :

Blog sidebar will works for post, single post and post archive pages.

Course Sidebar:

Course Sidebar will works for Course archive pages, all courses page.

Single Course Sidebar:

Single Course Sidebar will works for course details page.

Footer widgets:

Footer widgets will be shown on theme footer area. You can manage the footer widgets column from the theme option.

WooCommerce Shop:

This sidebar area will be shown if you install and active the WooCommerce plugin. It will works for the shop page and product archive pages.

WooCommerce Product:

This sidebar area will be shown if you install and active the WooCommerce plugin. It will works for the product detail page.

 

 

We are using Theme my login free plugin for this theme. You can follow this plugin official documentation for details information.

You will be notified to install this plugin after active this theme. Once you active this plugin it will create the login, registration pages.

and if you import this theme demo data you will have those login, registration pages as well.

This theme has a custom page template for login registration pages. You may have to select that page template for those pages.

Just edit the page and select the login/registration page template from the template select dropdown.

 

 

 

We are using Mailchimp official WordPress plugin for this theme. It’s available in the WordPress.org

https://wordpress.org/plugins/mailchimp-for-wp/

You will be notified to install this plugin after active this theme. After install and active this plugin you are going to need configure this plugin.

Navigate to Mailchimp. Here you need to put you Mailchimp API key. After putting the API key status will say connected like the screenshot bellow.

 

 

 

If you status is become connected, Navigate to Mailchimp > Forms. Here you can create your customized forms.

Create a form using the code bellow for showing a form like our demo.

 

 

  <div class="ep-subscribe form-inline">
  <p>Subscribe now and receive weekly newsletter with educational materials, new courses, interesting posts, popular books and much more!</p>
  <div class="form-group">
  <label class="sr-only" for="subscribe-email">Email address</label>
  <input id="subscribe-email" type="text" name="EMAIL" placeholder="Enter your email..." class="form-control">
  </div>
  <button type="submit" class="btn btn-primary btn-lg">Subscribe</button>
  </div>
view rawmailchimp-form.html hosted with ❤ by GitHub

 

 

 

Bellow the form code editor you will see the form ShortCode, Use this ShortCode for showing the form in any page.
You can use Visual Composer text element as well.