Blue Diamond Documentation by Goodlayers
Blue Diamond
Created by: Goodlayers
Website: http://goodlayers.com

### Please Rate 5 Stars For This Theme

Thank you very much for choosing our theme.
We're truly appreciated! :D
If you like this theme, Please support us. (How to rate?)

### Contents

- A.) Installation
- B.) Header
  - 1.) Logo
  - 2.) Navigation
  - 3.) Social Links
- C.) Sidebars
  - 1.) Create Sidebar
  - 2.) Sidebar Widgets
  - 3.) Default Post Sidebar
- D.) Footer
  - 1.) Footer
  - 2.) Copyright
- E.) Create Pages
  - 1.) Create Home Page
  - 2.) Page Title and Content
  - 3.) Page Sidebar
  - 4.) Page Top Slider ( Layer Slider )
  - 5.) Page Item
  - 6.) Page Site Map
  - 7.) Create Blog
  - 7.) Create Portfolio
- F.) Page Item
  - 1.) Accordion
  - 2.) Blog
  - 3.) Contact Form
  - 4.) Column
  - 5.) Column Service
  - 6.) Divider
  - 7.) Message Box
  - 8.) Portfolio
  - 9.) Slider
  - 10.) Stunning Text
  - 11.) Tab
  - 12.) Testimonial
  - 13.) Toggle Box
  - 14.) Multi-level Page
  - 15.) Price Item
  - 16.) Gallery Item
  - 17.) Content Item
  - 18.) Post Slider Item
  - 19.) Personnal Item
- G.) Post Type
  - 1.) Post(Blog)
  - 2.) Portfolio
  - 3.) Testimonial
  - 4.) Price Table
  - 5.) Gallery
  - 6.) Personnel
- H.) Thumbnail Management
  - 1.) Feature Image
  - 2.) Image
  - 3.) Video
  - 4.) Slider
  - 5.) Self Hosted Video
  - 6.) Editing Thumbnail Size
- I.) Changing Style

- 1.) Elements Color
- 2.) Translator
- 3.) Background
- 4.) Font
- 5.) Responsive Option

- J.) Shortcodes / Snipplet
  - 1.) Top Right Text Snipplet
  - 2.) Copyright Right Snipplet
  - 3.) Service Tab Snipplet (at the bottom of the demo site)
- K.) FAQ
  - 1.) How to disable comment(Leave a Reply)
  - 3.) Blog lose formatting
  - 4.) Manual Excerpt
- L.) Restrictions!
- M.) Tutorial Video
  - M1.) Installing Theme
  - M2.) Setting up homepage like demo site
  - M3.) Creating Blog
  - M4.) Creating Portfolio / Filter Portfolio
  - M5.) Creating Gallery
  - M6.) Page Builder
  - M7.) Thumbnail Management

### A.) Installation (top)

Installing the theme via Wordpress Panel
1.) Unzip the file you downloaded from themeforest.
2.) Logging in to wordpress, go to Appearance > Theme tabs
3.) Upload the **** bluediamond.zip **** file ( Do not upload whole folder you download from themeforest )
If the above solution didn't work, try installing it via ftp access instead.
1.) Unzip the downloaded file.
2.) You will see 6-7 folders(PSD,Document,Blue Diamond,demo......) inside.
3.) Copy folder 'Blue Diamond' and paste in 'YOUR_DOMIAN/wp-content/themes'.
4.) Reay to go!

### B1.) Logo (top)

1.) Go to 'Blue Diamond admin panel'.
2.) Go to 'Overall Elements > Logo'.
If it shows as an undefined image, please try seeing this solution.
http://support.goodlayers.com/undefined-image-when-inserting/
3.) You can set the logo margin size ( top / bottom gap of the logo ) as you want.

### B2.) Main Navigation (top)

1.) You can manage menu by going to 'Apearance > Menu'.
2.) Type menu's name.
3.) Click 'Create Menu'.
4.) Assign the menu to theme location.
5.) You can generate menu item from left side and drag the generated menu at the right side to sort it.
( Try indenting the menu to make the submenu )

