Bangkok Press Documentation by Goodlayers
Bangkok Press
Created by: Goodlayers
Website: http://goodlayers.com
Thank you for purchasing our theme. Thanks so much!

### Contents

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

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

- J.) Shortcodes
- K.) FAQ
  - 1.) How to disable comment(Leave a Reply)
- L.) Restrictions!
- M.) Tutorial Video
  - 1.) Setting up homepage like demo site
  - 2.) How to create portfolio
  - 3.) How to create blog
  - 4.) Thumbnail Manager
  - 5.) How to create Gallery
  - 6.) Page Builder
  - 7.) How to upload Themes

### A.) Installation (top)

1.) Unzip the downloaded file.
2.) You will see 6-7 folders(PSD,Document,Bangkok Press,demo......) inside.
3.) Copy folder 'Bangkok Press' and paste in 'YOUR_DOMIAN/wp-content/themes'.
4.) Reay to go!
*** Or try upload using wordpress function( much more faster ) at this tutorial video. ***

### B1.) Logo (top)

1.) Go to 'Bangkok Press 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 the search text at the right side of top navigation, go to 'Bangkok Press admin panel > Overall Elements > Top Navigation'.

### B3.) Banner / Social Links (top)

1.) You can choose to display between the banner and social icon by going to 'Bangkok Press admin panel > Overall elememnts > Top Banner Area'.
2.) If you disable the banner, you can assign url to each field of social network at 'Bangkok Press admin panel > Overall elememnts > Social Network' 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 'Bangkok Press 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.

### D1.) Footer (top)

1.) Go to 'Bangkok Press Admin Panel > General > Footer Style' and choose footer style you want. You can enable/disable the footer and copyright from here too.
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 'Bangkok Press Admin Panel > Overall Elements > Copyright Area'
2.) Fill what you want.
3.) If you disable the Copyright back to top option, you can insert the text to copyright right area.

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

1.) Page Item is a item that we provide for the page. Currently, we have up to 15 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, page, portfolio, gallery 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.

### E5.) 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 5 different style.
Grid Style ( 1/1, 1/2, 1/3, 1/4 )
Full Style ( 1/1 )
List Style ( 1/4, 1/3, 1/2 )
Grid + List Style ( 1/4, 1/3, 1/2 )
Slide show ( 1/1 )

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

1.) After create the divider item and click edit item, you can edit the top space and bottom space of divider. (start from 20)
2.) Save the page and you will get the divider as below.

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

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

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

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

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

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

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

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

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

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

### G1.) Post (Blog) (top)

1.) To create blog, go to 'Posts > Add New' and fill your contents.
2.) You can choose the style of the 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 the portfolio style at the 'Portfolio Options'.
3.) 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.

### 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.) 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
3.) Click edit image setting and you will see the popup options.
4.) After you finish editing. Click done and save the page.

### I1.) Elements Color (top)

We provide over 50+ element colorpickers with some element description for you to choose to suit your taste. Hope you like it.
1.) Go to 'Bangkok Press admin panel > Elements Color'.
2.) Choose color for each element.
3.) Save.

### I2.) Translator (top)

You can choose the translator type at the 'Bangkok Press admin panel > Translator > Enable Admin Translator'. If you disable the admin translator, you can use the normal wordpress translation instead ( .mo .po ). We also include the .pot file within this theme.
1.) Go to 'Bangkok Press admin panel > Translator'.
2.) Change each word to what you want. Inside the parentheses is the page which contains that word.

### I3.) Background (top)

We provide 15 background patterns for your alternative.
1.) Go to 'Bangkok Press 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 400 google fonts(@Fontface) for your alternative.
1.) Go to 'Bangkok Press 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://demo.goodlayers.com/bangkokpress/shortcode/

### 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 name 'portfolio' because it'll duplicate to the custom post type name!
If you really want to use page name as portfolio, you have 2 options, one is changing the page slug(permalink) to be another name. Another one is changing the portfolio slug at the Admin panel > General > Page style > Change portfolio slug' to be the another 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.) How to create portfolio (top)

### M3.) How to create blog (top)

### M4.) Thumbnail Manager (top)

### M5.) How to create Gallery (top)

### M6.) Page Builder (top)

### M7.) How to upload Themes (top)

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