Original document created by: GoodlayersUpdated and customized by: Karo Group

Carbon Management Canada WordPress Theme Documentation

Contents

A.) Modernize admin panelB.) Navigation

1.) Main Navigation / Top Navigation / Research Projects Fly-out2.) Social Links

C.) Sidebars1.) Create Sidebar2.) Sidebar Widgets

D.) Footer1.) Footer2.) Copyright

E.) Create Pages1.) Home Page2.) Page Title and Content3.) Page Sidebar4.) Page Top Slider5.) Page Item6.) Page Site Map7.) Presentations9.) Projects

F.) Page Item1.) Accordion2.) Blog3.) Contact Form4.) Column5.) Column Service6.) Divider7.) Message Box8.) Portfolio9.) Slider10.) Stunning Text11.) Tab12.) Testimonial13.) Toggle Box14.) Multi-level Page15.) Price Item16.) Gallery Item17.) Content Item18.) Tables19.) Buttons

G.) Post Type1.) Post(Blog)2.) Portfolio3.) Testimonial4.) Price Table5.) Gallery

H.) Thumbnail Types1.) Feature Image2.) Image3.) Video4.) Slider

I.) Changing Style1.) Elements Color2.) Translator3.) Background Image4.) Font5.) Responsive Option

J.) ShortcodesK.) FAQ

1.) How to disable comment(Leave a Reply)L.) Restrictions!M.) EventsN.) Tutorial Video

1.) Setting up homepage like demo site2.) Setting up jquery filterable portfolio3.) Setting up multi-level page4.) Slider Manager5.) Color Access6.) Thumbnail Management7.) Setting up Gallery

A.) Modernize Admin Panel (top)

B1.) Main Navigation / Top Navigation / Research Projects Fly-out (top)

You can manage Main Navigation, Top Navigation (utility navigation) and Projects Fly-out Menu by going to'Appearance > Menu'.

B2.) Social Links (top)

1.) You can edit the link to social links by going to 'Modernize admin panel > Overall elements > SocialNetwork'.

C1.) Create Sidebar (top)

1.) To create another sidebar, go to 'Modernize admin panel > General > Sidebar'. Type sidebar name, thenclick add button and save changes.

2.) The side bar you create will be added to the theme and will be available on the widget area

3.) Then you can assign sidebar to pages or posts.

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 inside the sidebar box.

D1.) Footer (top)

1.) To add a link to the footer Navigation go to 'Appearance > Widgets'. You'll see footer widgets area onthe right

2.) Select the column you need to add the link to (column 1: footer1, column 2: footer 2...)

3.) Click on Flexi Pages and carefully select the pages you want to include

D2.) Copyright (top)

Go to 'Modernize Admin Panel > Overall Elements > Copyright Area'

Please note that the "COPYRIGHT LEFT AREA" does not apply to CMC theme

E1.) Home Page (top)

1.) to edit go to Pages > Homepage

2.) Notices: use WYSIWYG area

3.) Feature images: scroll down to TOP SLIDER TYPE

3.1.) to edit a Feature image click on "edit" or "delete" buttons (on top of feature image)

4.) Homepage Buckets: scroll down to Page Option. You will see 4 "Column Service" items.

4.1.) click on the "edit" button

5.) News: to add a news release to the homepage create a new post > select "homepage" category >include excerpt

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 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. Tocreate 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 befull width. You can create it at the bottom of 'Page Option'. To learn more about creating a slider, followthis tutorial.

E5.) Page Item (top)

1.) Page Item is a item that we provide for the page. Currently, we have up to 17 items. You can add allthese item to page by use the Add Item section in "Page Options". You can choose item at 'Item list'. Whenyou 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. ( eachitem has different size depends on its functional )

3.) 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 bychoosing the template at the page attribute of edit page. By choosing this function, page options will beneglected.

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

E7.) Presentations (top)

1.) Create a new page

2.) Set Parent to Resources > Presentations

2.) Set page layout to "Left Sidebar"

4.) To insert presentation: click on "Upload/insert" media

5.) Upload file and click on "Insert into Post"

E9.) Projects (top)

To create a new project page

1.) Add a New Page:

2.) Enter the Project title

3.) Select Parent: Research > Theme (e.g. Recovery)

4.) Set Template to Project and enter page order

5.) Set LEFT SIDEBAR to: Research Left Menu

6.) Scroll down to "Project" options and Select the Research Theme

7.) The project template displays 4 WYSIWYG editors to enter the content for ever section of a project

7. 1.) Overview

7. 2.) Project Team

7. 3.) Project Details

7. 4.) Additional Information (right column)

8.) To display the project title on Flyout Menu

8. 1.) Go to Appearance > Menus

8. 2.) Select Research Menu

