Quix 2 Visual Builder is here & enjoy 20% discount. Coupon : QUIXPRO

WINTER IS HERE - LET'S MAKE IT WARMER! Enjoy 30% OFF WIN18

Documentation

Find articles, step-by-step instructions, and advice for getting the most out of ThemeXpert.com

An LMS supported educational WordPress theme that is highly customizable and allows you to build a stunning website with the help of most trendy drag and drop page builder even without a single line of coding. No doubts, it creates visitor's first impression on your institute with it's most recent trendy outlooks.

Edukado

Key Features

  • Fully Responsive
  • Fast Loading
  • LearnPress LMS integration
  • Built-in course and lesson type
  • Multiple course style : Grid
  • Multiple teacher style : Grid, list, and carousel
  • Course details page style with pagebuilder(elementor)
  • Teacher page details style with page builder(elementor)
  • Notice page
  • Meaningful Trendy Layout
  • Multiple Home Variations
  • Elementor Page Builder Support
  • WPBakery Page Builder Support
  • Huge Built-in Pages
  • SEO Optimized
  • Box Layout
  • RTL Supports
  • Event calendar integrations
  • Event listing and details page style
  • Testimonial widgets for pagebuilder
  • Codestar Framework
  • CMB2 metabox integration
  • Bootstrap framework
  • Megamenu
  • Array of built-in page
  • Dynamic navigation
  • Quick Social sharing
  • Animation slider
  • Dynamic Navigation Menu
  • Smooth Collapsing Transaction
  • Quick Social Sharing
  • Multiple Social Commenting
  • Revolution Slider and Carousel
  • Built With Cutting-edge Technology

Requirements

In order to run Edukado smoothly on your server, you need to fulfill this requirement listed below:

  • Wordpress: 3.9+
  • Elementor or WpBakery Page Builder

Download

Head over to download page on www.themeforest.net then download the EdukadoPackage.zip file. In this .zip file, you have everything you need.

Installation

Installing WordPress

To install this theme, you must have a working version of WordPress already installed on your server. If you need help installing WordPress, go through the link and follow the instructions: Installing WordPress

Installing Theme

There are a couple of simple steps to install Edukado theme on your server. Its quite straightforward.

If you are starting from the scratch, we recommend you to follow the installation guide below to install with the pre-built existing demo data. This is the simplest way to get started.

On the other hand, if you already have an existing WordPress site and want to apply Edukado theme, in that case, you just need to install the following package:

  • edukado.zip

You can find this package inside the downloaded .zip file of Edukado theme. So, before getting started with the installing process, Extract the .zip file and you'll find the desire edukado.zip in the Theme folder after the extraction.

  • Log in to the WordPress Administration Panels.
  • Now, go to Appearance> Themes> Add New> Upload Theme then click on the Choose File button then select the edukado.zip file and hit upload.
  • After installation being done, roll over to Appearance> Themes.
  • Find just uploaded theme on the Theme Thumbnail area.
  • Click the Activate button below to the theme's thumbnail, to set it as default.

Do not forget to Activate the theme as default after installation process successfully been done.

To know more, visit WordPress Codex

Active Required Plugins

There are nine plugins, required for Edukado theme to work properly. Those are listed below:

  1. Edukado Core: Theme core functionality (CPTs and shortcodes).
  2. Page Builder: You must install and activate one page builder. [WpBakery Page Builder : Combine pages with flexible grid and shortcodes. Or Elementor Page Builder : Visual page builder with drag and drop.]
  3. Codestar Framework : For theme options panel.
  4. LearnPress (LMS) : Complete solution for creating a learning management System.
  5. The Events Calendar : Create manage and share events with this plugin.
  6. Widget Importer & Exporter : Export and Import your widget anywhere you like.
  7. WordPress Importer : Import pages, posts, comments, categories and lots more from a WordPress export file.
  8. WooCommerce: For selling Publication or Book.
  9. Slider Revolution: For amazing sliders.
  10. Contact Form 7 (optional). We recommend this for the contact form.

To activate those required plugins, main menu go to Plugins

  • Select all those required plugins.

You can use the search module to find the desired plugins. The search box can be found on the right-top side of the module.

  • Select Activate from the drop-down menu just above the list of plugins.
  • Click to the Apply button next to the drop-down box and you are done.

