Professional Documents
Culture Documents
Version 1.0
Last Updated: December 9, 2011
gothemeteam.com
Table of Contents
Installation ...................................................4 Overview & Requirements ...........................4 Activating the Theme .................................. 5 The Homepage............................................6 Overview.....................................................6 jQuery Slider.............................................. 8 Featured Posts............................................9 Layout Options ........................................9 Featured Products Carousel................ 10 Last Posts..............................................11 Banner Ads...............................................12 Page Templates.........................................13 Available Templates...................................13 Applying a Page Template.........................15 Creating Subpages...................................16 Blog Listings: Adding Featured Images .....18 Blog Listings - Big Images.........................19 Blog Listings - Full Width Images .............. 20 Blog Listings - Small Images.....................21 Custom Left Sidebar................................. 22 Custom Right Sidebar............................... 23 Full Width..................................................24 Portfolio Listings - 1 Column .....................25 Portfolio Listings - 2 Columns ...................26 Portfolio Listings - 3 Columns ...................27 Portfolio Listings - 4 Columns ...................28 Sitemap.................................................... 29 Testimonial Images................................... 30 Testimonial Text.........................................31 Custom Post Options...............................32 Overview...................................................32 My Portfolio...............................................33 Testimonials ..............................................40 Custom Theme Options ...........................43 Overview...................................................43 General Options Tab ................................. 44 Homepage Options Tab............................46 Footer Options Tab ...................................53 Font Color Options Tab .............................55 Theme Team Tab ...................................... 59 Shopping Cart........................................... 60 WP e-Commerce Plugin............................60 Product Pages.......................................... 62 Sidebar Widgets........................................64 Available Custom Widgets ........................64 Available Custom Sidebars........................65 Adding the Widgets ..................................67 Contact Info Widget..................................70 Flickr Widget.............................................71 Recent Posts Widget................................72 Popular Posts Widget ...............................73 Twitter Stream Widget...............................74 Banner Ads Widget...................................75 Contact Us Widget ...................................76 Subscribe Widget .....................................77 Menus ........................................................78 Overview...................................................78 Creating a Menu .......................................79 Shortcodes ................................................83 Available Shortcodes.................................83 Color Options............................................84 Boxes & Related Elements........................85 Buttons...................................................100 Columns................................................. 102
gothemeteam.com
Table of Contents
Feature Lists........................................... 112 Typography & Elements...........................116 Pricing Grids ...........................................121 Gallery.....................................................130 Additional Help........................................132
gothemeteam.com
Further Reading: For more information on using themes in WordPress, please visit: WordPress Codex: Using Themes
gothemeteam.com
Figure 1
gothemeteam.com
jQuery slider
Category blocks
Figure 2a
gothemeteam.com
Banner ads
Figure 2b
gothemeteam.com
Slider
Figure 3
gothemeteam.com
Featured Products Carousel Last Posts Custom Content (enter code for your own content) Display None (leave out this section)
The featured posts areas options can be found in the Aventura admin panel under the Homepage Options tab.
gothemeteam.com
Figure 4a
gothemeteam.com
10
Figure 4b
gothemeteam.com
11
Figure 5
gothemeteam.com
12
Page Templates
Available Templates
Aventura provides 13 different templates (in addition to WordPress default template) that you can use to build the pages of your website. In this section, you will learn how to apply templates to your pages and learn about the layout and features of each custom template. Here is a list of available page templates:
Blog Listings - Big Images Blog Listings - Full Width Images Blog Listings - Small Images Custom Left Sidebar Custom Right Sidebar Full Width Portfolio Listings - 1 Column Portfolio Listings - 2 Columns
Aventura for WordPress e-Commerce | Theme Documentation 13
gothemeteam.com
Page Templates
Available Templates
Portfolio Listings - 3 Columns Portfolio Listings - 4 Columns Sitemap Testimonial Images Testimonial Text
gothemeteam.com
14
Page Templates
Templates can be applied to existing pages or as you create new pages. The Default Template option is a standard page layout provided by WordPress and all the other templates are provided by the Aventura theme. To apply a page template: 1. Under the main navigation menu, go to Pages. If you are adding a new page, go to Add New. If you are applying the template to an existing page, choose the page from the list of published pages. 2. If you are adding a new page, enter a title. 3. On the right side of the work area is a Page Attributes box. Select a template in the Template drop-down menu. Click the Update button to save the settings.
Figure 6
gothemeteam.com
15
Page Templates
Creating Subpages
As you add more content to your website, you may need to organize the information into a hierarchy of pages and subpages (also known as parent and child pages). To create a subpage: 1. Under the main navigation menu, go to Pages. If you are adding a new page, go to Add New. If you would like to make an existing page a subpage, select the page from the list of published pages. 2. If you are adding a new page, enter a title. 3. In the Page Attributes box, go to the Parent drop-down menu. Select the parent page under which you would like to place the current page.
Figure 7
gothemeteam.com
16
Page Templates
Creating Subpages
4. Click the Update button. The page is now a child page of the selected parent page.
Further Reading: For more information on parent and child pages, please visit: WordPress Codex: Pages
gothemeteam.com
17
Page Templates
The rst three templates discussed in this section are used to list blog articles. To write and post a blog article, go to Posts > Add New under the navigation menu. The descriptions for these three templates mention a blog listings featured image. Please follow the instructions below to add featured images to your blog posts. To add a featured image to a post: 1. Under the navigation menu, select Posts and select the post to which you would like to add an image. 2. On the right side of the work area, nd the Featured Image box. Click the Set featured image link. 3. Select an image from the Set featured image box and close the box when you are done. 4. Click the Publish button. The image will appear at the top of the post. If you decide to make the post into a sticky post, the image will automatically resize to t at the top of the sticky post.
Further Reading: For more information on writing and adding posts, please visit: WordPress Codex: Writing Posts
gothemeteam.com
18
Page Templates
This template is a two-column layout with blog listings in the main column and a custom sidebar in the left column. The blog listings have large featured images that span the width of the main column. For details on the custom sidebar (called Blog Sidebar) and widgets that can be placed in the sidebar, please see Sidebar Widgets.
Blog Sidebar
Main column
Figure 8
gothemeteam.com
19
Page Templates
This blog listings template is a one-column layout with featured images and blog descriptions that span the width of the page. This layout does not have a sidebar.
Figure 9
gothemeteam.com
20
Page Templates
This template is a two-column layout with a sidebar in the left column. The blog listings in the main column have small featured images beside the blog titles and descriptions. The sidebar is the custom sidebar, Blog Sidebar (see the Sidebar Widgets section for more information).
Figure 10
gothemeteam.com
21
Page Templates
Custom Left Sidebar
The Custom Left Sidebar template has general content in the main column and a sidebar in the left column. The sidebar is a custom sidebar called Custom Left Sidebar (see Sidebar Widgets).
Main column
Figure 11
gothemeteam.com
22
Page Templates
The Custom Right Sidebar template is the same layout as the previous layout, but with a sidebar on the right side.
Main column
Figure 12
gothemeteam.com
23
Page Templates
Full Width
This template has a main or general content area that spans the width of the page.
Figure 13
gothemeteam.com
24
Page Templates
The Portfolio Listings templates can be used to create a work or product portfolio. The templates list portfolio items in 1, 2, 3 or 4 columns, with an image, title, description and link for each item. Images or videos in these templates open up in lightboxes when the user clicks on them. Individual portfolio items are added by using Aventuras custom post panel, which is explained in the Custom Post Options section. Figure 14 shows a Portfolio Listings template with 1 column and a lightbox:
Lightbox w/video
Figure 14
gothemeteam.com
25
Page Templates
Figure 15
gothemeteam.com
26
Page Templates
Figure 16
gothemeteam.com
27
Page Templates
Finally, the Portfolio Listings template with four columns is shown in Figure 17.
Figure 17
gothemeteam.com
28
Page Templates
Sitemap
There is a page template you can use to create a sitemap:
Figure 18
gothemeteam.com
29
Page Templates
Testimonial Images
There are two versions of the Testimonial template: one with images and one without images. Testimonials are added using the Testimonials custom post panel, which is explained in the Custom Post Options section. Images are added as featured images for each testimonial post in the same way that featured images are added to blog posts and portfolio items.
Featured image
Testimonial
Figure 19
gothemeteam.com
30
Page Templates
Testimonial Text
This Testimonials template doesnt display featured images, even if they have been added. Only text is displayed.
Figure 20
gothemeteam.com
31
Figure 21
gothemeteam.com
32
Enter a title
Enter a description
Figure 22a
gothemeteam.com
33
Figure 22b
gothemeteam.com
34
Figure 22c
gothemeteam.com
35
Click Skills
Click this button to add the category to your list of skills Figure 22d
gothemeteam.com
36
Figure 22e
These options are used as a lter for your portfolio items. Clicking on one of the options will display only the portfolio items in that category.
gothemeteam.com
37
gothemeteam.com
38
Figure 22h
gothemeteam.com
39
Title
Testimonial text
Figure 23a
gothemeteam.com
40
Figure 23b
gothemeteam.com
41
gothemeteam.com
42
Tabs
Figure 24
gothemeteam.com
43
Figure 25a
Figure 25b
gothemeteam.com
44
gothemeteam.com
45
Figure 26a
gothemeteam.com
46
gothemeteam.com
47
Figure 26b
gothemeteam.com
48
Figure 26c
gothemeteam.com
49
Figure 26d
Featured Posts Layout: Select one of four different featured posts layouts in this section. Descriptions and screenshots of each layout can be found in the section titled The Homepage. The last option, Custom Content, allows you to enter anything you want in this area, and it does not have to be a blog post. Enter code for the content at the very bottom of the Homepage Options tab in the Custom Content area.
gothemeteam.com
50
Figure 26e
gothemeteam.com
51
Figure 26f
The image URLs entered in these elds show up as banners at the bottom of the homepage.
gothemeteam.com
52
Figure 27a
gothemeteam.com
53
Facebook, Twitter and YouTube links Custom Content Title Custom Content Data
gothemeteam.com
54
Figure 28a
gothemeteam.com
55
Figure 28b
Footer Background:
Figure 28c
gothemeteam.com
56
Figure 28d
gothemeteam.com
57
Finally, the General Text section controls the colors of h1 and h2 headers and regular text throughout the site.
gothemeteam.com
58
Figure 29
gothemeteam.com
59
Shopping Cart
WP e-Commerce Plugin
Aventura supports WP e-Commerce, a free shopping cart plugin you can use to set up an online store. If you havent already installed the plugin, please follow the steps below: To install the WP e-Commerce Plugin: 1. Check the plugins server requirements at GetShopped.org: Server Requirements. 2. Go to Plugins > Add New on your admin panel. 3. Under Search, select Term from the drop-down menu (should be selected by default) and type WP eCommerce. 4. Find WP e-Commerce in the list of plugins and click Install Now. 5. Go Plugins > Installed Plugins and nd the plugin. Click Activate. The plugin is now active.
Further Reading: For more information on the WP e-Commerce plugin and its features, please visit: WordPress Plugin Directory: WP e-Commerce Plugin Site: GetShopped.org
gothemeteam.com
60
Shopping Cart
WP e-Commerce Plugin
Please read the Documentation section of the plugins website for instructions on using the theme: http:// docs.getshopped.org. Installing the plugin will add some additional options to your admin panel and sales stats to your Dashboard:
Products Panel
Sales Stats
Figure 30
gothemeteam.com
61
Shopping Cart
Product Pages
When you set up a shop with the Aventura theme, your individual product pages will look like Figure 31a below.
Figure 31a
gothemeteam.com
62
Shopping Cart
Product Pages
A randomly-selected product is featured on the right side of the category pages:
Featured product
Figure 31b
gothemeteam.com
63
Sidebar Widgets
Aventura has eight custom sidebar widgets:
The widgets can be displayed in a regular sidebar or in one of Aventuras custom sidebars.
gothemeteam.com
64
Sidebar Widgets
Aventura has seven custom sidebars. The Blog Sidebar appears when use the Blog Listings - Big Images or Blog Listings - Small Images page template (see the Page Templates section).
Blog Sidebar
Figure 32a
gothemeteam.com
65
Sidebar Widgets
The Custom Left Sidebar and the Custom Right Sidebar appear when you use the page template of the same name. The Footer Column 1, 2, 3 and 4 sidebars appear in the footer:
Footer Column 1
Footer Column 2
Footer Column 3
Footer Column 4
Figure 32b
gothemeteam.com
66
Sidebar Widgets
Adding the Widgets
To add Aventura custom widgets to a sidebar: 1. Go to Appearance > Widgets in the navigation menu. You will see a box of available widgets. Layovers custom widgets have Theme Team in front of their names:
Figure 33a
gothemeteam.com
67
Sidebar Widgets
Adding the Widgets
2. On the right side of the work area are the different sidebars that you can add widgets to:
Figure 33b
gothemeteam.com
68
Sidebar Widgets
Adding the Widgets
Sidebar is the standard WordPress sidebar that youll nd on the right side of a webpage. Drag the desired widgets from Available Widgets to these sidebars.
Figure 33c
gothemeteam.com
69
Sidebar Widgets
Contact Info Widget
The Contact Info widget displays your contact information and can also include a Google map to your location.
Figure 34
gothemeteam.com
70
Sidebar Widgets
Flickr Widget
The Flickr widget can display up to 10 photos from your Flickr account. In the widgets settings, enter your Flickr ID in the rst eld. Click the idGettr link if you need help nding your ID number. In the Number eld, select the number of photos you want to display in the sidebar. Under Type, select User if you have an individual user account or Group if you have a group account. Under Sorting, select whether you want your latest Flickr photos displayed or if you want random photos displayed. Select the size in which you want your photos displayed in the Size dropdown menu.
Figure 35
gothemeteam.com
71
Sidebar Widgets
Recent Posts Widget
The Recent Posts widget lists your latest blog posts. In the widgets settings, enter a title for the widget in the Title eld and the number of posts you want listed at one time in the second eld.
Figure 36
gothemeteam.com
72
Sidebar Widgets
The Popular Posts widget displays posts with the most comments. In the widgets settings, enter a header for the widget and the number of posts you want to display.
Figure 37
gothemeteam.com
73
Sidebar Widgets
The Twitter Stream widget displays your latest tweets in the sidebar. In the widgets settings, enter a header for the section in the Title eld. Enter your Twitter account username in the Username eld. Enter the maximum number of recent tweets you want to display in the Limit box. We recommend that you display no more than 10 tweets at a time.
Figure 38
gothemeteam.com
74
Sidebar Widgets
Banner Ads Widget
The Banner Ads widget can hold up to 6 banner ads in the sidebar. There are two elds for each ad in the widgets settings: one for its link and a second for the ad images URL. If you leave any elds blank, there will simply be a blank space.
Figure 39
gothemeteam.com
75
Sidebar Widgets
Contact Us Widget
The Contact Us widget generates a simple contact form in the sidebar. The email address entered in the widgets settings is the recipient email address of all messages sent via the form. Get in Touch is automatically added as the widgets header.
Figure 40
gothemeteam.com
76
Sidebar Widgets
Subscribe Widget
The Subscribe widget provides a one-line form where site visitors can enter their email address to sign up for a newsletter. Enter a title for this section in the widgets settings.
Figure 41
gothemeteam.com
77
Menus
Overview
Aventura supports two navigation menus. One is the Top Menu and is located at the very top of each webpage:
Figure 42a
The second menu is Main Nav and is the main navigation menu at the top of the page:
Figure 42b
gothemeteam.com
78
Menus
To create a menu:
Creating a Menu
1. Under the navigation menu, go to Appearance > Menus. 2. On the right side of the work area is a menu tab. Enter a name for the menu in the Menu Name eld and click the Create Menu button.
Figure 43a
gothemeteam.com
79
Menus
Creating a Menu
3. Menu options are added to the menus tab by selecting them in the Pages box on the left side of the work area. Select the page(s) and click the Add to Menu button. The page(s) will appear under the menu tab:
Menu options
Figure 43b
4. Click the Save Menu button. To create another menu, click the plus sign to the right of the rst menus tab (circled in Figure 41b) and repeat steps 2 and 3.
gothemeteam.com
80
Menus
Creating a Menu
5. To create a submenu, click and drag the menu option underneath the desired parent menu, then click and drag the submenu option slightly to the right.
Figure 43c
gothemeteam.com
81
Menus
Creating a Menu
Figure 43d
6. On the left side of the work area is a box called Theme Locations. Choose which menu will be the Main Nav menu and which menu will be the Widget Footer Links menu. Click the Save button.
Further Reading: For more information on creating and conguring menus, please visit: WordPress Codex: Appearance > Menus_SubPanel
gothemeteam.com
82
Shortcodes
Available Shortcodes
Boxes & Related Elements Buttons Columns Feature Lists Typography & Elements Pricing Grids Gallery
The following sections include screenshots of each feature in its different styles and colors, the basic shortcode, and an explanation of the shortcode and its options.
gothemeteam.com
83
Shortcodes
Color Options
Aventuras color options are shown below with their classes and can be used with some of the shortcodes provided in this text.
slateblue skyblue lightblue blue coffee camel ochre lightgreen green darkgreen yellow darkyellow purple darkpurple gray greymetal red darkred Figure 44
gothemeteam.com
84
Shortcodes
Aventura provides shortcodes for different box styles, drop caps, quotes, a note box, links, alerts and highlighted text. Box Style 1 The rst box type has four variations:
Variation 1 Variation 2 Variation 3 Variation 4
Figure 45a
gothemeteam.com
85
Shortcodes
Shortcode:
[boxes size="quarter" style="type of variation (see options)" title="box header/title"] <p>content</p> [/boxes]
Shortcode Options:
Style (see Figure 45a on the previous page for each variation): box-v1, box-v2, box-v3, box-v4
gothemeteam.com
86
Shortcodes
Box Style 2
The second box type runs horizontally and has four variations:
Variation 1
Variation 2
Variation 3
Variation 4
Figure 45b
gothemeteam.com
87
Shortcodes
Shortcode:
[boxes size="full" style="type of variation (see options)" title="box header/title"] <p>content</p> [/boxes]
Shortcode Options:
Style (see Figure 45b on the previous page for each variation): box-v1, box-v2, box-v3, box-v4
gothemeteam.com
88
Shortcodes
Drop Caps
There are shortcodes for three styles of drop caps that can be added to the beginning of a paragraph:
Style 1 Style 2 Style 3
Figure 45c
Shortcode:
[drop_caps style="drop cap style (see options)" title="paragraph title"] <p>content</p> [/drop_caps]
Shortcode Options:
Style (see Figure 45c above for each style): dropcap-v1, dropcap-v2, dropcap-v3
gothemeteam.com
89
Shortcodes
Quotes - Mid-Paragraph Box
There are two ways in which you can offset a quote. The rst way displays the quote in a box within the paragraph, where the paragraphs regular content wraps around the quote box:
Pulled quote
Figure 45d
gothemeteam.com
90
Shortcodes
Shortcode:
Shortcode Options:
gothemeteam.com
91
Shortcodes
Quotes - Stand-Alone
The second way to offset a quote is to display it by itself. There are two variations of a stand-alone quote:
Variation 1
Variation 2
Figure 45e
gothemeteam.com
92
Shortcodes
Shortcode:
Shortcode Options:
Size: grid_8, grid_12, grid_6 Style (see Figure 45e for each style): blqv2 (variation 1) or blqv3 (variation 2)
gothemeteam.com
93
Shortcodes
Note Box
If you would like to add notes within your paragraphs, you can create the following yellow note box with shortcode:
Note box
Figure 45f
gothemeteam.com
94
Shortcodes
Shortcode:
gothemeteam.com
95
Shortcodes
Fancy Links
Aventura provides shortcodes for fancy links, which can generate 3 different icons.
link-download link-mailto fancy-link
Figure 45g
Shortcode:
[fancy_link title="text that will appear with the icon" style="link style (see options)" link="link URL"]
Shortcode Options:
Style (see Figure 45g above for the different styles): link-download, link-mailto, fancy-link
gothemeteam.com
96
Shortcodes
Alert Boxes
There are four types of alert boxes that Aventura provides shortcodes for:
Style 1
Style 2
Style 3
Style 4
Figure 45h
gothemeteam.com
97
Shortcodes
Shortcode:
[alert_boxes title="box title" style="box style (see options)"] box content [/alert_boxes]
Shortcode Options:
Style (see Figure 45h on the previous page for the different styles): notice-box (style 1), note-box (style 2), success-box (style 3), error-box (style 4)
gothemeteam.com
98
Shortcodes
Highlighted Text
Figure 45i
Shortcode: Place the shortcode around the text that you want highlighted.
paragraph text [mark color="highlight color (see options)"]Highlighted text.[/mark] paragraph text
Shortcode Options:
Color: slateblue, skyblue, lightblue, blue, coffee, camel, ochre, lightgreen, green, darkgreen, yellow, darkyellow, purple, darkpurple, gray, greymetal, red, darkred
gothemeteam.com
99
Shortcodes
Buttons
Aventura provides shortcodes for buttons in three different sizes and 18 different colors:
Small
Medium
Large
Figure 46
gothemeteam.com
100
Shortcodes
Buttons
Shortcode:
[button link="link URL" color="button color (see options)" size="button size (see options)" title="button text"]
Shortcode Options:
Color (see Figure 46 on the previous page to view the different color choices): slateblue, skyblue, lightblue, blue, coffee, camel, ochre, lightgreen, green, darkgreen, yellow, darkyellow, purple, darkpurple, gray, greymetal, red, darkred
gothemeteam.com
101
Shortcodes
Columns
Aventura provides shortcodes for eight different column layouts. For the layouts with multiple columns, please notice that the last column in each row has the word last in its shortcode. One (or Full-Width) Column
Figure 47a
Shortcode:
[column_full] <h2>column header/title</h2> <p>content</p> [/column_full]
gothemeteam.com
102
Shortcodes
Columns
Half Columns
Figure 47b
Shortcode:
[column_half] <h2>left column header/title</h2> <p>content</p> [/column_half] [column_half_last] <h2>right column header/title</h2> <p>content</p>
[/column_half_last]
gothemeteam.com
103
Shortcodes
Columns
One-Third Columns
Figure 47c
gothemeteam.com
104
Shortcodes
Columns
Shortcode:
[column_third] <h2>left column header/title</h2> <p>content</p> [/column_third] [column_third] <h2>middle column header/title</h2> <p>content</p> [/column_third] [column_third_last] <h2>right column header/title</h2> <p>content</p> [/column_third_last]
gothemeteam.com
105
Shortcodes
Columns
Quarter Columns
Figure 47d
gothemeteam.com
106
Shortcodes
Columns
Shortcode:
[column_quarter] <h4>first column header/title</h4> <p>content</p> [/column_quarter] [column_quarter] <h4>second column header/title</h4> <p>content</p> [/column_quarter] [column_quarter] <h4>third column header/title</h4> <p>content</p> [/column_quarter] [column_quarter_last] <h4>last column header/title</h4> <p>content</p> [/column_quarter_last]
gothemeteam.com
107
Shortcodes
Columns
One-Third & Two-Thirds Column Combinations
Figure 47e
gothemeteam.com
108
Shortcodes
Columns
Shortcode: This shortcode has a one-third/two-thirds column combination on one line followed by the reverse combination-two-thirds/one-third column--on the next line (as shown in Figure 50e on the previous page).
[column_third] <h4>first column header/title</h4> <p>content</p> [/column_third] [column_two_thirds_last] <h4>last column header/title</h4> <p>content</p> [/column_two_thirds_last] [column_two_thirds] <h4>next row, first column header/title</h4> <p>content</p> [/column_two_thirds] [column_third_last] <h4>last column header/title</h4> <p>content</p> [/column_third_last]
gothemeteam.com
109
Shortcodes
Columns
Quarter & Three-Quarters Column Combinations
Figure 47f
gothemeteam.com
110
Shortcodes
Columns
Shortcode: This shortcode has a quarter/three-quarters column combination on one line followed by the reverse combination-three-quarters/quarter column--on the next line (as shown in Figure 50f on the previous page).
[column_quarter] <h4>first column header/title</h4> <p>content</p> [/column_quarter] [column_three_quarter_last] <h4>last column header/title</h4> <p>content</p> [/column_three_quarter_last] [column_three_quarter] <h4>next row, first column header/title</h4> <p>content</p> [/column_three_quarter] [column_quarter_last] <h4>last column header/title</h4> <p>content</p> [/column_quarter_last]
gothemeteam.com
111
Shortcodes
Feature Lists
Aventuras feature lists display an icon, header, and description for each feature (or any other type of information you want displayed). The sections are organized into a grid of 2, 3 or 4 columns. Note that the last column of each row in the different types of feature grids have class last (circled in the code on the next page). Aventura uses the following icon set by Some Random Dude: http://somerandomdude.com/projects/iconic/. Only the black version has been uploaded here, but you can add other icons to the directory and use them in the shortcodes.
gothemeteam.com
112
Shortcodes
Feature Lists
2-Column Feature Grid
Figure 48a
Shortcode:
[feature_list_half icon="Icon URL" [feature_list_half_last icon="Icon [feature_list_half icon="Icon URL" [feature_list_half_last icon="Icon title="Feature title"]Feature description[/feature_list_half] URL" title="Feature title"]Feature description[/feature_list_half_last] title="Feature title"]Feature description[/feature_list_half] URL" title="Feature title"] Feature description[/feature_list_half_last]
gothemeteam.com
113
Shortcodes
Feature Lists
3-Column Feature Grid
Figure 48b
Shortcode:
[feature_list_third icon="Icon URL" [feature_list_third icon="Icon URL" [feature_list_third_last icon="Icon [feature_list_third icon="Icon URL" [feature_list_third icon="Icon URL" [feature_list_third_last icon="Icon title="Feature title"]Feature description[/feature_list_third] title="Feature title"]Feature description[/feature_list_third] URL" title="Feature title"]Feature description[/feature_list_third_last] title="Feature title"]Feature description[/feature_list_third] title="section header"]Feature description[/feature_list_third] URL" title="Feature title"]Feature description[/feature_list_third_last]
gothemeteam.com
114
Shortcodes
Feature Lists
4-Column Feature Grid
Figure 48c
Shortcode:
[feature_list_quarter icon="Icon URL" [feature_list_quarter icon="Icon URL" [feature_list_quarter icon="Icon URL" [feature_list_quarter_last icon="Icon [feature_list_quarter icon="Icon URL" [feature_list_quarter icon="Icon URL" [feature_list_quarter icon="Icon URL" [feature_list_quarter_last icon="Icon title="Feature title"]Feature description[/feature_list_quarter] title="Feature title"]Feature description[/feature_list_quarter] title="Feature title"]Feature description[/feature_list_quarter] URL" title="Feature title"]Feature description[/feature_list_quarter_last] title="Feature title"]Feature description[/feature_list_quarter] title="Feature title"]Feature description[/feature_list_quarter] title="Feature title"]Feature description[/feature_list_quarter] URL" title="Feature title"] Feature description[/feature_list_quarter_last]
gothemeteam.com
115
Shortcodes
Aventuras typography and elements shortcodes consist of header styles and bullets. The free icon sets are provided by http://www.iconnder.com/search/?q=iconset%3AsplashyIcons. Headers There are ve different header styles. Any of the themes 18 color options can be applied to these headers.
Style 1
Style 2
Style 3
Style 4
Style 5
Figure 49a
gothemeteam.com
116
Shortcodes
Shortcode:
[headers type="header style (see options)" color="text color (see options)"] header text [/headers]
Shortcode Options:
Type (see Figure 49a on the previous page for the different styles): h1 (style 1), h2 (style 2), h3 (style 3), h4 (style 4), h5 (style 5) Color: slateblue, skyblue, lightblue, blue, coffee, camel, ochre, lightgreen, green, darkgreen, yellow, darkyellow, purple, darkpurple, gray, greymetal, red, darkred
gothemeteam.com
117
Shortcodes
Bullets
There are shortcodes for three sizes of bulleted text and 21 bullet styles.
Size 1
Size 2
Size 3
bullet_add
bullet_arrow_large
bullet_arrow_dark
bullet_arrow_light
bullet_arrow_line
bullet_arrow
bullet_comment_alert
bullet_error_alert
gothemeteam.com
118
Shortcodes
bullet_error_small
bullet_error
bullet_group
bullet_info
bullet_marker_light
bullet_marker_dark
bullet_arrow_line
bullet_new
bullet_pencil
bullet_play_dark
bullet_sprocket_light
bullet_zoom
gothemeteam.com
119
Shortcodes
Shortcode:
[bullet_list style="bullet style (see options)" grid_length="bulleted text size (see options)"] <li>text</li> <li>text</li> [/bullet_list]
Shortcode Options:
Style (see Figure 49b on the previous pages for the different styles): bullet_add,bullet_arrow_large,bullet_arrow_dark,bullet_arrow_light,bullet_arrow_line,b ullet_arrow,bullet_comment_alert,bullet_comment,bullet_error_alert,bullet_error_small, bullet_error,bullet_group,bullet_info,bullet_marker_light,bullet_marker_dark,bullet_ne w,bullet_pencil,bullet_play_dark,bullet_sprocket_dark,bullet_sprocket_light,bullet_zoo m Grid length (see Figure 49b for the different sizes): grid_2 (size 1), grid_4 (size 2), grid_6 (size 3)
gothemeteam.com
120
Shortcodes
Pricing Grids
Pricing grids can be used to display products, packages or plans with their pricing information. Layover provides shortcodes that create pricing grids with 3, 4, 5 or 6 columns and in 18 different colors. Pricing Grid - 3 Columns
Time period or payment frequency
Figure 50a
gothemeteam.com
121
Shortcodes
Pricing Grids
Shortcode:
[grid_wrapper size="three-columns"] [pricing_grid color="grid color (see options)" header_text="grid title/header" price="price/cost" duration="time period/ payment frequency" plan_link="URL with plan details" plan_text="button text"] <ul> <li>list item</li> <li>list item</li> ... </ul> [/pricing_grid] [pricing_grid color="grid color (see options)" header_text="grid title/header" price="price/cost" duration="time period/ payment frequency" plan_link="URL with plan details" plan_text="button text"] <ul> <li>list item</li> ... </ul> [/pricing_grid] [pricing_grid color="grid color (see options)" header_text="grid title/header" price="price/cost" duration="time period/ payment frequency" plan_link="URL with plan details" plan_text="button text"] <ul> <li>list item</li> ... </ul> [/pricing_grid] [/grid_wrapper]
Shortcode Options:
Color: slateblue, skyblue, lightblue, blue, coffee, camel, ochre, lightgreen, green, darkgreen, yellow, darkyellow, purple, darkpurple, gray, greymetal, red, darkred
gothemeteam.com
122
Shortcodes
Pricing Grids
Pricing Grid - 4 Columns
Figure 50b
gothemeteam.com
123
Shortcodes
Pricing Grids
Shortcode:
[grid_wrapper size="four-columns"] [pricing_grid color="grid color (see options)" header_text="grid title/header" payment frequency" plan_link="URL with plan details" plan_text="button text"] <ul> <li>list item</li> <li>list item</li> ... </ul> [/pricing_grid] [pricing_grid color="grid color (see options)" header_text="grid title/header" payment frequency" plan_link="URL with plan details" plan_text="button text"] ... [/pricing_grid] [pricing_grid color="grid color (see options)" header_text="grid title/header" payment frequency" plan_link="URL with plan details" plan_text="button text"] ... [/pricing_grid] [pricing_grid color="grid color (see options)" header_text="grid title/header" payment frequency" plan_link="URL with plan details" plan_text="button text"] ... [/pricing_grid] [/grid_wrapper] price="price/cost" duration="time period/
Shortcode Options:
Color: slateblue, skyblue, lightblue, blue, coffee, camel, ochre, lightgreen, green, darkgreen, yellow, darkyellow, purple, darkpurple, gray, greymetal, red, darkred
gothemeteam.com
124
Shortcodes
Pricing Grids
Pricing Grid - 5 Columns
Figure 50c
gothemeteam.com
125
Shortcodes
Pricing Grids
Shortcode:
[grid_wrapper size="five-columns"] [pricing_grid color="grid color (see options)" header_text="grid title/header" payment frequency" plan_link="URL with plan details" plan_text="button text"] <ul> <li>list item</li> <li>list item</li> ... </ul> [/pricing_grid] [pricing_grid color="grid color (see options)" header_text="grid title/header" payment frequency" plan_link="URL with plan details" plan_text="button text"] ... [/pricing_grid] [pricing_grid color="grid color (see options)" header_text="grid title/header" payment frequency" plan_link="URL with plan details" plan_text="button text"] ... [/pricing_grid] [pricing_grid color="grid color (see options)" header_text="grid title/header" payment frequency" plan_link="URL with plan details" plan_text="button text"] ... [/pricing_grid] [pricing_grid color="grid color (see options)" header_text="grid title/header" payment frequency" plan_link="URL with plan details" plan_text="button text"] ... [/pricing_grid] [/grid_wrapper] price="price/cost" duration="time period/
Color: slateblue, skyblue, lightblue, blue, coffee, camel, ochre, lightgreen, green, darkgreen, yellow, darkyellow, purple, darkpurple, gray, greymetal, red, darkred
gothemeteam.com
126
Shortcodes
Pricing Grids
Pricing Grid - 6 Columns
Figure 50d
gothemeteam.com
127
Shortcodes
Pricing Grids
Shortcode:
[grid_wrapper size="five-columns"] [pricing_grid color="grid color (see options)" header_text="grid title/header" payment frequency" plan_link="URL with plan details" plan_text="button text"] <ul> <li>list item</li> <li>list item</li> ... </ul> [/pricing_grid] [pricing_grid color="grid color (see options)" header_text="grid title/header" payment frequency" plan_link="URL with plan details" plan_text="button text"] ... [/pricing_grid] [pricing_grid color="grid color (see options)" header_text="grid title/header" payment frequency" plan_link="URL with plan details" plan_text="button text"] ... [/pricing_grid] [pricing_grid color="grid color (see options)" header_text="grid title/header" payment frequency" plan_link="URL with plan details" plan_text="button text"] ... [/pricing_grid] [pricing_grid color="grid color (see options)" header_text="grid title/header" payment frequency" plan_link="URL with plan details" plan_text="button text"] ... [/pricing_grid] [pricing_grid color="grid color (see options)" header_text="grid title/header" payment frequency" plan_link="URL with plan details" plan_text="button text"] ... [/pricing_grid] [/grid_wrapper] price="price/cost" duration="time period/
gothemeteam.com
128
Shortcodes
Pricing Grids
Shortcode Options:
Color: slateblue, skyblue, lightblue, blue, coffee, camel, ochre, lightgreen, green, darkgreen, yellow, darkyellow, purple, darkpurple, gray, greymetal, red, darkred
gothemeteam.com
129
Shortcodes
Gallery
Aventura provides shortcode for an image slider. The code can be modied to change the sliders height, width, and controller style. You can also set the gallery to either run automatically or manually.
Controller
Figure 51
gothemeteam.com
130
Shortcodes
Gallery
Shortcode:
[mini_slider height="slider height in pixels" width="slider width in pixels" autoplay="run automatically or no (see options)" type="controller style (see options)"] Image URL Image URL (list image URLs on separate lines) ... [/mini_slider]
Shortcode Options:
gothemeteam.com
131
Additional Help
For further assistance, please contact the Theme Team by lling out a contact form at themeforest.net/user/ goThemeTeam. For more information on using WordPress, please visit codex.wordpress.org. Thank you for purchasing Aventura for WordPress e-Commerce!
gothemeteam.com
132