Contents

A.) Installation (top)

1.) Unzip the downloaded file.

2.) You will see 6-7 folders(PSD,Document,Grand College,demo......) inside.

3.) Copy folder 'Grand College' and paste in 'YOUR_DOMIAN/wp-content/themes'.

4.) Reay to go!

B1.) Logo (top)

1.) Go to 'Grand College admin panel'.

2.) Go to 'Overall Elements > Logo'.



3.) You can set the logo margin size ( top, left and bottom margin ) as you want.

B2.) Main Navigation / Top Navigation (top)

1.) You can manage both menus by going to 'Apearance > Menu'.



2.) Type menu's name.



3.) Click "Create Menu".

4.) Assign each menu to theme location. * the top navigation supports only single level menu. Both menu MUST be assigned to make it work properly, you can also create blank menu if you don't want it to be shown.



5.) You can generate menu item from left side and drag the generated menu at the right side to sort it.



6.) To enable/disable and add the right side text to top navigation, go to 'Grand College admin panel > Overall Elements > Top Navigation'.



B3.) Social Links (top)

1.) You can enable or disble each social icon by going to 'Grand College admin panel > Overall elememnts > Social Network'.



2.) Assign url to each field to enable the social icons.

C1.) Create Sidebar (top)

There are 9 sidebars include with the theme to use with footer, site map page and search/archive page.

1.) To create another sidebar, goto 'Grand College admin panel > General > Sidebar'. Type sidebar name, then click add button and save changes.



2.) The side bar you create will be added to the theme.

3.) Then you can assign sidebar to 'Page', 'Post' and 'Portfolio' as you want.

C2.) Sidebar Widgets (top)

1.) Go to 'Appearance > Widgets'



2.) The sidebar you create in above section will appear at right side of this page. Try dragging the widget in side the sidebar box.



C3.) Set Default Posts Sidebar (top)

1.) Go to 'Admin Panel > General > Page Style'



2.) Set the default sidebar style and assign the sidebar you want.

D1.) Footer (top)

1.) Go to 'Grand College Admin Panel > General > Footer Style' and choose footer style you want.



2.) Go to 'Appearance > Widgets'. You'll see footer widgets area on the right



3.) Drag item from the left side to 'Footer widget area'. Remember that if you choose 3 column footer style, only 3 footer is required to set, another one will be ignored.

D2.) Copyright (top)

1.) Go to 'Grand College Admin Panel > Overall Elements > Copyright Area'



2.) Fill what you want.

D3.) Footer Slideshow (top)

1.) To enable the footer slideshow , go to 'Admin Panel > Overall Elements > Footer Slideshow' and set it as you want.

E1.) Create Home Page (top)

1.) Create new page and named it as Home Page or anything you want.



2.) Go to 'Settings > Reading' and choose a static page as front page.



E2.) Page Title and Content (top)

1.) Page Title and Content can be added at Edit Page.



2.) You can choose to hide the page title and content at "Page Option".



E3.) Page Sidebar (top)

1.) To choose sidebar, go to select layout section of 'Page Option'. Then choose any sidebar you want. To create new sidebar, follow this tutorial.



E4.) Page Top Slider (top)

1.) Page Top Slider will show full width slider above the page content and page sidebar, so it'will always be full width. You can create it at the bottom of 'Page Option'. To learn more about creating a slider, follow this tutorial.

E5.) Page Item (top)

1.) Page Item is a item that we provide for the page. Currently, we have up to 20 items. You can add all these item to page by use the Add Item section in "Page Options". You can choose item at 'Item list'. When you add item, it will appear at the item container.



2.) You can edit, delete, increase size and decrease size of each item by use these following button. ( each item has different size depends on its functional )



3.) There are 4 page items that have inner size, blog, bage, portfolio and testimonial. The inner size is the actual size of item. The item size will be the wrapper.



4.) You can learn more about each page item at this tutorial.

E6.) Page Site Map (top)

