THEME DOCUMENTATION

Thank you for purchasing EasyEdu!

In case of any questions please do not hesitate to contact us via our support forum at Bitlers Please don’t forget to rate EasyEdu and leave a nice review, it means a lot to us and our theme. Simply log in your Themeforest, go to Downloads section and click 5 stars next to the EasyEdu WordPress theme.

RATE EASYEDU

INSTALLATION

Once you've downloaded the installation file on ThemeForest, Extract it and locate a file called EasyEdu_v1.x.zip. You can install the theme by using one of two installation methods

Requirements

To use EasyEdu, you must be running WordPress 4.7 or higher. We have tested it with Mac, Windows and Linux. Its feasibility has been tested on Chrome, Firefox, Safari, Opera, Internet Explorer 10+ as well.

Downloading EasyEdu

Download the EasyEdu_full_package.zip file from themeforest.net and unzip it. In this zip file you have everything you need:

  1. Licensing
  2. EasyEdu_Documentation.zip
  3. EasyEdu_v1.x.zip
  4. easyedu_online_documentation.html

The main theme zip file ( EasyEdu_v1.x.zip ) you need to upload to your WordPress in order to install EasyEdu. In this zip file, you will find the theme itself.

Note: Do not unzip file EasyEdu_v1.x.zip. Do not upload the entire EasyEdu_full_package.zip file you get from ThemeForest.

Install EasyEdu

WordPress upload - This is probably the simplest way for most users. Here are the steps you need to take

  • Login to WordPress Admin Panel
  • Go to Admin Panel > Appearance > Themes > Add New > upload theme
  • Click on "Choose File" and select EasyEdu_v1.x.zip
  • Click on "Install Now"

FTP upload - If you wish to install via FTP, here are the steps you need to take:

  1. Using FTP client, login to the server where your WordPress website is hosted
  2. Using FTP client, navigate to the /wp-content/themes/ directory under your WordPress website's root directory.
  3. Using FTP client, upload the EasyEdu directory to themes directory on remote server

Great!! Now you can start building your site!

EasyEdu comes with a one click import module. To import one of our demo sites, please follow these steps:

  • Login to WordPress Admin.
  • Go into Admin Panel > Appearance > Theme Options > Demo Installation
  • Click on the Import Demo and wait for few minutes

Updating EasyEdu

Manual Update

You can update your theme manually by performing the following steps:

  1. Download the latest theme zip file from ThemeForest
  2. Extract it and locate EasyEdu_v1.x.zip
  3. Extract EasyEdu.zip and locate the EasyEdu folder
  4. Copy/Replace content of the EasyEdu folder to the /wp-content/themes/EasyEdu folder of your web site.

Activate Easyedu Theme

After theme installation, click on "Activate" here.

Install Plugins Easyedu Theme

If installation is successful, you'll see a notice about required plugins for Easyedu, to proceed, click "Begin installing plugins".

  1. Click on “Begin installing plugins”
  1. Check all plugins, select “Install” and click on “Apply”
  1. After installing plugins activate them.

Theme Option

EasyEdu has an advanced Admin Panel for Theme Options, which gives you plenty of options and settings to customize your website.

Go to Appearance -> Theme Options and you will get EasyEdu Admin Panel. All settings are organized in logical sections and have brief descriptions of what they do. A lot of these settings are self explanatory.

Things to remember:

  • Always click on “Save changes” in order to change your settings accordingly.

Please note: in order to ensure the correct working of theme options (saving your style changes) all caching plugins you may be using on your website should be better deactivated. After you are done with your changes you can activate this caching plugins again.

General

In this section, you can manage the following contents:

Theme color:

Different color schemes are available to change theme color according to your desire.

Go to Appearance > Theme Options > General from Admin Panel.

Here you can select any color scheme for your theme.

Click “Save Changes” button at the end in order to apply your desired color throughout the theme.

Google Setting

  • Enter google map API key here.

Header Setting

One of the first things you might want to do is to set up the header area. This section contains the logo, menu, search bar, side area icon, and other optional widgets.

To set it up, go to Appearance > Theme Options and Under the General Settings tab click on Header Settings from the Admin Panel. The settings you define here will be the default settings for all pages on your site.

After these options get enabled, you will see Header Setting section.

In the header section, you can set:

  1. Logo: Here you can upload the logo of your theme.
  2. Top Bar: By enabling this option, you can show or hide the top bar.
  3. Show Contact: If you want to show your contact at the top bar, enable this option.
  4. Show Social Media: To enable this option, click on Show tab and then select the desired social icon.
  5. Show Login and Registration: in this option, you can show or hide the registration,to show on top bar click on yes button, enter login text, enter registration text and select page for login and registration which you made.
  6. Show Search Bar: By enabling this option, you can show or hide the search bar.