To know more about the installation process of plugins, visit here: WordPress Codex

If there is any problem with automatical plugin installation, install them manually. You can find plugin bundle in your theme's /lib/plugins subdirectory. WooCommerce and Contact Form 7 can be found in WordPress plugins repository, install them through Plugins Screen

Import Demo Data

  • Log in to the WordPress Administration Panels.
  • Go to Tools> Import
  • Select the WordPress from the list. It can be found at the bottom of the list of plugins, normally.
  • Install the WordPress Importer plugin, if you haven't installed it yet.
  • After being installed, click on Run Importer to open the module.

It allows you to select the demo data file from your local drive and upload into your server.

  • Now, click on Choose File. Once you click on it, it prompts up a screen, allowing you to select the demo data file from your local drive.
  • Choose the demo-content.xml file and click Upload file and import

Demo data files can be found in Demo folder after you extract the theme package and the path should be /Demo/demo-content.xml.

  • On the second screen, set up an author and don't forget to check the Download and import file attachments. After making sure it is checked in, click on Submit button.

To Import Widgets you need to open Widget Importer and Exporter from Tools. Then you can import widget setting via this plugin

Widget setting file can be found in Demo folder after you extract the theme package and the path should be /Demo/widget-demo.wie. Widget data is also available as .json file and named as widget_data.json, if you like you can also use this file.

To import the theme options

  • Go to Edukado options and open Backup. Now copy and paste the text of options.txt at the field and click on Import a Backup.

The options.txt can be founded on the path /Demo/options.txt.

There is also .json file every sections and slider, in the Edukado folder.

Theme Settings

You can differently customize theme according to your need using Easy Customization feature.

  • Click on Edukado at left-bottom corner of the module screen to open up Theme Setting panel.

General Settings

General Settings

  • Default Theme Style : Choose the primary theme color from the drop-down menu.
  • Default Blog Style : You can either select List or Grid style for the blog with this option.
  • Enable Preloader : Allows you to enable or disable Preloader.
  • Preloader Background Color : Set a color for the preloader background. This option can only be found when the Enable Preloader option is enabled.
  • Preloader Gif Image : You can select the preloader gif image with this option.
  • Enable Breadcrumb : Allows you the control over enabling or disabling breadcrumb for your site.
  • Themesgrove Credit : Keep it enabled if you want to give us credit. You can disable this option either.

Header Settings

Header Settings

  • Select Header Variation : Select the section are from the right side preview and its customization settings will appear right below this.
  • Header 1 Logo : Upload your site logo for header 1.
  • Header 1 Sticky Logo : Upload your site logo for the Header 1 Sticky Header.

This above two options will appear only if Header 1 is selected from the right side preview of Select Header Variation option.

  • Header 2 Logo : Upload your site logo for header 2.

This above option will appear only if Header 2 is selected from the right side preview of Select Header Variation option.

  • Header 3 Logo : Upload your site logo for header 3.
  • Header 3 Sticky Logo : Upload your site logo for the Header 3 Sticky Header.

This above three options will appear only if Header 3 is selected from the right side preview of Select Header Variation option.

  • Header Background Color : Choose a color for the header background.
  • Sticky Header : Allows you to enable or disable Sticky Header.
  • Social Icons : Enable this option if you want to show social icon on you site. After enabled, you will find empty text boxes against Facebook, Twitter, Youtube and LinkedIn to provide your corresponding profile link into them to perfectly set up social button on your site.

Custom Style

Custom Style

  • Custom Style : By default this option is disabled. To enable this option, a couple of settings will appear to customize according to your preference.
  • Header Primary Color : Allows your to set header primary color.
  • Header Top Link Color : Allows your to set header Top Link color including Regular color, Hover color, and Active color as well.
  • Menu Color : Allows your to set Menu color including Regular color, Hover color, and Active color as well.
  • Body Primary Color : Allows your to set a color.
  • Body Link Color : Allows your to set Body Link color including Regular color, Hover color and Active color as well.
  • Footer Primary Color : Allows your to set footer primary color.
  • Footer Link Color : Allows your to set Footer Link Color including Regular color, Hover color and Active color as well.

Those above seven settings can be found only if you enable the Custom Style feature.

  • Custom CSS : Write custom CSS code here.
  • Custom JS : Write custom JS code here.