8. 3.) On "Pages" select the project title and click on "Add to Menu"

8. 4.) Place the project title under the corresponding Research Theme and click on "Save Menu"

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 3 different style, that is widget-style, full-size, and full-size with full thumbnail ( full-sizeand full-size with full thumbnail will appear only when blog item size = 1/1 ). Learn more about blog sizeoption.

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 bedisplay. You can create the column item from above tutorial.

F5.) Column Service (top)

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

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 youto 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 learnhow to edit the slider option.

F10.) Stunning Text (top)

NOT USED IN CMC THEME

F11.) Tabs (top)

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

http://themes.goodlayers.com/modernize/portfolio-3/

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. Testimonialcan 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 portfoliocategory.

F15.) Price Item (top)

NOT USED IN CMC THEME

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 pageitem. Don't forget to hide the page content in page options, otherwise there will be a duplicatedcontent in the page.

F18.) Tables (top)

Table editing tools are available on the WYSIWYG editor:

F19.) Buttons (top)

To add a button on any content area:

1.) Type the button text

2.) Add link

3.) Select text and click on Grey Button (WYSYWYG):

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.

file:///C:/Users/Claudia/Documents/01_Contract%20Work/Karo%20Group/Carbon%20Management%20Canada/Development/client%20manual/image/g1-thumbnail2.pngfile:///C:/Users/Claudia/Documents/01_Contract%20Work/Karo%20Group/Carbon%20Management%20Canada/Development/client%20manual/image/g1-thumbnail2.pngfile:///C:/Users/Claudia/Documents/01_Contract%20Work/Karo%20Group/Carbon%20Management%20Canada/Development/client%20manual/image/g2-thumbnail2.png

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 'Modernize 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 testimonialpage item. in the page

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

file:///C:/Users/Claudia/Documents/01_Contract%20Work/Karo%20Group/Carbon%20Management%20Canada/Development/client%20manual/image/g2-thumbnail2.png

G4.) Price Table (top)

NOT USED IN CMC THEME

G5.) Gallery (top)

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

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

H.) Thumbnail 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 inpage. 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 featureimage'. Then close and update the page.

H2.) Image (top)

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

file:///C:/Users/Claudia/Documents/01_Contract%20Work/Karo%20Group/Carbon%20Management%20Canada/Development/client%20manual/image/h-thumbnail1.pngfile:///C:/Users/Claudia/Documents/01_Contract%20Work/Karo%20Group/Carbon%20Management%20Canada/Development/client%20manual/image/h-thumbnail2.pngfile:///C:/Users/Claudia/Documents/01_Contract%20Work/Karo%20Group/Carbon%20Management%20Canada/Development/client%20manual/image/h-thumbnail3.pngfile:///C:/Users/Claudia/Documents/01_Contract%20Work/Karo%20Group/Carbon%20Management%20Canada/Development/client%20manual/image/h-thumbnail4.png

2.) Upload image you want to set or choose your image from media library and click 'Insert into Post'. Thenclose 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 andwww.youtube.com.

H4.) Slider (top)

1.) Before you can use slider, you have to have images in media library. To add images, go to '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 thepost or portfolio server will automatically 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 allimages 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 thevideo 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)

PLEASE DON'T CHANGE THESE SETTINGS

I2.) Translator (top)

1.) Go to 'Modernize admin panel > Translator'.

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

I3.) Background Image (top)

1.) To edit default background image: go to Appearance > Background

Upload new image and save changes

2.) to change a section background image: go to the landing section page > scroll down to Backgroundoptions > upload image

I4.) Fonts (top)

1.) Go to 'Modernize 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, youhave 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 touse it.

I5.) Responsive Option (top)

1.) The normal option of responsive is set to disable. You can enable it by going to 'Admin Panel > General> Page Style' and select the enable responsive to on

Flex slider is the only one(slider) that is support the responsive mode.

J.) Shortcodes (top)

Shortcodes are available at the text editor.

You can see shortcode list online > http://themes.goodlayers.com/modernize/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.

L.) Restrictions (top)

1.) If you use a custom permalink (something not like URL?p=22&paged=2....), You must NOT have a page

http://themes.goodlayers.com/modernize/shortcodes

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 tochange the font_family name in js file before upload to the server.

M.) Events (top)

1.) To create a new event: go to Events > Add New

2.) Enter all the event's information:

3.) To add a google map to the event select a venue from drop down menu:

To add a new venue go to Events > Venues > Add New

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

N2.) Setting up jquery filterable portfolio (top)

N3.) Setting up multi-level page (top)

N4.) Slider Manager (top)

N5.) Color Access (top)

N6.) Thumbnail Management (top)

N7.) Setting Up Gallery (top)

Local DiskYouTube - Broadcast Yourself