### B3.) Social Links (top)

1.) You can enable or disble each social icon by going to 'Blue Diamond admin panel > Overall elememnts > Social Network'.
2.) Assign url to each field to enable the social icons.
3.) For mail icon, try placing mailto:support@goodlayers.com inside the input box to make it support with your mail service. ( or else, it'll be normal link like other social icons. )

### C1.) Create Sidebar (top)

There are 7 predefined sidebars include with the theme to use with footer and site map page.
1.) To create another sidebar, goto 'Blue Diamond admin panel > General > Sidebar'. Type sidebar name, then click add button and save changes.
Special characters ( such as & ) are not allowed to be in the siebar name
2.) Go to page or post, you will see the option for sidebar layout in post options. Select layout and lecet the side bar that you just created.
3.) Go to 'Appearance > Widget' and you'll see widget area to assign.... or read 'C2'

### 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 > Blog/Port Style'
2.) Set the default sidebar style and assign the sidebar you want.
3.) If you modify any posts, the default sidebar will be overwritten with the value you assign in post option. ( That means after update the post, the default sidebar option will be ignored. )

### D1.) Footer (top)

1.) Go to 'Blue Diamond 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 'Blue Diamond Admin Panel > Overall Elements > Copyright Area'
2.) Fill what 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.
*** You must leave the post page field blank or else it would mess up the page you select***

### 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 ( Layer 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 normal slider, follow this tutorial.
2.) To install the Layer Slider ( which is the slider shown in our demo site ), you have to extract the zip file you downloaded from themeforest > goto Layer Slider folder > and install the Layer-Slider-Plugin.zip flie to wordpress plugin section.
3.) After installing the plugin, try importing the slider setting using the data in slider-data.txt file. ( in the above image )
4.) If you create the slider manually, don't forget to select the skin ( at the global option) to bluediamond to have the slider style ( navigation ) like our demo site too.
5.) In your home page ( or the page that have top slider ), try choosing the slider type to top slider, then inputting the slider id to the prepared field.
6.) You can learn more about creating the layer slider at the tutorial document in the Layer Slider folder.

### E5.) Page Item (top)

1.) Page Item is a item that we provide for the page. Currently, we have up to 19 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 5 page items that have inner size, blog, page, portfolio, testimonial and personnal item. The inner size is the actual size of item. The item size will be the wrapper ( The inner size is relatived with the size of 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'.

### E7.) Create Blog Page (top)

1.) Create a new post, assign it to category(if you don't have category, just create a new one.)
2.) Create a new page, add page item 'blog' in page builder section.
3.) Click on the yellow editor button (4). Choose blog layout and select category that you just created. Click 'done' and publish the page.

### E8.) Create Portfolio Page (top)

1.) Create a new portfolio post, assign it to category(if you don't have category, just create a new one.)
2.) Create a new page, add page item 'portfolio' in page builder section.
3.) Click on the yellow editor button (4). Choose blog layout and select category that you just created. Click 'done' and publish the page.

### 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, 1/1 full size, and 1/1 medium size You can Learn more about blog size here.
Widget style
1/1 Medium Thumbnail
1/1 Full Thumbnail

### 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.) Column Service (top)

1.) After create the column service item and click edit item, the following options will be shown.
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.
3.) You can see more about portfolio style at our demo site too.

### 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.
Carousel Testimonial
Static Testimonial

### 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.) Post-Slider Item (top)

This item will act exactly like the slider item, but it'll fetch the image from the post instead ( Please make sure to assign feature image to all posts that will be fetched up too. ).

### F19.) Personnel (top)

1.) After create personnel item and click edit item, the following options will be shown.
2.) Select the personnel category you made and see what you get.

### 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 'Blue Diamond 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 page options
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 page options
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 page options
1.) To create gallery content, go to 'Gallery > Add New' and fill your contents.

### G6.) Personnel (top)

Personnel is the other the post type that does not have its own page, you have to create it using personnel item in page options
1.) To create personnel post, go to 'Personnel > Add New' and fill your contents.

