32
Education Park Documentation Introduction Welcome To Education Park! We would like to thank you for downloading Education Park, Education WordPress theme. It is the lite version of Education Park Pro. Before you get started, please invest some time to go through the documentation. Education Park can only be used with WordPress and we assume that you already have WordPress installed and ready to go. Installation Manage your theme To install this theme you must have a working version of WordPress already installed. For information in regard to installing the WordPress platform, please see the WordPress Codex article on installation. Installation The theme files can be uploaded in two ways: FTP Upload: Using your FTP program, upload the unzipped theme folder into the /wp-content/themes*/ folder on your server. WordPress Upload: Navigate to Appearance > Add New Themes > 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. * It is very important you upload only the theme files, not the entire package of Education Park. After downloading the Theme Files, please make sure you run package/unzip the full download to reveal the compressed directory of just theme files.

Education Park Documentation - Yudlee Themes · Setup Home Page as Demo site: To make your site’s homepage look like exactly like our demo, Step 1: Open Backend.Go to Page, Click

  • Upload
    others

  • View
    2

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Education Park Documentation - Yudlee Themes · Setup Home Page as Demo site: To make your site’s homepage look like exactly like our demo, Step 1: Open Backend.Go to Page, Click

Education Park Documentation

Introduction

Welcome To Education Park!

We would like to thank you for downloading Education Park, Education WordPress theme. It is

the lite version of Education Park Pro. Before you get started, please invest some time to go

through the documentation. Education Park can only be used with WordPress and we assume

that you already have WordPress installed and ready to go.

Installation

● Manage your theme

To install this theme you must have a working version of WordPress

already installed. For information in regard to installing the WordPress

platform, please see the WordPress Codex article on installation.

● Installation

The theme files can be uploaded in two ways:

● FTP Upload: Using your FTP program, upload the unzipped theme

folder into the /wp-content/themes*/ folder on your server.

● WordPress Upload: Navigate to Appearance > Add New Themes >

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.

* It is very important you upload only the theme files, not the entire

package of Education Park. After downloading the Theme Files, please

make sure you run package/unzip the full download to reveal the

compressed directory of just theme files.

Page 2: Education Park Documentation - Yudlee Themes · Setup Home Page as Demo site: To make your site’s homepage look like exactly like our demo, Step 1: Open Backend.Go to Page, Click

Setup Home Page as Demo site:

To make your site’s homepage look like exactly like our demo,

Step 1: Open Backend. Go to Page, Click on Add New.

Step 2: Enter the title (example: “Homepage”).On right sidebar, you can find Page

Attributes, On Template please Select on Homepage – Template.

Step 3: Click on Publish and continue other steps described below.

Below are the screenshots.

Customizing the homepage as the demo image,

After Successful creation of the page, Click on View Page Located at the top bar.

Now you may have the homepage as below screenshot. If not then don’t worry there may be

other settings to configure. You can surely find in the documentation.

Page 3: Education Park Documentation - Yudlee Themes · Setup Home Page as Demo site: To make your site’s homepage look like exactly like our demo, Step 1: Open Backend.Go to Page, Click

Now you need to configure homepage as the default page so please go to settings >

readings. Choose “A static page” and choose “Homepage” as FrontPage. If you want to show

blog posts then create a page called “blog” and assign it to the blog page.

If the homepage is missing some sections like feature Widgets, Courses, footer sections

then they need to be configured through the customizer setting which is described below one

by one . Please go through the documentation.

Set up your website

Before building your site you need to configure WordPress. Please read carefully Theme

Installation.

WordPress Configuration

You can adjust WordPress settings as follows:

1. You can set Site Title in Settings > General.

2. You can set Blog pages show in Settings > Reading.

3. You can select Front Page and Posts Page in Settings > Reading.

Page 4: Education Park Documentation - Yudlee Themes · Setup Home Page as Demo site: To make your site’s homepage look like exactly like our demo, Step 1: Open Backend.Go to Page, Click