Responsive Header

To set it up, go to Appearance > Theme Options and Under the General Settings tab, click on Responsive Header from the Admin Panel.

Here, you can make your header responsive.

In this section you can set:

  1. Logo: Here you can upload the logo of your theme.
  2. Top Bar: By enabling this option, you can show or hide the top bar.
  3. Show Contact: If you want to show your contact at the top bar, enable this option.
  4. Show Social Media: To enable this option, click on Show tab and then select the desired social icon.
  5. Show Login and Registration: in this option, you can show or hide the registration,to show on top bar click on yes button, enter login text, enter registration text and select page for login and registration which you made.
  6. Show Search Bar: By enabling this option, you can show or hide the search bar.

Contact Us

To set it up, go to Appearance > Theme Options > Click on Contact Us menu.

  • You can enter the contact form description.
  • Enter the Email address.
  • Give the Google Map API Key.
  • Enter google map Latitude & Longitude.

SMTP

Through SMTP you can ensure that your email will be send to the authorized recipient To set it up, go to Appearance>Theme Options> SMTP from Admin Panel.

By enabling this option, you can enter:

  1. SMTP host name
  2. SMTP post
  3. SMTP SSL
  4. SMTP authentication
  5. SMTP User name
  6. SMTP password

Click “Save Changes” button at the end in order to apply the changes throughout the theme

Newsletter

Go to Appearance > Theme Options > Click on Newsletter menu

In this section you can enter

  • MailChimp API Key
  • MailChimp List ID

Blog Grid Style

To set it up, go to Appearance > Theme Options and under the Blog Setting tab, click on "Blog Grid Style" from the Admin Panel.

  • Post Date: In this option you can show or hide the post date.If you want to show Post Date click on "Yes" button.
  • Post Title: In this option you can show or hide the post title.If you want to show Post Title click on "Yes" button.
  • Post Author: In this option you can show or hide the post author name.If you want to show Post Author click on "Yes" button.
  • Post Comment: In this option you can show or hide the post comment.If you want to show Post Comment click on "Yes" button.

Single Post

To set it up, go to Appearance > Theme Options and under the Blog Setting tab, click on "Single Post" from the Admin Panel.

This section has three sidebar layouts.Full width layout,right layout and left layout.

In this section:

  1. You can select sidebar layouts which you want.
  2. You can show or hide blog post date.
  3. You can show or hide blog post title.
  4. You can show or hide blog post author name.
  5. You can show or hide blog post comments counter.
  6. You can show or hide blog post shares.
  7. You can show or hide blog post categories.
  8. You can show or hide blog post tags.
  9. You can show or hide blog post author box.
  10. 10. You can select social shares as well.

Blog Template

To set it up, go to Appearance > Theme Options and under the Template Settings tab, click on "Blog Template" from the Admin Panel.

in this section you can set

  1. Header Section: In this option you can show or hide blog page header.if you want to show blog page header section click on "Yes" button and enter the header title and upload header background.
  2. Blog Coloumn: In this option you can select blog coloumns from drop down.
  3. Sidebar Layout: In this option you can select the sidebar layout to set the position of blog posts.
  4. Sidebar: In this option you can select the sidebar widget from drop down.

Archive

To set it up, go to Appearance > Theme Options and under the Template Settings tab, click on "Archive" from the Admin Panel.

In this section you can set:

  1. Header Section: In this option you can show or hide blog page header.if you want to show blog page header section click on "Yes" button and enter the header title and upload header background.
  2. Select Blog Layout: In this option you can select blog layout from drop down.
  3. Sidebar Layout: In this option you can select the sidebar layout to set the position of blog posts.
  4. Sidebar: In this option you can select the sidebar widget from drop down.

Author

To set it up, go to Appearance > Theme Options and under the Template Settings, tab, click on "Author" from the Admin Panel.

In this section you can set:

  1. Header Section: In this option you can show or hide blog page header.if you want to show blog page header section click on "Yes" button and enter the header title and upload header background.
  2. Select Blog Layout: In this option you can select blog layout from drop down.
  3. Sidebar Layout: In this option you can select the sidebar layout to set the position of blog posts.
  4. Sidebar: In this option you can select the sidebar widget from drop down.

Category

To set it up, go to Appearance > Theme Options and under the Template Settings tab, click on "Category" from the Admin Panel.