Typography Settings

Typography Settings

  • Custom Typography : This option allows you to use thousands of google fonts in different sections in your site. First, enable this to get the customization settings to appear.
  • Select Header Font and Style : Allows you to select a font style and font type for the header section.
  • Select BodyFont and Style : Allows you to select a font style for the body.
  • Select FooterFont and Style : Allows you to select a font style and font type for the footer section.

Sidebar Settings

Sidebar Settings

  • Default Sidebar Position : Set the default sidebar position. You can either choose Left or Right from the drop-down menu.

Permalink Settings

Permalink Settings

  • Custom Permalink : To enable this feature allows you to customize permalink according to your needs.

Post Type

  • Course Slug : Write your desired custom slug for the Course Post Type in the empty text box next to this option.
  • Notice Board Slug : Write your desired custom slug for the Notice Board Post Type in the empty text box next to this option.
  • Teachers Slug : Write your desired custom slug for the Teachers Post Type in the empty text box next to this option.
  • Testimonial Slug : Write your desired custom slug for the Testimonial Post Type in the empty text box next to this option.

Taxonomy

  • Course Category Slug : Write your desired custom slug for the Course Category Taxonomy in the empty text box next to this option.
  • Notice Board Category Slug : Write your desired custom slug for the Notice Board Category Taxonomy in the empty text box next to this option.
  • Course Name Slug : Write your desired custom slug for the Course Name Taxonomy in the empty text box next to this option.

After you generate your own preferred custom slug, it is IMPORTANT to go to Settings module from the left sidebar and click on Save Changes button in the bottom-left corner.

Footer Options

Footer Options

  • Enable Footer Top Area? : Allows you to enable or disable footer top area.
  • Footer Column : Define the number of columns you need in your site footer.
  • Footer Custom Background : Toggle to enable or disable custom footer background.
  • Footer Background Color : Choose a footer background color.
  • Footer Top Background Color : Select the color for footer top area.
  • Background Image : Upload your preferred background image fo the footer.
  • Copyright Text : Write your copyright text here.

Backup Settings

Backup Settings

  • Import and Backup : This button allows you to import a backup theme. Just to paste the backed up string on the empty text box and then click this button.
  • Import and Download Backup : With this button, you can make a backup of your current theme.

How To's

Setup Homepage

  • Go to Settings > Reading
  • Select A Static page on Front page displays option.
  • Choose Home from the Front-page drop-down menu.

Homepage Setup

  • Select Blog from the Post page drop-down menu.(optional)
  • Use the left-bottom Save Changes button to save the settings.

If everything is done correctly, the front-end appearance should be like below; Home Layout 1: Homepage

Home Layout 2: Homepage

Creating Pages

  • Go to Pages> Click Add New button.
  • Give a page title on the Add New Page text box.

Add New Page

  • Click on Publish button to save the page.

Add New Page

If everything is done ok then you can find those created pages on Appearance> Menus.

Add New Page

Now, you can create Menu and assign those pages in different menus.

Creating Dropdown Menu

  • Go to Appearance> Menus
  • Select a main menu and drag the submenu items right below the main menu.

Dropdown Menu

  • Click on Save Menu on the right-bottom side of the module and you are done.

Dropdown Menu

The fron-end appearance should be like below:

Dropdown Menu

Adding Notice

To create a new notice, follow the instruction below;

  • Go to Notice Board> Add New and a configuration module will appear.
  • Enter the notice title on the very first empty text box.
  • Write notice detail content text on the content area. You can import media like images, audios etc. on the content area simply with the Add Media button above the content area box.

Add New Notice

  • On the right side of the module, select or create a new category for the notice and add a featured image for the event as pointed on the screenshot.
  • After everything is done according to the instruction, click on the Publish button from the right-top of the module and your done adding a new event successfully.

Front-end appearance

Add New Notice

Creating Courses

To create a new Course, follow the instruction below;

  • Go to Courses> Add New and a configuration module will appear.
  • Enter the Course title on the very first empty text box.
  • Write course detail content text on the content area. You can import media like images, audios etc. on the content area simply with the Add Media button above the content area box.
  • On Course Header tab, you can use a custom title, header subtitle and header image.