4. You can set Discussion settings in Settings > Discussion.

5. You can change image sizes in Settings > Media.

6. You should ensure that a non-default permalink setting is selected, e.g. Post name in

Settings > Permalinks.

Posts

Creating posts

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.

Step 3: Select Post Format from the right side.

Step 4: Add categories from the right side. To assign it to the post, check the box next to

the category name.

Page 5: Education Park Documentation - Yudlee Themes · Setup Home Page as Demo site: To make your site’s homepage look like exactly like our demo, Step 1: Open Backend.Go to Page, Click

Step 5: Add tags from the right side. Type the name of the tag in the field, separate

multiple tags with commas.

Step 6: You can add featured image. To do so, first click the featured image box, select an

image and click the set featured image button.

Pages

New pages can be added by clicking pages on admin dashboard and can be assigned to various

templates on the right side.

Page 6: Education Park Documentation - Yudlee Themes · Setup Home Page as Demo site: To make your site’s homepage look like exactly like our demo, Step 1: Open Backend.Go to Page, Click

Page Templates

There are various page templates that you can choose.

● Default Template (default page template)

● FrontPage Template (Same as Demo)

● Full Width – Blank Container Template (Template to Be Used With Visual Editor Plugins)

How to set up FrontPage as shown in demo?

To make your site’s homepage look exactly like our demo,

Step 1: Go to Page, Click on Add New.

Step 2: Enter the title (example: “Homepage”).On right sidebar there you can find Page

Attributes, On Template please Select on FrontPage – Template.

Step 3: Click on Publish and continue other steps described below.

Customizing the homepage as the demo image,

After Successful creation of the page, Click on View Page Located at the top bar.

Now you may have the homepage as below screenshot. If not then don’t worry there may be

other settings to configure. You can surely find in the documentation.

Page 7: Education Park Documentation - Yudlee Themes · Setup Home Page as Demo site: To make your site’s homepage look like exactly like our demo, Step 1: Open Backend.Go to Page, Click

Now you need to configure homepage as the default page. So, please go to settings > readings.

Choose “A static page” and choose “Homepage” as FrontPage. If you want to show blog posts

then create a page called “blog” and assign it to the blog page.

The demo of the front page can be further divided into following sections. You should navigate

to Appearance > Customizer > Theme Options and find the similar settings for the sections

listed below.

Page 8: Education Park Documentation - Yudlee Themes · Setup Home Page as Demo site: To make your site’s homepage look like exactly like our demo, Step 1: Open Backend.Go to Page, Click

Course Section Options

Click on the Theme Options and then go to Course Options. There you cannot more than 3

Courses.

After selectiong Course. You will see like this.

Page 9: Education Park Documentation - Yudlee Themes · Setup Home Page as Demo site: To make your site’s homepage look like exactly like our demo, Step 1: Open Backend.Go to Page, Click

Remember you can select only 3 courses. If your project need only 1 then Go to Courses

Options> Select 3 pages to show Below Slider. Click to your specific Course.

While selecting 3 courses.

*To select more than one courses. Press shift from your keyboard>click to the respective

course.

When you select only 1 course then this is how it looks likes.

Page 10: Education Park Documentation - Yudlee Themes · Setup Home Page as Demo site: To make your site’s homepage look like exactly like our demo, Step 1: Open Backend.Go to Page, Click

Further you can add course categories, course title and description

Go back to Dashbord>Page> add new page>Course title> Course description>Publish

Page 11: Education Park Documentation - Yudlee Themes · Setup Home Page as Demo site: To make your site’s homepage look like exactly like our demo, Step 1: Open Backend.Go to Page, Click

5.1

Theme Options

Theme options is the essential option for the theme. Further it has 6 Options.

And the theme options are:

Layout and Design

Top Header Options

Slider Options

Courses Options

Call to actions

Blog Options

The screenshot for theme options:

