Accordion

Simple element to create accordions. Insert as many sections as you want, define titles and fill in the accordion content. Content can contain HTML, Embeds, Shortcodes or other elements. When you insert a accordion element the Shortcode Generator will create Shortcodes for it in your layout. You can also insert shortcodes yourself if you prefer it this way.

// Accordion Shortcode Examples

// [aa_accordion]
// [aa_accordion_section title="$title"] #content [/aa_accordion_section]
// ... as many sections as you need
// [/aa_accordion]
//
// title="$title", section title

//This code will generate an accordion with 2 sections
[aa_accordion]
[aa_accordion_section title="Title 1"] #content 1 [/aa_accordion_section]
[aa_accordion_section title="Title 2"] #content 2 [/aa_accordion_section]
[/aa_accordion] 

Blog

The Blog element enables you to insert your blog posts anywhere you want. The blog can be divided up to three columns and in as many rows you need. You can also display only posts from one category and define the order. Ajax load checkbox should be checked if you want the pagination to use Ajax loading of new entries (Ajax means that visitor will not leave the current page while retriveing new posts). You can use as many blog elements in your layout as you want. You can insert blog after blog presenting different categories or styles. When you insert a blog element the Shortcode Generator will create Shortcodes for it in your layout. You can also insert shortcodes yourself if you prefer it this way. Blog types : 1 – Blog Regular, 2 – Blog Circles, 3 – Blog Circles Two Columns, 4 – Blog Circles Three Columns, 5 – Blog Small Circles, 6 – Blog Small Circles Two Columns, 7 – Blog Small Circles Three Columns

// Blog Shortcode Examples

// [aa_blog type="$number" rows="$number" category="$id" order="$order" pagination="yes" ajax="yes" values="DESC"]
//
// type="$number", type of blog / values supported: 1,2,3,4,5,6 or 7
// rows="$number", number of rows / values supported: 1+
// order="$order", order posts by / values supported: date, title, rand, author, comment_count
// category="$id", category ID / use -1 for all categories, or enter category ID for single category
// pagination="yes", show pagination / values supported: yes, no
// ajax="yes", ajax post loading / values supported: yes, no
// values="DESC", Ascendic posts or Descendic / values supported: ASC, DESC

//This code will generate an one columned Blog element in 5 rows from all categories without AJAX load
[aa_blog type="1" rows="5" ajax="no"]

//This code will generate an four columned Blog element in 1 row from category_id 7 with AJAX load
[aa_blog type="4" rows="1" category="7" ajax="yes"] 

Box

Box Element is used for highlighting various text information. You have several options to choose from which defer in box color. When you insert a box element the Shortcode Generator will create Shortcodes for it in your layout. You can also insert shortcodes yourself if you prefer it this way.

// Box Shortcode Examples

//This code will generate a green box
[aa_greenbox]Hello World![/aa_greenbox]

//This code will generate a blue box
[aa_bluebox]Hello World![/aa_bluebox] 

//This code will generate a red box
[aa_redbox]Hello World![/aa_redbox]

//This code will generate a yellow box
[aa_yellowbox]Hello World![/aa_yellowbox] 

Clients Slider

Use Clients Slider element to create clients carousel. This slider works with images 160x45px. When you insert a contact form element the Shortcode Generator will create Shortcodes for it in your layout. You can also insert shortcodes yourself if you prefer it this way.

// Clients Slider Shortcode Examples

// [aa_slider]
// <img alt="" src="http://www.shindiristudio.com/allaroundwp/wp-content/uploads/2013/07/clientsslider4.png" style="width: 160px; height: 45px; margin-right: 20px;">
// ..
// [/aa_slider]

//This code will generate a clients slider
[aa_slider]
<img alt="" src="http://www.shindiristudio.com/allaroundwp/wp-content/uploads/2013/07/clientsslider1.png" style="width: 160px; height: 45px; margin-right: 20px;">
<img alt="" src="http://www.shindiristudio.com/allaroundwp/wp-content/uploads/2013/07/clientsslider2.png" style="width: 160px; height: 45px; margin-right: 20px;">
<img alt="" src="http://www.shindiristudio.com/allaroundwp/wp-content/uploads/2013/07/clientsslider3.png" style="width: 160px; height: 45px; margin-right: 20px;">
<img alt="" src="http://www.shindiristudio.com/allaroundwp/wp-content/uploads/2013/07/clientsslider4.png" style="width: 160px; height: 45px; margin-right: 20px;">
<img alt="" src="http://www.shindiristudio.com/allaroundwp/wp-content/uploads/2013/07/clientsslider5.png" style="width: 160px; height: 45px; margin-right: 20px;">
<img alt="" src="http://www.shindiristudio.com/allaroundwp/wp-content/uploads/2013/07/clientsslider6.png" style="width: 160px; height: 45px; margin-right: 20px;">
<img alt="" src="http://www.shindiristudio.com/allaroundwp/wp-content/uploads/2013/07/clientsslider7.png" style="width: 160px; height: 45px; margin-right: 20px;">
[/aa_slider] 