Add New Course

  • On the right side of the module, select an existing category or create a new category then select, and upload a featured image for the course as pointed on the screenshot.
  • After everything is done according to the instruction, click on the Publish button from the right-top of the module and your done adding a new course successfully.

Front-end appearance

Add New Course

Adding Teachers

To create a new Teacher, follow the instruction below;

  • Go to Teacher> Add New and a configuration module will appear.
  • Enter the Teacher title on the very first empty text box.
  • Write Teacher detail content text on the content area. You can import media like images, audios etc. on the content area simply with the Add Media button above the content area box.
  • On Social Link tab, You can define the social profile link of the teacher.

Add New Teacher

  • On the right side of the module, select an existing Course name or create a new Course then select, and upload a profile image for the teacher as pointed on the screenshot.
  • After everything is done according to the instruction, click on the Publish button from the right-top of the module and your done adding a new faculty successfully.

Front-end appearance

Add New Teacher

Adding Testimonial

To create a new Testimonial, follow the instruction below;

  • Go to Testimonial> Add New and a configuration module will appear.
  • Enter the Testimonial title on the very first empty text box.
  • On Testimonial Details tab, You can write the name of the person, position as well as details content text of the person.

Add New Testimonial

  • On the right side of the module upload a client's image for the testimonial as pointed on the screenshot.
  • After everything is done according to the instruction, click on the Publish button from the right-top of the module and your done adding a new faculty successfully.

Front-end appearance

Add New Testimonial

Elementor Page Builder Elements

You can simply add an element on a page. All you need to do, just drag the element you want to add and drop it in a page then customize its setting as your preferences. You will have plenty of default elements to add or you can add our developed elements those are only for Edukado theme from the Edukado Elements tab on the elementor.

Edukado

Elementor

Elementor is the one of the best Drag and Drop visual editor for building pages, posts etc. in a WordPress site. If you are not familiar with Elementor, we recommend you to take a look at the following videos:

Under http://docs.elementor.com/ you can find see the complete documentation of elementor page builder.

IMPORTANT: You have to disable Disable Global Colors and Disable Global Fonts options from Elementor> General in order get your custom styles worked on any elements.

Our theme specific elements can be found in Edukado tab under Elementor.

Course

Edukado

To add Course element on a page, first-

  • Go to Pages
  • Click on Edit With Elementor
  • Drag the Course from the left EDUKADO ELEMENTS area and drop on your page.
  • Customize the settings how you prefer and click on Save button to save the pages.

Content

Edukado

Under Layout you have these options.

  • Style : Choose your preferred layout style from here.
  • Column : Define the number of columns at here.
  • Shows : Define how many courses you want to show, from here.

Under Thumbnail you have these options.

  • Enable/Disable : Toggle to show or hide the thumbnail or the course.
  • List Alignment : Choose the alignment of your course from here.

Under Button you have these options.

  • Text : At here write the text you want to show on each course.

Style

Edukado

Under Layout you have these options.

  • BG Color : Pick a color for background from here.
  • Padding : Apply padding for your layout from here.
  • Normal Shadow : Modify shadow options for layout from here.
  • Hover Shadow : Alter hover shadow options for layout from here.

Under Title you have these options.

  • Color : Pick the course title color from here.
  • Typography : Customize the title typography from here, with changing height, width, font etc.

Under Content you have these options.

  • Color : Change the color of the content fonts from here.
  • Typography : Customize the content typography from here, with changing height, width, font etc.
  • Spacing : Managing spacing of contents from here.

Under Button you have these options.

  • Typography : Customize the button typography from here, with changing height, width, font etc.
  • Color : Change the color of the button from here.
  • Border : Adjust border of the button from here.
  • Border Color : Change the color of the Border from here.
  • Spacing : Manage spacing of the button from here.

Advanced

Edukado

  • Element Style : Control margin, padding, z-index, entrance animation and add additional id or class to apply your custom design to an element.
  • Background : Control element background color, hover style and more.
  • Border : Apply your custom border style configuring different options from this tab.
  • Responsive : Control making this element to appear on various devices.
  • Custom CSS : Apply any custom CSS codes if you want.

Teacher

Edukado

To add Teacher element on a page, first-

  • Go to Pages
  • Click on Edit With Elementor
  • Drag the Teacher from the left EDUKADO ELEMENTS area and drop on your page.
  • Customize the settings how you prefer and click on Save button to save the pages.

