[Zeljan Topic]

Shortcodes are a simple set of functions for creating macro codes for use in post content and have been avilable in WordPress since version 2.5. For instance, the following shortcode (in the post/page content) would add a photo gallery into the page:

[raw]

[gallery]

[/raw]

All themes come predefined with a number of custom short codes, some of them are listed here:

• Columns shortcode
• Boxes shortcode
• Tabs and Toggles shortcode
• Social shortcode
• Buttons shortcodes
• Random shortcodes

Instructions:

1. Open your post/page and simply add shortcode inside content editor, preferably in Visual mode (not HTML).
2. That’s it.

Everything you need to know about short codes: http://codex.wordpress.org/Shortcode_API.

Columns shortcode

[one_half]your text[/one_half]
[one_half_last]your text[/one_half_last]

[one_third]your text[/one_third]
[one_third]your text[/one_third]
[one_third_last]your text[/one_third_last]

[one_fourth]your text[/one_fourth]
[one_fourth]your text[/one_fourth]
[one_fourth]your text[/one_fourth]
[one_fourth_last]your text[/one_fourth_last]

[one_sixth]your text[/one_sixth]
[one_sixth]your text[/one_sixth]
[one_sixth]your text[/one_sixth]
[one_sixth]your text[/one_sixth]
[one_sixth]your text[/one_sixth]
[one_sixth_last]your text[/one_sixth_last]

[two_third]your text[/two_third]
[one_third_last]your text[/one_third_last]

[one_fourth]your text[/one_fourth]
[one_fourth]your text[/one_fourth]
[one_half_last]your text[/one_half_last]

[one_sixth]your text[/one_sixth]
[five_sixth_last]your text[/five_sixth_last]

 Boxes shortcode

Normal Boxes

[raw][box type=”info” size=”medium” style=”rounded” border=”full”]Info Box sample[/box] [box type=”alert” size=”medium” style=”rounded” border=”full”]Alert Box sample[/box] [box type=”tick” size=”medium” style=”rounded” border=”full”]Tick Box sample[/box] [box type=”download” size=”medium” style=”rounded” border=”full”]Download Box sample[/box] [box type=”note” size=”medium” style=”rounded” border=”full”]Notice Box sample[/box][/raw]

Big Boxes

[raw][big_box title=”Your Title” bgcolor=”#ffffff” txtcolor=”#555555″]Your Text[/big_box] [big_box title=”Your Title” bgcolor=”#EFD279″ txtcolor=”#414110″]Your Text[/big_box] [big_box title=”Your Title” bgcolor=”#95CBE9″ txtcolor=”#024769″]Your Text[/big_box] [big_box title=”Your Title” bgcolor=”#AFD775″ txtcolor=”#2C5700″]Your Text[/big_box] [big_box title=”Your Title” bgcolor=”#DE9D7F” txtcolor=”#511F1F”]Your Text[/big_box] [big_box title=”Your Title” bgcolor=”#333333″ txtcolor=”#ffffff”]Your Text[/big_box][/raw]

Notice Boxes

[raw][download_box]Download Box[/download_box] [warning_box]Warning Box[/warning_box] [info_box]Info Box[/info_box] [notice_box]Notice Box[/notice_box][/raw]

Tabs and Toggles shortcode

Tabs

[tabs_container tab1="Tab 1" tab2="Tab 2" tab3="Tab 3"]
    [tab]Tab content 1[/tab]
    [tab]Tab content 2[/tab]
    [tab]Tab content 3[/tab]
[/tabs_container]

Toggles

[toggle title="Your title"]your text.[/toggle]
[toggle title="Your title"]your text.[/toggle]

Social shortcode

[fbshare type="button"]
[fblike style="standard"]
[digg]
[twitter]
[feedburner name="bizzartic"]
[stumble]
[buzz]

 Buttons shortcodes

Action Buttons

[raw][action_button url=”#” color=”white”] White button [/action_button] [action_button url=”#” color=”red”] Red button [/action_button] [action_button url=”#” color=”blue”] Blue button [/action_button] [action_button url=”#” color=”green”] Gree button [/action_button] [action_button url=”#” color=”black”] Black button [/action_button] [action_button url=”#” color=”grey”] Grey button [/action_button] [action_button url=”#” color=”orange”] Orange button [/action_button] [action_button url=”#” color=”purple”] Purple button [/action_button][/raw]

Large Buttons

[raw][button size=”large” color=”grey” style=”info” link=”http://bizzthemes.com”%5Dtesting button[/button] [button size=”large” color=”red” style=”alert” link=”http://bizzthemes.com”%5Dtesting button[/button] [button size=”large” color=”green” style=”tick” link=”http://bizzthemes.com”%5Dtesting button[/button] [button size=”large” color=”black” style=”download” link=”http://bizzthemes.com”%5Dtesting button[/button] [button size=”large” color=”blue” style=”note” link=”http://bizzthemes.com”%5Dtesting button[/button][/raw]

Small Buttons

[raw][button size=”small” color=”#f2f2f2″ text=”#666666″ style=”info” link=”http://bizzthemes.com”%5Dtesting button[/button] [button size=”small” color=”#f2f2f2″ text=”#666666″ style=”alert” link=”http://bizzthemes.com”%5Dtesting button[/button] [button size=”small” color=”#f2f2f2″ text=”#666666″ style=”tick” link=”http://bizzthemes.com”%5Dtesting button[/button] [button size=”small” color=”#f2f2f2″ text=”#666666″ style=”download” link=”http://bizzthemes.com”%5Dtesting button[/button] [button size=”small” color=”#f2f2f2″ text=”#666666″ style=”note” link=”http://bizzthemes.com”%5Dtesting button[/button][/raw]

Simple Buttons

[raw][big_button link=”#” bgcolor=”#ffffff” txtcolor=”#333333″]Your Button Text[/big_button] [big_button link=”#” bgcolor=”#FFFCD2″ txtcolor=”#000000″]Your Button Text[/big_button] [big_button link=”#” bgcolor=”#EFD279″ txtcolor=”#414110″]Your Button Text[/big_button] [big_button link=”#” bgcolor=”#95CBE9″ txtcolor=”#024769″]Your Button Text[/big_button] [big_button link=”#” bgcolor=”#AFD775″ txtcolor=”#2C5700″]Your Button Text[/big_button][/raw]

Random shortcodes

Text Highlights

[raw][ihighlight bgcolor=”#FFFCD2″ txtcolor=”#000000″]Your Text[/ihighlight] [ihighlight bgcolor=”#EFD279″ txtcolor=”#414110″]Your Text[/ihighlight] [ihighlight bgcolor=”#95CBE9″ txtcolor=”#024769″]Your Text[/ihighlight] [ihighlight bgcolor=”#AFD775″ txtcolor=”#2C5700″]Your Text[/ihighlight] [ihighlight bgcolor=”#DE9D7F” txtcolor=”#511F1F”]Your Text[/ihighlight] [ihighlight bgcolor=”#333333″ txtcolor=”#ffffff”]Your Text[/ihighlight][/raw]
Section Breaks

[divider]
[divider_top]

Icons

[icon_tick]
[icon_cross]