Columns

Columns is the basic element for dividing your post into columns. Once inserted each column can also be filled with a Content Template or other elements. When you insert a column element the Shortcode Generator will create Shortcodes for it in your layout. You can also insert shortcodes yourself if you prefer it this way.

// Column Shortcode Examples

// [aa_one_half] #content 1 [/aa_one_half]
// [aa_one_half last="yes"] #content 2 [/aa_one_half]
// 
// last="yes", defines the last column in a row

// This code will generate two columns with 50% in width
[aa_one_half last="no"] #content 1 [/aa_one_half]
[aa_one_half last="yes"] #content 2 [/aa_one_half]

// This code will generate three columns with 33% in width
[aa_one_third last="no"] #content 1 [/aa_one_third]
[aa_one_third last="no"] #content 2 [/aa_one_third]
[aa_one_third last="yes"] #content 3 [/aa_one_third]    

// This code will generate two columns. First 66% in width and the second 33%
[aa_two_third last="no"] #content 1 [/aa_two_third]
[aa_one_third last="yes"] #content 2 [/aa_one_third]    

// This code will generate three columns. First and last will be 25% in width and the middle one 50%
[aa_one_fourth last="no"] #content 1 [/aa_one_fourth]
[aa_one_half last="no"] #content 2 [/aa_one_half]
[aa_one_fourth last="yes"] #content 3 [/aa_one_fourth]

Contact Form

The element used for displaying the Contact Form. Options include preset Contact Settings or Team Members from the AllAround Theme Options Page. You can use as many forms in you page as you want. When you insert a contact form element the Shortcode Generator will create Shortcodes for it in your layout. You can also insert shortcodes yourself if you prefer it this way.

// Contact Form Shortcode Examples

// [aa_contactform users="$users"]
//
// users="$users", contact members IDs (preset in Appearence > Theme Options > Contact Options

// This code will generate Contact Form with user ids 1,2,3
[aa_contactform users="1,2,3"]

// This code will generate Contact Form with only user id 1 as option
[aa_contactform users="1"] 

Divider and Divider (Transparent)

Divider is a single lined divider of content. The margin can be set and it’s set in pixels. Transparent divider is used to align elements without having to use the single lined divider. When you insert a contact form element the Shortcode Generator will create Shortcodes for it in your layout. You can also insert shortcodes yourself if you prefer it this way.

// Divider Shortcode Examples

// [aa_divider margin="$margin"]
//
// margin="$margin", Divider margin

// This code will generate a Divider with margin of 30px
[aa_divider margin="30"]

// This code will generate a Transparent Divider with margin of 10px
[aa_clear margin="10"] 

Featured Circles

Use this three columned Featured Circles shortcode for this fancy display. When you insert a contact form element the Shortcode Generator will create Shortcodes for it in your layout. You can also insert shortcodes yourself if you prefer it this way.

// Featured Circles Shortcode Examples

// [aa_circles title="$title" texttitle="$texttitle" text="$text"]
//
// title="$title", Text in the circle
// texttitle="$texttitle", Title bellow
// text="$text"], Text bellow
// last="yes", defines the last column in a row

// This code will generate a Featured Circles Element
[aa_circles title="Invalid argument supplied" texttitle="Invalid argument supplied" text="Invalid argument supplied"]
[aa_circles title="Invalid argument supplied" texttitle="Invalid argument supplied" text="Invalid argument supplied"]
[aa_circles title="Invalid argument supplied" texttitle="Invalid argument supplied" text="Invalid argument supplied" last="yes"]

Full Width Box

Use this shortcode for a full width paralax banner. This element cannot be used on pages that have a sidebar! When you insert a contact form element the Shortcode Generator will create Shortcodes for it in your layout. You can also insert shortcodes yourself if you prefer it this way.

// Full Width Box Shortcode Examples

