LearnDash LMS with Theme Install & Dummy Data Import Guide
Theme Installation
When you are ready to install a theme, you must first upload the theme files and then activate the theme itself. The theme files can be uploaded in two ways:
FTP Upload:
Using your FTP client, upload the non-zipped theme folder into the /wp-content/themes/ folder on your server.
WordPress Upload:
Navigate to
Appearance -> Themes -> Add New -> Upload
. Go to browse, and select the zipped theme folder. Hit "Install Now" and the theme will be uploaded and installed.
Once the theme is uploaded, you need to activate it. Go to
Appearance -> Themes
and activate your chosen theme.
Step by Step Getting Started Wizard
Required Plugins
After you activated the theme, you will get notification says about what plugins you need install.
N.B:
All plugins must be installed and activated if you want your site to look exactly like demo.
One Click Demo Import:
Required if you want to import demo contents. You can deactivate it after demo is imported.
Envato Market:
Recommended. This plugin helps you automatic updates to your Themes & Plugins purchased through Envato Market.
Tutor LMS Plugin:
Optional. Install if you want LMS(Learning Management System) feature.
LearnPress LMS Plugin:
Optional. Install if you want LMS(Learning Management System) feature.
LearnPress - Course Review:
Optional. Install if you want Courses Review feature.
LearnDash LMS Plugin:
Optional. Install if you want LMS(Learning Management System) feature.
The Event Calender:
Optional. Install if you want to use event feature.
Contact Form 7:
Optional. Install if you want to use contact form.
WooCommerce:
Optional. Install if you want ecommerce/store functionality.
Importing Demo Contents
Want to build your site like the demo? You can do it by only one click!
** Note: Before proceeding, please remember that when you are done with the demo import, all existing settings and contents will be removed and replaced by the demo contents. So it is highly recommended that you should only do this in fresh site. **
In this page, Click on the
Install
button for installing the demo.
It will take some time for importing the demo contents.
After importing demo data, please update your permalink. To update permalink, navigate to
Settings -> Permalink
and then click on
Publish
button.
LearnPress LMS (Learning Management System)
Note: You can use this theme with or without LMS functionality. We are using plugin
LearnPress
to facilitate LMS features. So to activate the LMS features in your website just install and activate the
LearnPress
plugin. If you don't need LMS functionality just deactivate the
LearnPress
plugin. Either you use
LMS
or not the demo pages almost look the same.
We are using plugin
LearnPress
here for LMS functionalities, so you can check the plugin documentations and tutorials from the plugin website.
Note: You can use this theme with or without LMS functionality. We are using plugin
LearnDash
to facilitate LMS features. So to activate the LMS features in your website just install and activate the
LearnDash
plugin. If you don't need LMS functionality just deactivate the
LearnDash
plugin. Either you use
LMS
or not the demo pages almost look the same.
We are using plugin
LearnDash
here for LMS functionalities, so you can check the plugin documentations and tutorials from the plugin website.
By default, LearnDash doesn’t exist any login or register page. LearnDash can use WordPress site registration or any third-party plugin register page.
LearnDash has a profile page. This page only visible for login users. But no login register page.
Anyway, by adding a shortcode you can show a login register pop option. To do it, you have to add a menu with shortcode on your site. Check the URL for more details.
And if you want to add login menu on the header top section then you will add this shortcode with menu edubin header top widget area.
Or another way you will use any third-party login register plugin. Such as, Ultimate Member plugin. Here is the plugin download link.
Using this plugin you can get login register page. You have to add this plugin page on your header top login or register button link.
Tutor LMS (Learning Management System)
Note: You can use this theme with or without LMS functionality. We are using plugin
Tutor
to facilitate LMS features. So to activate the LMS features in your website just install and activate the
Tutor
plugin. If you don't need LMS functionality just deactivate the
Tutor
plugin. Either you use
LMS
or not the demo pages almost look the same.
We are using plugin
Tutor
here for LMS functionalities, so you can check the plugin documentations and tutorials from the plugin website.
From Admin menu, navigate to
Edubin -> Theme Options
.
Choose your preferred primary and secondary color from the color palette.
After changing the settings, Click on
Save Changes
button.
General Settings
From Admin menu, navigate to
Edubin -> Theme Options
. Then go to
General
tab.
Logo & Site Title
From Admin menu, navigate to
Edubin -> Theme Options
. Then go to
General -> Logo
tab.
From here you can upload your main logo and sticky logo. Sticky logo will be used when "Transparent header" is enabled.
Also, you can change site title and tagline
From here you can upload your site favicon in the site icon area. Favicon is the little icon which you see at the address bar of your browser.
After changing the settings, Click on
Publish
button.
Color
Choose your preferred primary and secondary color from the color palette.
Social Share
You can set up your social info which are displayed in Top Bar. To do this, navigate to
Edubin -> Theme Options
. Then go to
General -> Social Share
tab.
After changing the settings, Click on
Publish
button.
Preloader
From Admin menu, navigate to
Edubin -> Theme Options
. Then go to
General -> Preloader
tab.
Here you can find the option for On/Off "Preloader" option.
After changing the settings, Click on
Save Changes
button.
Back to Top Arrow
From Admin menu, navigate to
Edubin -> Theme Options
. Then go to
General -> Back to Top
tab.
Here you can find the option for On/Off "Back to Top Arrow" option.
After changing the settings, Click on
Save Changes
button.
Breadcrumb
From Admin menu, navigate to
Edubin -> Theme Options
. Then go to
General -> Breadcrumb
tab.
Here you can find the option for On/Off "Breadcrumb" option.
After changing the settings, Click on
Save Changes
button.
Background Image
From Admin menu, navigate to
Edubin -> Theme Options
. Then go to
General -> Background Image
tab.
Apply preferred "Background Image" to your background image option from here.
After changing the settings, Click on
Save Changes
button.
404 Error Page
Navigate to
Edubin -> Theme Options
. Then go to
General -> 404 Page
tab. Settings will look like this:
After changing the settings, Click on
Save Changes
button.
Header and Top Bar
From Admin menu, navigate to
Edubin -> Theme Options
. Then go to
Header -> Header Top
tab.
From here you can On/Off "Header Top" area.
You can add Email, Phone, Custom Login Register link, etc.
After changing the settings, Click on
Save Changes
button.
Main Header
From Admin menu, navigate to
Edubin -> Theme Options
. Then go to
Header -> Main Header
tab.
You can choose your preferred header layout combinations from here.
You have options to On/Off Sticky Header.
After changing the settings, Click on
Save Changes
button.
Header Image
From Admin menu, navigate to
Edubin -> Theme Options
. Then go to
Header -> Header Image
tab.
From here you can upload your main logo and sticky logo
After changing the settings, Click on
Save Changes
button.
Menu
You can create menus from
Appearance -> Menus
Page. This is standard WordPress functionality. To display any menu on site header, please select the menu location as "Primary Menu". Also you can get menu location settings from here.
To customize the menu settings, navigate to
Edubin -> Theme Options
. Then go to
Menus
tab.
After changing the settings, Click on
Save Changes
button.
Widgets
From Admin menu, navigate to
Edubin -> Theme Options
. Then go to
Widgets
tab.
After your sidebar has been created, you can place this sidebar in any individual page.
Blog Page
From Admin menu, navigate to
Edubin -> Theme Options
. Then go to
Blog -> Blog Page
tab.
From here you can change Blog list page related settings. You can change blog page sidebar position. And you can get Author Post Date, Category, Comment, Post view On/Off option from here
After changing the settings, Click on
Save Changes
button.
Blog Single
From Admin menu, navigate to
Edubin -> Theme Options
. Then go to
Blog -> Blog Single
tab.
From here you can change Blog Single page related settings. You can change blog single page sidebar position. And you can get Author Post Date, Category, Comment, Post view On/Off option from here
After changing the settings, Click on
Save Changes
button.
Footer
To change the footer settings, navigate to
Edubin -> Theme Options
. Then go to
Footer -> Copyright
tab. It looks like this:
After changing the settings, Click on
Save Changes
button.
WooCommerce
Navigate to
Edubin -> Theme Options
. Then go to
WooCommerce
tab. Here you'll find WooCommerce related options:
After changing the settings, Click on
Save Changes
button.
WooCommerce Element
For displaying WooCommerce product, we have created elementor elements for you. From Elementor, Go to
Edit with Elementor -> Edubin Addons
section, here you'll see
"Woo Product"
element.
Events
Make sure you have the plugin “The Events Calendar” by Modern Tribe installed and activated before activating “Registrations for The Events Calendar” for the event registration form. With the event search option need to activating "The Events Calendar Search Addon" plugin.
"The Events Calender" Plugin Settings
To get as like our live demo site events section, make sure to these settings of "The Events Calendar" plugin.
Navigate to
Events -> Settings -> Display
. Then select to
Default Events Template
.
"Registrations for the Events Calendar" Plugin Settings
From this plugin you can collect user registration information with a event registration form.
Navigate to
Events -> Registration -> Form -> Form Location
. Then select to
Shoetcode
.
After changing the settings, Click on
Save Changes
button.
Using this plugin shortcode you can add an event search option to any pages.
For displaying upcoming events using "The Events Calendar" plugin , we have created elementor elements for you. From Elementor, Go to
Edit with Elementor -> Edubin Addons
section, here you'll see
"The Events Calender"
element.
Custom Eventds Element
For displaying custom events, we have created elementor elements for you. From Elementor, Go to
Edit with Elementor -> Edubin Addons
section, here you'll see
"Custom Events"
element.
Events Calendar Customizer Settings
Navigate to
Edubin -> Theme Options
. Then go to
The Events Calender
tab. Here you'll find The Events Calender related options:
After changing the settings, Click on
Save Changes
button.
We have created several elementor elements for you. You can find them from
Edubin Addons
tab in the elementor
Built-in CSS Classes (Advanced)
You can use the following built-in css classes if needed:
edubin-from1
: set contact from style
Setting up Contact Form
We are using plugin "WPForms" for contact functionality. You can see their documentation for better understanding.
If you don't want to go through all the troubles to check their documentation and just want to use the default contact form we provided with this theme,
please at least set up the default emails in contact form settings.
To do that, please follow the steps below:
Step 1:
Navigate to
Contact
, and then click on
Contact
link.
Step 2:
From this page, click on
Mail
tab. Here you should set your own email address where you want to receive user submitted forms. Then click on save button.
Step 3:
Please submit some dummy forms from Contact page to make sure that it's working properly.
Optimize Website Loading Speed
If you want to make your website fast like the demo, here's some tricks:
Upgrading PHP version
: If your current PHP version is less than 7, upgrade it to version 7+. If you don't know how to do it, ask your hosting provider to do it for you.
Use HTTPS/SSL
: HTTPS has certain advantage regarding loading speed, besides Google recommends it for better SEO. Activate HTTPS in your website. If you don't know how to do it, get help from your hosting provider.
Optimize Images
: Optimizing images means reducing the image size without losing quality. There are many online tools (For example:
https://tinypng.com/
) from where you can optimize images very easily. Please optimize images using these tools before uploading it into website.
Page Caching Plugin
: Use a better page caching plugin. In our demo website, we are using "
Autoptimize
" and "
Cache Enabler
" plugin together. If you are going to use "
Autoptimize
", make sure to turn on the
HTML, CSS and JavaScript
optimization option.
Speed Testing Tool
: Finally to measure the loading speed you can use the pingdom website here:
https://tools.pingdom.com
. Keep in mind that loading speed varies depending on which location you set in that website. To get the accurate result always choose the location same/nearby as your website server location.
Demo Content installation failed
This is a hosting issue. In most hostings demo installation will work fine. But some hostings block certain permissions which may cause this issue. If this happens to you, you can contact your hosting provider or alternatively send a support request to
https://thepixelcurve.com/support/
and we will help you to fix this.
404 Error in all pages
If you face this type of issue, please update your permalink. To update permalink, navigate to
Settings -> Permalink
and then click on
Publish
button.
Social Share
You can set up your social info which are displayed in Top Bar. To do this, navigate to Edubin -> Theme Options . Then go to General -> Social Share tab.
After changing the settings, Click on Publish button.