In this section you can set:

  1. Header Section: In this option you can show or hide blog page header.if you want to show blog page header section click on "Yes" button and enter the header title and upload header background.
  2. Select Blog Layout: In this option you can select blog layout from drop down.
  3. Sidebar Layout: In this option you can select the sidebar layout to set the position of blog posts.
  4. Sidebar: In this option you can select the sidebar widget from drop down.

Tag

To set it up, go to Appearance > Theme Options and under the Template Settings tab, click on "Tag" from the Admin Panel.

In this section you can set:

  1. Header Section: In this option you can show or hide blog page header.if you want to show blog page header section click on "Yes" button and enter the header title and upload header background.
  2. Select Blog Layout: In this option you can select blog layout from drop down.
  3. Sidebar Layout: In this option you can select the sidebar layout to set the position of blog posts.
  4. Sidebar: In this option you can select the sidebar widget from drop down.

404

To set it up, go to Appearance > Theme Options and under the Templates Settings tab, click on "404" from the Admin Panel.

  1. You can show or hide header section and enter header title and upload header background image.
  2. You can enter 404 text.
  3. You can enter 404 Button Text.
  4. You can enter 404 Bottom Description.
  5. You can enter 404 Button Text.

Body Styling

To set it up, go to Appearance > Theme Options and under the Typography tab, click on "Body Styling" from the Admin Panel.

Here you can show or hide the body typography.In this section you can set body text style.

  • Font Family
  • Font Weight & Style
  • Font Subsets
  • Text Align
  • Font Size
  • Line Height
  • Word Spacing
  • Letter Spacing
  • Font color

Headings Styling

To set it up, go to Appearance > Theme Options and under the Typography tab click on "H1 Styling" from the Admin Panel.

Here you can show or hide the heading typography.In this section you can style Heading 1

You can set:

  • Font Family
  • Font Weight & Style
  • Font Subsets
  • Text Align
  • Font Size
  • Line Height
  • Word Spacing
  • Letter Spacing
  • Font color

Building Pages

To create a new page, go to Pages > Add New from the Admin Panel. In the text field near the top of the screen enter a title for your page. After you have added a title, choose the “Full width” template from the section on the right named "Page Attributes". This will allow you to add sections to your page that span across the whole width of the screen.

To start adding elements to your page, first make sure that you are in the backend editor. If the blue button on the top left says BACKEND EDITOR, click on it to enable the Visual Composer page builder view. Once you’re in the Visual Composer view, the blue button will say CLASSIC MODE. You can now click on “Add element” to start adding elements to your page. You can learn more about elements in the Custom Shortcodes section of this user guide.

Finally, click the "Publish" button in the upper right section of the page. (If you made some changes on already published page, "Update" button will appear.)

Blog Posts

To create a new blog post, go to Posts > Add New from the Admin Panel.

  1. Enter a title for your post in the text field near the top of the screen.
  2. On the right side of your screen, in the section called "Format", choose a format for your blog post.

Now it's time to categorize this post.

  1. Beneath the "Format" section you will see a section named "Categories". Here you can select the categories that you would like to add to this post.
  2. Once you've checked the categories you would like to add your post to, click the “Publish” button.
  3. Beneath the "Categories" section you will see the "Tags" and "Featured Image" sections. Here you can add tags to your post and set a featured image to be displayed for this post on blog list pages.

Publishing Blog List

Publishing Blog List on a Page

Inserting blog lists in a page is very simple. Use Visual Composer and "Latest News" shortcodes.

Categories

Here you can define which post categories belong your post categories belongs your post. You can add new blog categories in Posts Categories or directly here in Categories panel by clicking on “Add New Category”

Adding New Course

To create course, go to Course > Add New from the Admin Panel, and enter a title for your course in the text field near the top of the screen.

  1. Text Editor:Content of your course: Here you can use all of the Easyedu shortcodes by using Visual Composer.
  2. Add a title for your course.
  3. Course section:here you can enable or disable the header section.
  4. Sidebar Layout:Select sidebar layout.
  5. Add the course type
  6. Add the classs size
  7. Add the course rating
  8. Add the course price
  9. Add the instructor name
  10. Enter the instructor avatar
  11. Add the instructor expertise
  12. Add description about instructor
  13. Add Instructor Facebook Profile
  14. Add Instructor Twitter Profile
  15. Add Instructor Linkedin Profile
  16. Enter button text
  17. Enter button link
  18. Enable or disable sponsors

Publishing Courses On A Page

To set it up, go to Courses > Add New from Admin Panel.

Inserting courses in a page is very simple.Select course listing template from page attributes.