Style

Edukado

Under Teachers you have these options.

  • Show : Define how many item you want to show.
  • Gap : Apply padding for teacher element from here.
  • Items Width % : Define the width of the element in percentile ratio.

Under Description you have these options.

  • Color : Define color from here.
  • Typography : Create your own preferred typography for text by changing different options according to your wish.
  • Alignment : Choose your preferred alignment for description text at here.
  • Overlay Color : Choose your preferred overlay color from here.

Under Title you have these options.

  • Color : Choose your preferred color from here.
  • Typography : Create your own preferred typography for description text by changing different options according to your wish.
  • Bg Color : Select the background color you want in your teacher element from here.
  • Padding : Apply padding to your title from here.

Under Designation You have these options.

  • Color : Define color of the designation from here.
  • Typography : Create your own preferred typography for designation by changing different options according to your wish.

Under Social Icon you have these options.

  • Color : Choose your preferred color for social icon from here.
  • Hover Color : Select your preferred hover color for social icon from here.

Advanced

Edukado

  • Advanced : Control margin, padding, z-index, entrance animation and add additional id or class to apply your custom design to an element.
  • Background : Control element background color, hover style and more.
  • Border : Apply your custom border style configuring different options from this tab.
  • Responsive : Control making this element to appear on various devices.
  • Custom CSS : Apply any custom CSS codes if you want.

Testimonial

Edukado

To add Testimonial element on a page, first-

  • Go to Pages
  • Click on Edit With Elementor
  • Drag the Testimonial from the left EDUKADO ELEMENTS area and drop on your page.
  • Customize the settings how you prefer and click on Save button to save the pages.

Style

Edukado

Under the Testimonial you have these options.

  • Shows : Define how many item you want to show.
  • Bg Color : Alter the background color from here.
  • Padding : Manage padding from here.
  • Quote Color : Define the color of the quotation.
  • Font Size : Define font size, make it bigger or smaller according to your wish.

Under Description you have these options.

  • Color : Choose your preferred color for the description text from here.
  • Typography : Define the typography for description from here.

Under Name you have these options.

  • Color : Define color for the text of the name.
  • Typography : Define the typography for text of the name from here.
  • Padding : Manage padding from here.
  • Alignment : Choose the alignment from 4 options.

Under Designation you have these options

  • Color : Choose the color from here.
  • Typography : Define the typography for text of the name from here.
  • Margin : Specify margin from here.

Under Nav you have these options.

  • Enable/Disable : Toggle to enable or disable Navigation of the testimonial.
  • Background Color : Define the background color for the navigation from here.
  • Border Type : Choose your preferred border from 5 different types of borders then manage color width and radius of it.

Advanced

Edukado

  • Advanced : Control margin, padding, z-index, entrance animation and add additional id or class to apply your custom design to an element.
  • Background : Control element background color, hover style and more.
  • Border : Apply your custom border style configuring different options from this tab.
  • Responsive : Control making this element to appear on various devices.
  • Custom CSS : Apply any custom CSS codes if you want.

Slider

Edukado

To add Slider element on a page, first-

  • Go to Pages
  • Click on Edit With Elementor
  • Drag the Slider from the left EDUKADO ELEMENTS area and drop on your page.
  • Customize the settings how you prefer and click on Save button to save the pages.

Content

Edukado

  • ADD ITEM : This button allows you to create new slider items. Having created an item, just by a single mouse click- there are a couple of options will appear below this.
  • Slider Image : This upload button lets you upload image for the current slider item.
  • Title : Put the slider title here.
  • Subtitle : Put the subtitle for slider at here.
  • Button Text : Put the button text here.
  • Button Link : Put the corresponding button URL here.

Style

Edukado

Under Title you have these options.

  • Color : Choose your preferred color for title from here.
  • Typography : Alter the typography for title from here.
  • Caption Height : Change the caption height from here.
  • Caption Width : Change the caption width from here.

Under Subtitle you have these options.

  • Color : Choose your preferred color for subtitle from here.
  • Typography : Alter the typography for subtitle from here.
  • Spacing : Manage spacing from here.

