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 **** architecture.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,Architecture,demo......) inside.

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

4.) Reay to go!

B1.) Logo (top)

1.) Go to 'Architecture admin panel'.

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

If it shows as an undefined image, please try seeing this solution.
http://support.goodlayers.com/undefined-image-when-inserting/

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 'Architecture admin panel > Overall elememnts > Social Network'.

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

3.) For mail icon, try placing mailto:[email protected] 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 'Architecture 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 'Architecture 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 'Architecture 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 (top)

1.) Page Top Slider will show full width slider inplace of the header/title area. You can enable this at the bottom of the page options when you edit the page.

2.) When you scroll the page down, the slider image will animate according to the scroll position too. You can edit the scroll speed at the 'Admin Panel > Plugin Setting > Custom (Top) Slider > Parallax Speed'

E5.) Page Item (top)

1.) Page Item is a item that we provide for the page. Currently, we have up to 21 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.) After you finish customizing, save the page and you will get blog as below. You can also learn more about blog size here.

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.

F20.) Feature Service 1 (top)

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

2.) Input all field and you'll see something like this.

F20.) Feature Service 2 (top)

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

2.) Input all field and you'll see something 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 'Architecture admin panel > General > Blog/Port 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 'Architecture 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 'Architecture 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 'Architecture 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.) Fonts (top)

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

1.) Go to 'Architecture 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.

I4.) 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://demo.goodlayers.com/architecture/shortcodes

J1.) Footer Contact Snipplet (top)

					 
					
					
John Smith 269 Main Street London England
					

					 
					
					
[email protected]
					

					 
					
					
(11)11-223-4566
					
					[space height=1]
					Cum sociis natoque penatibus et magnis dis partu. Nullam quis risus eget urna mollis ornare vel eu leo. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

J2.) Contact Sidebar Snipplet (top)

					
					NewYork
					112/e Time Square
					NewYork USA
					Call : +00-000-0000
					Email : [email protected]

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.

Please Rate 5 Stars For This Theme

Contents