We have two different course styles i.e course listing with filter and course listing without filter.

Filter course styles have tabs where courses without filter have no tabs.

Adding New Events

To create events go to Events> Add New from the Admin Panel, and enter a title for your events in the text field near the top of the screen.

  • Add the event title.
  • Text Editor: Content of your events. Here you can use all of the Easyedu shortcodes by using Visual Composer.
  • Header section: Here you can enable or disable the header section.
  • Add post subtitle
  • Sidebar Layout: Select sidebar layout
  • Add event locaion
  • Enter event date and time
  • Add the name of event organizer.
  • Add organizer avatar
  • Enter email addess
  • Enter button text
  • Enter button link
  • Enable or disable sponsors

Publishing Events On A Page

To set it up, go to Events > Add New from Admin Panel.

Inserting events in a page is very simple.Select event listing template from page attributes.

Adding New Staff

To create staff members go to Staff > Add New from the Admin Panel, and enter a name for your staff member in the text field near the top of the screen.

  • Text Editor: Content of your events. Here you can use all of the Easyedu shortcodes by using Visual Composer.
  • Header section: Here you can enable or disable the header section.
  • Add speciality note about the member
  • Enter his/her designation
  • Enter email addess
  • Enter contact number
  • Enable or disable sponsors

Publishing Staff On A Page

To set it up, go to Staff > Add New from Admin Panel.

Inserting staff in a page is very simple.Select staff listing template from page attributes

Visual Composer

Visual Composer is the best drag’n’drop visual editor for building pages, posts etc. in WordPress.

Please note, that Visual Composer inside EasyEdu is optimised for this theme, so all content elements and shortcodes you have here are EasyEdu-related. All EasyEdu elements you will find in tab „EasyEdu“ in Visual Composer:

To start creating new page layout you can choose whether to do it in backend or in frontend editor. We recommend to use Frontend Editor, because it is a real “What You See Is What You Get” way to build your pages. Click on “Front End Editor”

And you will be switched to Visual Composer Frontend Editor:

Here you might want to begin with adding a new content element by clicking on “Add element”. After that the overview of all content elements will be displayed.

Shortcodes

You can begin with adding a new content row in your page; choose “Row”. You will be switched to your page with added row element. Now you can edit its properties for example number of columns and layout.

  • Contact Us: In order to insert contact us in your content click on "Contact Us" shortcode.
  • Contact Us Fancy Style: In order to insert Fancy styles in your content click on "Fancy Features" shortcode.
  • Courses Finder: In order to insert courses finder in your content click on "Courses Finder" shortcode.
  • Courses Grid View: In order to have grid view in your content click on "Courses Grid View" shortcode.
  • Courses With Filters: In order to insert courses with filters in your content click on "Courses With Filters" shortcode.
  • Creative Tabs: In order to insert creative tabs in your content click on "Creative Tabs" shortcode
  • Educational Program: In order to insert educational program in your content click on "Educational Program" shortcode.
  • Fun Fact: In order to insert fun fact with in your content click on "Fun Fact " shortcode.
  • Gallery Style One: In order to insert gallery style one in your content click on "Gallery Style One" shortcode.
  • Gallery Style Two: In order to insert gallery style two in your content click on "Gallery Style Two" shortcode.
  • Gallery Style Three: In order to insert gallery style three in your content click on "Gallery Style Three" shortcode.
  • Google Map: In order to insert google map in your content click on "Google Map" shortcode.
  • Latest news: In order to insert latest news in your content click on "Latest News" shortcode.
  • Login/Registration: In order to insert login registration in your content click on " Login/Registration" shortcode.
  • Mockup Image: In order to insert mockup image in your content click on "Mockup Image" shortcode.
  • Our Services: In order to insert services in your content click on " Our Services" shortcode.
  • Our Services Style 2: In order to insert services style 2 in your content click on "Services Style 2" shortcode.
  • Our Staff: In order to insert staff in your content click on " Our Staff" shortcode.
  • Parallax Video Box: In order to insert parallax video box in your content click on " Parallax video box" shortcode.
  • Site search: In order to insert site search in your content click on " Site Search" shortcode.
  • Sponsors: In order to insert sponsors in your content click on " Sponsors" shortcode.
  • Toggle: In order to insert toggle in your content click on "Toggle" shortcode.
  • Testimonials Crousel: In order to insert testimonials crousel in your content click on "Testimonials crousel" shortcode.
  • Toggle: In order to insert toggle in your content click on "Toggle" shortcode.
  • Upcoming Event: In order to insert upcoming event in your content click on "Upcoming Event" shortcode.