1.) Site map template is a page that have three widget columns. You can make the site map page by choosing the template at the page attribute of edit page. By choosing this function, page options will be neglected.



2.) Then choose the widget you want at 'Appearance > Widgets'.

F1.) Accordion (top)

1.) After create the accordion item and click edit item, the following options will be shown.



2.) After you finish customizing, save the page and you will get accordion as below.

F2.) Blog (top)

1.) After create the blog item and click edit item, the following options will be shown.



2.) Blog item have 2 different styles, that is widget-style and 1/1 full width ( 1/1 full width will appear only when blog item size = 1/1 ). Learn more about blog size option.

Widget style





1/1 Full width



F3.) Contact Form (top)

The Contact Form has only full size.

1.) After create the contact form item and click edit item, you will see the email address field.



2.) Fill your email address, save the page and you will get contact form as below.



F4.) Column (top)

Column will create a frame for you to write a content. You can add short code or anything you want to be display. You can create the column item from above tutorial.

F5.) Content Slider (top)

the content slider use anything slider plugin to display each content

1.) After create the content slider and click edit item, the following options will be shown. You can insert the normal text, html code or the short code as you want.



2.) Fill All fields, save the page and you will get column service as below.



F6.) Divider (top)

1.) After create the divider item and click edit item, you will see a back to top text. This text will scroll you to top of the page. If you don't want it, just leave it blank.



2.) Save the page and you will get the divider as below.



F7.) Message Box (top)

1.) After create the message box item and click edit item, the following options will be shown.



2.) Fill All fields, save the page and you will get message box as below.



F8.) Portfolio (top)

1.) After create the portfolio item and click edit item, the following options will be shown.



2.) Fill All fields, save the page and you will get portfolio item as below.

Portfolio size 1/4, 1/3 and 1/2 will display portfolio thumbnail in this format



Portfolio size 1/1 will display portfolio thumbnail in this format



3.) You can see more about portfolio style at our demo site.

F9.) Slider (top)

1.) After create the slider item and click edit item, you will see the slider option. Follow this tutorial to learn how to edit the slider option.

F10.) Stunning Text (top)

1.) After create the stunning text item and click edit item, the following options will be shown.



2.) Fill All fields, save the page and you will get stunning text item as below.



F11.) Tabs (top)

1.) After create the tab item and click edit item, the following options will be shown.



2.) Fill All fields, save the page and you will get tab item as below.



F12.) Testimonial (top)

1.) After create the testimonial item and click edit item, the following options will be shown. Testimonial can be displayed in 2 types. A single testimonial and a category of testimonial.



2.) Fill All fields, save the page and you will get testimonial as below.



F13.) Toggle Box (top)

1.) After create the toggle box item and click edit item, the following options will be shown.



2.) Fill All fields, save the page and you will get toggle box item as below.



F14.) Multi-level Page (top)

1.) After create page item, you have to save the page and assign its children.

2.) You can assign the children page by go to edit page of that children page.



3.) The page item functional is same as portfolio except it will get its children page instead of the portfolio category.

F15.) Price Item (top)

1.) After create price item and click edit item, the following options will be shown.



2.) The item number is the number of price item you want to show from specific category.

F16.) Gallery (top)

1.) After create gallery item and click edit item, the following options will be shown.



2.) Select the gallery you made and see what you get.



F17.) Content Item (top)

This item will get the content in the editor(wordpress visual/html editor) to show as a page item. Don't forget to hide the page content in page options, otherwise there will be a duplicated content in the page.

F18.) Personnal (top)

This item will fetch the data from the personnal posts.

1.) There are two type of this item. First is the 1/4, 1/3 and 1/2 size and next one this 1/1 Full Width.

Personnal 1/4, 1/3 and 1/2 style

Personnal 1/1 Full Width

F19.) Search Course (top)

This item will show the search field with custom meta option ( from the course meta ). After you create the search, you'll get the item like this.



F20.) Course Table (top)