### H.) Thumbnail Management (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.
*** Please make sure that you don't leave the LINK URL field blank ***

### 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 sliders will treat it as a lightbox to video.
6.) After you finish editing. Click done and save the page.

### H5.) Self Hosted Video (top)

You need to install the JW Player plugin before adding the self hosted video in your site.
*** http://www.longtailvideo.com/***
Please also update the plugin to latest version too.
1.) Going to JW Player > Create Custom Player.
2.) Assign the width and height of the custom player to match with the theme thumbnail ( In next section )
3.) In post / portfolio option, you'll see an option to insert the self hosted video. ( Click the Insert JW Player instead of Insert to Post )
4.) For embeded normal video into the content section, try using the normal function of JW Player instead.

### H6.) Editing The Thumbnail Size (top)

1.) Going to gdl-vairable.php file.
2.) You'll see many arrays in this file. Try searching for the item you want ( Blog / Portfolio / Gallery ... )
3.) For example, if you use the blog medium thumbnail without sidebar, you have to change this value. ( WIDTHxHEIGHT )

### I1.) Elements Color (top)

1.) Go to 'Blue Diamond admin panel > Elements Color'.
2.) Choose color for each element.
3.) Save option.
To change the color on live preview *** Only for wordpress version 3.4 ***
1.) Go to 'Appearance > Theme' and click Customize
2.) Don't forget to save the option after you finish making changes.

### I2.) Translator (top)

You can translate this theme in 2 ways
Translate using goodlayers panel
1.) Go to 'Blue Diamond admin panel > Translator'.
2.) Change each word to what you want. Inside the parentheses is the page which contains that word.
*** We provide only some specific words in our admin panel, if the word you want is not there, please try using another method instead ***
Translate using wordpress localization (.mo)
1.) Going to 'Blue Diamond admin panel > Translator > Enable admin translator
2.) Turning the admin translator off
3.) Seeing how to translate the theme here
http://codex.wordpress.org/WordPress_in_Your_Language

### I3.) Background (top)

We provide 15 background patterns for your alternative.
1.) Go to 'Blue Diamond 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 'Blue Diamond 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.

### 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
Anything slider is the only one(slider) that is NOT support with the responsive mode.

### J.) Shortcodes (top)

We provide shortcode button for easier use at the text editor.
You can see shortcode list online here
http://themes.goodlayers2.com/bluediamond/shortcodes

### J1.) Top Right Text Snipplet (top)

    					contact@phoenix.com
    					|

    					1800-299-234-22

### J2.) Copyright Right Snipplet (top)

    					Home|Support|About|Contact

### 3.) Service Tab Snipplet (at the bottom of the demo site) (top)

First Tab

    					[list type="arrow2"]

    					Allow Unlimited Sidebar
    					Layer Slider Included
    					450+ Google Fonts included
    					DragDrop Slider and Gallery
    					Cufon Uploader Included

    					[/list]

    					[list type="arrow2"]

    					5 Custom Post Types
    					6 Footer Layout
    					Built-in Shortcode
    					Localization
    					4 Slider Types

    					[/list]

    					[space height="1"]

Second Tab

    					Vestibulum id ligula porta felis euismod semper. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Maecenas sed diam eget risus varius blandit sit amet non magna. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Maecenas sed diam.

### 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.

### K3.) Blog lose formatting (top)

Try going to setting > reading and leave the post page field blank.

### K4.) Enable Manual Excerpt (top)

1.) When you edit the post or portfolio, at the top right of the screen, you'll see the screen option.
2.) Selecting the excerpt option.
3.) Placing your excerpt at the excerpt box at the bottom of the page.

### L.) Restrictions (top)

1.) If the pagination does not work for portfolio, please try checking that the portfolio slug ( at admin panel > general > post/portfolio style ), does not have the same name with page 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.) Installing Theme (top)

### M2.) Setting up homepage like demo site (top)

### M3.) Creating Blog (top)

### M4.) Creating Portfolio / Filter Portfolio (top)

### M5.) Creating Gallery (top)

### M6.) Page Builder (top)

### M7.) Thumbnail Management (top)

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