// [aa_fw_box image="$image" text="$text"]
//
// image="$image", Image URL
// text="$text"], Text

// This code will generate a Full Width Box Element
[aa_fw_box image="http://www.shindiristudio.com/allaroundwp/wp-content/uploads/2013/07/parallax_banner.jpg" text="DESIGNEDTOMAKEYOUSLEEPBETTER"]

Full Width Link

Use this shortcode for a full width linked content. This element cannot be used on pages that have a sidebar! When you insert a contact form element the Shortcode Generator will create Shortcodes for it in your layout. You can also insert shortcodes yourself if you prefer it this way.

// Full Width Link Shortcode Examples

// [aa_fw_link link="$link" title="$title"]
//
// link="$link", Link URL
// title="$title"], Title text

// This code will generate a Featured Circles Element
[aa_fw_link link="#" title="FOR ALL YOUR ROUND NEEDS - ALL AROUND TEMPLATE"]

Products Fancy List

The Products Fancy List element let’s you insert your WooCommerce Products. Choose category or show all and select the Ajax loading if you would prefer this kind of new entries retrival (Ajax means that visitor will not leave the current page while retriveing new posts). You can insert as many Products Fancy List elements into your content as you want. When you insert a products element the Shortcode Generator will create Shortcodes for it in your layout. You can also insert shortcodes yourself if you prefer it this way.

// Products Fancy List Shortcode Examples

// [aa_productsrows="$number" category="$id" order="$order" pagination="yes" ajax="yes" values="DESC"]
//
// rows="$number", number of rows / values supported: 1+
// order="$order", order portfolio by / values supported: date, title, rand, author, comment_count
// category="$id", category ID / use -1 for all categories, or enter category ID for single category
// pagination="yes", show pagination / values supported: yes, no
// ajax="yes", ajax post loading / values supported: yes, no
// values="DESC", Ascendic posts or Descendic / values supported: ASC, DESC

//This code will generate an one columned Portfolio element in 5 rows from all categories without AJAX load
[aa_products rows="2" ajax="no"]

Progress Bar

Progress Bar element gives you a simple, yet very stylish chart element to use with your design. A simple discount sample or productivity chart can add nice detailing to your layout. Set how much and out of, the title and insert into content. These progress bars fill the full width of the page but if you insert them into columns you will get a smaller bar. When you insert a progress bar element the Shortcode Generator will create Shortcodes for it in your layout. You can also insert shortcodes yourself if you prefer it this way.

// Progress Bar Shortcode Examples

// [aa_progressbar howmuch="$number" outof="$number" title="$title]
// 
// howmuch="$number", How much ?
// outof="$number", Out of ?
// title="$title", progress bar title

//This code will generate a progress bar with 80% of the value
[aa_progressbar howmuch="80" outof="100" title="Progress"]

Tabs

Tabs element can be used same as the accordion element. Add tabs and sections and insert this element for a simple tabbed interface. When you insert a tabs element the Shortcode Generator will create Shortcodes for it in your layout. You can also insert shortcodes yourself if you prefer it this way.

// Tabs Shortcode Examples


// [aa_tabs]
// [aa_tab title="$title"] #content [/aa_tab]
// ... as many sections as you need
// [/aa_tabs]
//
// title="$title", section title

// This code will generate a tabbed interface with 3 tabs
[aa_tabs]
[aa_tab title="Title 1"] #content 1 [/aa_tab]
[aa_tab title="Title 2"] #content 2 [/aa_tab]
[/aa_tabs]

Team

This elements inserts your Contact Settings / Team Members previously set up in AllAround Theme Options. Select upto four columns for you team dispaly. Check the contacts you wish to show. When you insert a team element the Shortcode Generator will create Shortcodes for it in your layout. You can also insert shortcodes yourself if you prefer it this way.

// Team Shortcode Examples

// [aa_team users="$users"]
//
// users="$users", contact members IDs (preset in Appearence > Theme Options > Contact Options

// This code will generate Team member with IDs 1,2,3,4
[aa_team users="1,2,3,4"]

// This code will generate Team member with IDs 1,2,3,4,5,6
[aa_team users="1,2,3,4,5,6"]

Title

Title element should be used before every major element. It prints out the title in a special manner. When you insert a title element the Shortcode Generator will create Shortcodes for it in your layout. You can also insert shortcodes yourself if you prefer it this way.

// Title Shortcode Examples

// This code will generate a title element
[aa_title]News[/aa_title]