Under Button you have these options.

  • Typography : Alter the typography for title from here.
  • Text Color : Specify the text color from here.
  • Border Height : Alter the border height from here.
  • Border Color : Define border color from here.
  • Border Gap : Define border gap from here.
  • Button Spacing : Specify the button spacing from here.

Under Navs you have these options.

  • Border : Define border from here.
  • Border Color : Define border color from here.
  • Border Radius : Define border radius from here.
  • Spacing : Specify the border spacing from here.

Under Overlay you have these options.

  • Slider Height : Define slider height from here.
  • Overlay Color : Define overlay color from here.
  • Opacity : Define opacity from here.
  • Overlay Position : Specify the overlay position from here.

Advanced

Edukado

  • Advanced : Control margin, padding, z-index, entrance animation and add additional id or class to apply your custom design to an element.
  • Background : Control element background color, hover style and more.
  • Border : Apply your custom border style configuring different options from this tab.
  • Responsive : Control making this element to appear on various devices.
  • Custom CSS : Apply any custom CSS codes if you want.

Recent Post

To add Recent Post element on a page, first-

  • Go to Pages
  • Click on Edit With Elementor
  • Drag the Recent Post from the left EDUKADO ELEMENTS area and drop on your page.
  • Customize the settings how you prefer and click on Save button to save the pages.

Content

Edukado

  • Order By : Order the posts the way you like with this option. You can choose any style from Date, Title and random.
  • Order : Order the posts in ascending or descending order from here.
  • Post Show : Define how many posts you want to show, from here.
  • Column : Define how many number of post column you want on your element from here.

Style

Edukado

Under Thumbnail you have these options.

  • Alignment : Choose your preferred thumbnail of the post from here.

Under Title you have these options.

  • Color : Choose your preferred color for title from here.
  • Typography : Alter the typography for title from here.
  • Hover Color : Select your preferred hover color for thumbnail from here.

Under Content you have these options.

  • Color : Choose your preferred color for content from here.
  • Typography : Alter the typography for content from here.
  • Margin : Manage margin for your content from here.

Under Button you have these options.

  • Typography : Alter the typography for button from here.
  • Color : Specify the color of the button from here.
  • Border : Alter the border height from here.
  • Border Color : Define border color from here.
  • Spacing : Specify the button spacing from here.

Advanced

Edukado

  • Advanced : Control margin, padding, z-index, entrance animation and add additional id or class to apply your custom design to an element.
  • Background : Control element background color, hover style and more.
  • Border : Apply your custom border style configuring different options from this tab.
  • Responsive : Control making this element to appear on various devices.
  • Custom CSS : Apply any custom CSS codes if you want.

Recent Publication

Edukado

To add Recent Publication element on a page, first-

  • Go to Pages
  • Click on Edit With Elementor
  • Drag the Recent Publication from the left EDUKADO ELEMENTS area and drop on your page.
  • Customize the settings how you prefer and click on Save button to save the pages.

Content

Edukado

  • Publication Show : Define how many publications you want to show, from here.
  • Column : Define number of publication columns from this option.
  • Title Word : Define how many Word will be used for the publication title.
  • Column : Define how many number of post column you want on your element from here.

Style

Edukado

Under Title you have these options.

  • Color : Choose your preferred color for title from here.
  • Typography : Alter the typography for title from here, with changing height, width, fonts and many other customizations.
  • Spacing : Manage spacing from this option.
  • Author Color : Pick the color for the text of author name from this option.
  • Author Typography : Alter the typography for author text from here, with changing height, width, fonts and many other customizations.

Under Button you have these options.

  • Typography : Alter the typography for button from here.
  • Color : Specify the color of the button from here.
  • Bg Color : Define background color from here.
  • Padding : Apply padding to your button from here.
  • Spacing : Specify the button spacing from here.

Advanced

Edukado

  • Advanced : Control margin, padding, z-index, entrance animation and add additional id or class to apply your custom design to an element.
  • Background : Control element background color, hover style and more.
  • Border : Apply your custom border style configuring different options from this tab.
  • Responsive : Control making this element to appear on various devices.
  • Custom CSS : Apply any custom CSS codes if you want.

WpBakery Page builder Elements & Shortcodes

You can add an element on a page in two different ways. Either you can use just the simple shortcode on the content area of that page or you can add element manually. You will have plenty of default elements to add or you can add our developed elements those are only for Edukado theme from the Edukado tab.