Page 12: Education Park Documentation - Yudlee Themes · Setup Home Page as Demo site: To make your site’s homepage look like exactly like our demo, Step 1: Open Backend.Go to Page, Click

Theme options contain 6 settings for the theme which need to be adjusted in order to make a

demo website. It is explained below one by one.

5.1.1

Layout and Design

First go to theme Options. Then you will see Layout and Design on very first. Click it and you

will find 2 options followed by 2 and 3 sub-options respectively. . Listed as:-

Choose layout :- Boxed or Full Width

Layout picker:- Right Side bar, No sidebar and Left Sidebar

Page 13: Education Park Documentation - Yudlee Themes · Setup Home Page as Demo site: To make your site’s homepage look like exactly like our demo, Step 1: Open Backend.Go to Page, Click

Select any one of them as per your desire. If you don’t like changes then you can always select

‘Reset all default settings’.

5.1.2

Slider Options:

For Slider option first go theme options. Click on Slider options.

You can select as much as slider you want to add in your homepage.

Page 14: Education Park Documentation - Yudlee Themes · Setup Home Page as Demo site: To make your site’s homepage look like exactly like our demo, Step 1: Open Backend.Go to Page, Click

To create new slider Page

Go to dashboard

Select page> Add new page

Then slider title>Slider Description

Publish

Page 15: Education Park Documentation - Yudlee Themes · Setup Home Page as Demo site: To make your site’s homepage look like exactly like our demo, Step 1: Open Backend.Go to Page, Click

5.1.3 Call to action Options

Click theme options and then go to Call to action options and enter detail as shown in figure.

Step 1: Add Call to Action Title

Step 2: Add content to Call to Action Section

Step 3: Add URL and button text

Step 4: Set Background Image if you like.

Page 16: Education Park Documentation - Yudlee Themes · Setup Home Page as Demo site: To make your site’s homepage look like exactly like our demo, Step 1: Open Backend.Go to Page, Click

5.1.4

Top Header Options

Page 17: Education Park Documentation - Yudlee Themes · Setup Home Page as Demo site: To make your site’s homepage look like exactly like our demo, Step 1: Open Backend.Go to Page, Click

Steps: Click on top header options of theme options. Then you can see social media links

options. Select the channel you want to display on your homepage. You can also add address,

map link and contact number.

5.1.5

Manage site title, logo and site icon

Go to homepage>customize>Site Identity.

Page 18: Education Park Documentation - Yudlee Themes · Setup Home Page as Demo site: To make your site’s homepage look like exactly like our demo, Step 1: Open Backend.Go to Page, Click

Logo: It changes the main logo of the site.

Site Title: It changes the main site title of the site.

Tagline: It changes the tagline (i.e. Description) of the site. Just below site title.

Site Icon: The Site Icon is used as a browser and app icon for your site. Icon must be square, and

at least 512px wide and tall.

Set your site’s title, description and add logo by navigating to Customizer > Site Identity.

>>After selecting Display Site Title and Tagline

Page 19: Education Park Documentation - Yudlee Themes · Setup Home Page as Demo site: To make your site’s homepage look like exactly like our demo, Step 1: Open Backend.Go to Page, Click

Menu setup

If you are new to WordPress, please visit WordPress Menu User Guide

Create menu

Go to Appearance > Customize >Menus.

From Menus, click “Add a Menu” button and you will be able to create a menu.

Now, click Add Items and you will be able to Add or Remove Menu Items according to your

requirement.

Select the Menu locations.

Click Save and publish button.

Page 20: Education Park Documentation - Yudlee Themes · Setup Home Page as Demo site: To make your site’s homepage look like exactly like our demo, Step 1: Open Backend.Go to Page, Click
Page 21: Education Park Documentation - Yudlee Themes · Setup Home Page as Demo site: To make your site’s homepage look like exactly like our demo, Step 1: Open Backend.Go to Page, Click

You can also set menu from Backend