Course table will fetch the data( custom meta value ) from the course post type and create it as a table like this.



G1.) Post (Blog) (top)

1.) To create blog, go to 'Posts > Add New' and fill your contents.



2.) You can choose to display the item in blog at the 'Post Options'.

3.) You can learn more about the post thumbnail(in post options) at the Thumbnail Section

G2.) Portfolio (top)

1.) To create portfolio, go to 'Portfolio > Add New' and fill your contents.



2.) You can choose to display the item in portfolio at the 'Portfolio Options'.

3.) You also can change the style of portfolio to be the same as blog by going to 'Grand College admin panel > General > Page Style' and select use portfolio as blog style.



4.) You can learn more about the portfolio thumbnail( in portfolio options ) at Thumbnail Section

G3.) Testimonial (top)

Testimonial is the post type that does not have its own page, you can create it using testimonial page item. in the page

1.) To create each testimonial content, go to 'Testimonial > Add New' and fill your contents.



G4.) Price Table (top)

Price table is also the post type that does not have its own page, you have to create it using price item. in the page

1.) To create each price table content, go to 'Price Table > Add New' and fill your contents.



G5.) Gallery (top)

Gallery is another the post type that does not have its own page, you have to create it using gallery item. in the page

1.) To create gallery content, go to 'Gallery > Add New' and fill your contents.



G6.) Personnal (top)

Personnal is the last the post type that does not have its own page, you have to create it using personnal item. in the page option or the personnal widget at the 'Appearance > Widget'

1.) To create personnal content, go to 'Personnal > Add New' and fill your contents.



2.) For the personnal widget content. You have to use the manual excerpt or else it'll fetch the full content of the personal to show in the widget. You can learn more about the manual excerpt here.

G7.) Course (top)

1.) To create Course, go to 'Course > Add New' and fill your contents.



2.) At the bottom of the course option, you'll see the course meta.



3.) To create the custom meta field in course, you have to go to search-custom.php file. At the top, you'll see $search_custom_meta array with pre-define meta value.

title : Title is the title value which show in backoffice.

title_show : Title_show is the title value which show in front end.

name : Name is the attribute which use to save the value ( must be unique ).

show-on-table : If this field is 'Yes' ( character case sensitive ), it'll show in the course table.

link : Input the 'Yes' to make that field link to the course page.

4.) To choose the order field the course table in page option. Please go to include/plugin/page-item.php file. Around line 87, you'll see this 'meta_key'=>'course-option-id'.

Change it to your meta field name ( 'meta_key'=>'YOUR_NAME' )

H.) Thumanail Type (top)

Thumbnail is divided in to 2 types.

1.) Thumbnail inside post type. This thumbnail is used in each post type. Ex. post, portfolio

2.) Thumbnail outside post type ( Refers as Post/Page/Portfolio Thumbnail ). This thumbnail is used in page. Ex. post, portfolio

H1.) Feature Image (top)

1.) To set feature image, you have to be in 'edit page/post/portfolio'.



2.) Upload image you want to set or choose your image from media library and click 'Use as feature image'. Then close and update the page.



H2.) Image (top)

1.) To add images to meta box, click the upload button.



2.) Upload image you want to set or choose your image from media library and click 'Insert into Post'. Then close and update the page.



H3.) Video (top)

1.) You can add video link to any video meta boxes. Currently we support video from www.vimeo.com and www.youtube.com.



H4.) Slider (top)

1.) Before you can use slider, you have to have images in media library. To add images, goto 'Media > Add New' and upload images from your computer.



2.) If you are editing the page, you can select slider type and slider width and height. If you are editing the post or portfolio server will autometically choose the slider type (flex slider), slider width and height for you.

3.) You will face the following screen when you create the slider. the select media panel will show you all images in media library. Click the image in 'Select Media' to add image to slider



4.) Click edit image setting and you will see the popup options.



5.) If you choose link type = 'Link to Video', Anything slider will ignores the image you select and show the video instead, while other slider will treat it as a normal link to url.