Elements

WPBakery

WPBakery is the best Drag and Drop visual editor for building pages, posts etc. in a WordPress site. If you are not familiar with WPBakery, we recommend you to take a look at the following videos:

Under https://vc.wpbakery.com/video-tutorials/ you can find some other useful video tutorials as well.

Under https://wpbakery.atlassian.net/wiki/display/VC/Visual+Composer+Pagebuilder+for+WordPress you will find the complete documentation.

Our developed elements those are only for Edukado theme can be found in Edukado tab under WPBakery.

Teacher

Teacher

Shortcode : [teacher-list]

Manual Process :

To add Teacher element on a page, first-

  • Go to Pages
  • Click on Edit With WPBakery
  • Click on Add Elements
  • From Edukado tab, click on the element named Teacher
  • Click on Save Changes to save the settings.

Teacher Settings

Teacher

  • Order : You can display teachers either in ascending order or in descending order with this option.
  • Order By : You can display teachers ordered by Title, Name, Date, or Random.
  • Total Number : Define the number of teachers to show. Input -1 to display all teachers.

The front-end appearance would be like below if everything was just according to the instruction.

Teacher

Course Instructor

Course Instructor

Shortcode : [course-instructor]

Manual Process :

To add Teacher element on a page, first-

  • Go to Pages
  • Click on Edit With WPBakery
  • Click on Add Elements
  • From Edukado tab, click on the element named Course Instructor
  • Select Course Name from the drop-down menu.
  • Click on Save Changes to save the settings.

Course Instructor Settings

Course Instructor

  • Order : You can display Course Instructors either in ascending order or in descending order with this option.
  • Order By : You can display Course Instructors ordered by Title, Name, Date, or Random.
  • Course Name : Select a course from the drop-down to main menu its instructors onto your preferred page.

The front-end appearance would be like below if everything was just according to the instruction.

Course Instructor

Social Box

Social Box

Shortcode : [social-box]

Manual Process :

To add Social Box element on a page, first-

  • Go to Pages
  • Click on Edit With WPBakery
  • Click on Add Elements
  • From Edukado tab, click on the element named Social Box
  • Configure the settings module according to your preferences and then
  • Click on Save Changes to save the settings.

Social Box Settings

Social Box

  • Facebook Link : Give your facebook profile link here.
  • Facebook Follower : Define the number of facebook followers you want to show.
  • Twitter Link : Give your twitter profile link here.
  • Twitter Follower : Define the number of twitter followers you want to show.
  • Google Plus Link : Give your google plus profile link here.
  • Google Plus Follower : Define the number of google plus followers you want to show.
  • LinkedIn Link : Give your LinkedIn profile link here.
  • LinkedIn Follower : Define the number of LinkedIn main menu you want to show.

The front-end appearance would be like below if everything was just according to the instruction.

Social Box

Quick Info

Quick Info

Shortcode : [quick-info icon-1="fa-" info-1="Info" ]

Manual Process :

To add Quick Info element on a page, first-

  • Go to Pages
  • Click on Edit With WPBakery
  • Click on Add Elements
  • From Edukado tab, click on the element named Quick Info
  • Configure the settings module according to your preferences and then
  • Click on Save Changes to save the settings.

Quick Info Settings

Quick Info

  • Icon 1 : Select a icon for info 1 by simply clicking on the right side arrow button next to this option.
  • Info 1 : Write info 1 here.
  • Icon 2 : Select a icon for info 2.
  • Info 2 : Write info 2 here.
  • Icon 3 : Select a icon for info 3.
  • Info 3 : Write info 3 here.
  • Icon 4 : Select a icon for info 4.
  • Info 4 : Write info 4 here.
  • Icon 5 : Select a icon for info 5.
  • Info 5 : Write info 5 here.
  • Icon 6 : Select a icon for info 6.
  • Info 6 : Write info 6 here.
  • Icon 7 : Select a icon for info 7.
  • Info 7 : Write info 7 here.
  • Icon 8 : Select a icon for info 8.
  • Info 8 : Write info 8 here.
  • Icon 9 :Select a icon for info 9.
  • Info 9 : Write info 9 here.
  • Icon 10 : Select a icon for info 10.
  • Info 10 : Write info 10 here.