Step 1: Go to Backend>Dashboard>Appearances>Menu

Step 2: Create a menu

Step 3: Manage Location

Page 22: Education Park Documentation - Yudlee Themes · Setup Home Page as Demo site: To make your site’s homepage look like exactly like our demo, Step 1: Open Backend.Go to Page, Click
Page 23: Education Park Documentation - Yudlee Themes · Setup Home Page as Demo site: To make your site’s homepage look like exactly like our demo, Step 1: Open Backend.Go to Page, Click

After selecting create a New Menu

After creating Menu, remember to Select Menu Display Location from Menu Settings

Page 24: Education Park Documentation - Yudlee Themes · Setup Home Page as Demo site: To make your site’s homepage look like exactly like our demo, Step 1: Open Backend.Go to Page, Click

Static Front Page

To Create Static Front Page

Go to Dashboard>Pages>Add New

Enter the title “Home” select “FrontPage” then click Publish

Page 25: Education Park Documentation - Yudlee Themes · Setup Home Page as Demo site: To make your site’s homepage look like exactly like our demo, Step 1: Open Backend.Go to Page, Click

You can also create Static FrontPage

Go to Appearances>customizer>Static Front Page

Step 1:- Select Home From FrontPage

Step 2: Select blog for Post Page

Page 26: Education Park Documentation - Yudlee Themes · Setup Home Page as Demo site: To make your site’s homepage look like exactly like our demo, Step 1: Open Backend.Go to Page, Click

<< You can also create new page from there.

How to manage Widgets

You can either set widgets from backend or from Customizer. In order to set widgets from

backend, follow following steps:

Step 1: Go to Dashboard>Appearances> Widgets

Page 27: Education Park Documentation - Yudlee Themes · Setup Home Page as Demo site: To make your site’s homepage look like exactly like our demo, Step 1: Open Backend.Go to Page, Click

Step 2:

Go to Appearances>Customize>Widgets>

Page 28: Education Park Documentation - Yudlee Themes · Setup Home Page as Demo site: To make your site’s homepage look like exactly like our demo, Step 1: Open Backend.Go to Page, Click

Then you can add your desired pages from Footer 1, 2 and 3.

Page 29: Education Park Documentation - Yudlee Themes · Setup Home Page as Demo site: To make your site’s homepage look like exactly like our demo, Step 1: Open Backend.Go to Page, Click

Step 1: Set Title

Step 2: You can sort your pages according to the P”age Title”, “Page Order” and “Page ID”.

Step 3: Close

Page 30: Education Park Documentation - Yudlee Themes · Setup Home Page as Demo site: To make your site’s homepage look like exactly like our demo, Step 1: Open Backend.Go to Page, Click

To set Footer 2

Step 1: Set Title

Step 2: You can add Number of Posts to show

Step 3: If you can to show Post Date then Click on the Display Post Date

Step 4: Close

Page 31: Education Park Documentation - Yudlee Themes · Setup Home Page as Demo site: To make your site’s homepage look like exactly like our demo, Step 1: Open Backend.Go to Page, Click
Page 32: Education Park Documentation - Yudlee Themes · Setup Home Page as Demo site: To make your site’s homepage look like exactly like our demo, Step 1: Open Backend.Go to Page, Click

For Footer 3

Step 1: Add Title

Step 2 : You can select Categories, Link Categories and Tags

Step 3: Select Show tag counts if necessary

Step 4: Close

Note: You can repeat the following steps from Widget section which is right on the

Dashboard>Appearances>Widgets>Footer1, 2 and 3.

How to manage additional CSS?

Go to Appearance > Customize >Additional CSS, you can add extra CSS to tweak your website’s

design.

---------------------- EoF ---------------------

Shop: http://yudleethemes.com/

Support: http://yudleethemes.com/support/

Customization Request: http://yudleethemes.com/support/#customization_support

Tickets: http://yudleethemes.com/my-tickets/