6.) After you finish editing. Click done and save the page.

I1.) Elements Color (top)

We provide over 50+ element colorpickers with element description for you to choose to suit your taste. Hope you like it.

1.) Go to 'Grand College admin panel > Elements Color'.



2.) Choose color for each element.

3.) Save.

I2.) Translator (top)

1.) Go to 'Grand College admin panel > Translator'.



2.) Change each word to what you want. Inside the parentheses is the page which contains that word.

3.) If you want to use the localization ( mo file ), you have to disable the admin translator at 'Grand College admin panel > Translator > Enable Admin Translator'



I3.) Background (top)

We provide 15 background patterns for your alternative.

1.) Go to 'Grand College admin panel > Overall Elements > Background Style'. If you want your own image as a background, you can choose the Background Type as custom image.



I4.) Fonts (top)

We provide 15 cufon + over 300 google fonts(@Fontface) for your alternative.

1.) Go to 'Grand College admin panel > Font Style', You can choose any font size and font family you want. Moreover you can upload your own cufon font at the 'Upload Font' section



The uploaded cufon font must NOT have duplicated name with provided font. Otherwise, you have to change the font_family name in js file before upload to the server.

2.) To upload new cufon font, click 'Upload Font' section and click 'add new font' button. Then choose the cufon file( .js type ), server will automatically generate the font name for you. Click save and feel free to use it.



J.) Shortcodes (top)

We provide shortcode button for easier use at the text editor.

You can see shortcode list online > http://themes.goodlayers.com/grandcollege/shortcodes

K1.) How to disable comment (top)

1.) Go to your specified page (or post).

2.) Click 'Screen options' on the top. And check 'Discussion' box.



3.) Scroll down until you see 'Discussion' meta box. Uncheck allow comment



4.) Save.

K2.) How to use the manual excerpt (top)

You can use the manual excerpt in post/portfolio/personnal and course post_type

1.) First, go to edit the post you want. At the top right of the screen, you'll see the screen option. Try enabling the excerpt choice.



2.) Put the excerpt you want in the excerpt box at the bottom of the screen.



L.) Restrictions (top)

1.) If you use a custom permalink (something not like URL?p=22&paged=2....), You must NOT have a page name 'portfolio' because it'll duplicate to the custom post type name!

2.) The uploaded cufon font must NOT have duplicated name with provided font. Otherwise, you have to change the font_family name in js file before upload to the server.

M1.) Setting up homepage like demo site (top)

M2.) Setting up portfolio / filterable portfolio (top)

M3.) Setting up blog (top)

M4.) Theme Installation (top)

M5.) Page Builder Manager (top)

M6.) Thumbnail Management (top)

M7.) Setting Up Gallery (top)

N1.) Bottom Slider twitter (top)

<div style="padding: 18px 15px 16px 30px;"> [twitter width="590" user="GoodLayers"][/twitter] </div>



N2.) Become Our suppporter (Sidebar) (top)

<img src="http://themes.goodlayers.com/grandcollege/wp-content/uploads/2012/03/small-logo.png" style="float: left;"> Donec ullamcorper nulla non metus auctor fringilla. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Nullam quis risus eget urna mollis ornare vel eu leo. Praesent command. <a href="#">Read More</a>



N3.) Video School Tour ( Content Slider ) (top)

[vimeo width="310" height="165"]http://vimeo.com/9178386[/vimeo] [space height="15"] <strong>Donec id elit non</strong> mi porta gravida at eget metus. Aenean lacinia bibendum nulla sed consectetur. Donec sed odio dui. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean eu leo quam.



N4.) Bottom slider right side (top)

<div style="padding: 18px 20px 0px;"><a href="http://themes.goodlayers.com/grandcollege/new-students-apply/"><img src="http://themes.goodlayers.com/grandcollege/wp-content/uploads/2012/03/new-course.png"></a></div>



Once again!,Thanks for purchasing this theme. Enjoy! =)