The front-end appearance would be like below if everything was just according to the instruction.

Quick Info

Social Share

Social Share

Shortcode : [edukado-share]

Manual Process :

To add Social Share element on a page, first-

  • Go to Pages
  • Click on Edit With WPBakery
  • Click on Add Elements
  • From Edukado tab, click on the element named Social Share
  • Configure the settings module according to your preferences and then
  • Click on Save Changes to save the settings.

Social Share Settings

Social Share

  • Show Facebook? : You can enable or disable showing facebook sharing icon.
  • Show Twitter? : You can enable or disable showing twitter sharing icon.
  • Show LinkedIn? : You can enable or disable showing LinkedIn sharing icon.
  • Show Google Plus? : You can enable or disable showing Google Plus sharing icon.

The front-end appearance would be like below if everything was just according to the instruction.

Social Share

Recent Posts

Recent Posts

Shortcode : [edukado-recent-post]

Manual Process :

To add Recent Posts element on a page, first-

  • Go to Pages
  • Click on Edit With WPBakery
  • Click on Add Elements
  • From Edukado tab, click on the element named Recent Posts
  • Configure the settings module according to your preferences and then
  • Click on Save Changes to save the settings.

Recent Posts Settings

Recent Posts

  • Order : Display post in either Ascending or Descending order.
  • Order By : Display Recent Posts in order by Title, Date, Name or Random.
  • Post Item : Define the number of posts you want to show on this module.

The front-end appearance would be like below if everything was just according to the instruction.

Recent Post List

Testimonial

Testimonial

Shortcode : [edukado-testimonial]

Manual Process :

To add Testimonial element on a page, first-

  • Go to Pages
  • Click on Edit With WPBakery
  • Click on Add Elements
  • From Edukado tab, click on the element named Testimonial
  • Configure the settings module according to your preferences and then
  • Click on Save Changes to save the settings.

Testimonial Settings

Testimonial

  • Order : Display in Ascending or Descending order.
  • Order By : Display testimonials in order by Title, Date, Name or Random.
  • Style : Select a style from the drop-down menu.
  • Testimonial Number : Define the number of testimonials you want to show.

The front-end appearance would be like below if everything was just according to the instruction.

Testimonial

Course

Course

Shortcode : [edukado-course]

Manual Process :

To add Course element on a page, first-

  • Go to Pages
  • Click on Edit With WPBakery
  • Click on Add Elements
  • From Edukado tab, click on the element named Course
  • Configure the settings module according to your preferences and then
  • Click on Save Changes to save the settings.

Course Settings

Course

  • Order : Display in Ascending or Descending order.
  • Order By : Display testimonials in order by Title, Date, Name or Random.
  • Style : Select a style from the drop-down menu.
  • Course Item : Define the number of courses you want to show.

The front-end appearance would be like below if everything was just according to the instruction.

Course

Counter

Course

Shortcode : [edukado-counter]

Manual Process :

To add Counter element on a page, first-

  • Go to Pages
  • Click on Edit With WPBakery
  • Click on Add Elements
  • From Edukado tab, click on the element named Counter
  • Configure the settings module according to your preferences and then
  • Click on Save Changes to save the settings.

Counter Settings

Course

General

  • ID : Give a specific ID for the counter.
  • Class : Specify a class for the counter.
  • Number Color : Choose a color for the number.
  • Font Size : Define font size.
  • Text : Write the content text here.
  • Unit : Set the unit of the number.
  • Counter Start From : Define the number from where the counter starts from.
  • Counter End To : Define the number till where the counter runs.
  • Animation Speed : Set the animation speed.

Design Option

  • Border Color : Select a border color.
  • Border Style : Select a border style from the drop-down menu.
  • Border Radius : Define a border radius from the drop-down menu.
  • Background : Set a background color. You can set a background image either, from the + button and also can define the image type from the drop-down menu just below this option.

  • Box Control : Allows you to either select simplify controls or not.

The front-end appearance would be like below if everything was just according to the instruction.

Course

Helpers

Edukado has a few helper classes. Those can be used frequently in any div, sections in your site just by defining the class. Classes are listed below;

  • color-white for white text color.
  • shadow-box for box shadow on a section.
  • bw-gradient for 50% 50% black and white gradient.