Introduction

Included in the WooFramework is a few custom shortcodes that you can use in all our themes. Shortcodes work in posts, pages and even widgets. For extensive overview on all available shortcodes and usage you can check out the WooCodex.

Buttons

These CSS3 buttons look amazing in all modern browsers, and although they won’t look as amazing, they will still work in older browsers. Colored Buttons
Small and Large Buttons
Icons Buttons
Custom Button
[divider]

Info Boxes

Info boxes are nice to use if you need to inform your site visitors of something in a more visual manner. [threecol_one]
This is an info box
[/threecol_one] [threecol_one]
This is a note box
[/threecol_one] [threecol_one_last]
is is a tick box
[/threecol_one_last] [divider_flat] [threecol_one]
This is an download box
[/threecol_one] [threecol_one]
This is an alert box
[/threecol_one] [divider] With this shortcode you can easily show related posts by tag. This only works on posts which have tags that exist on other posts. [related_posts limit=”3″] [divider]

Social Buttons

[sixcol_one][twitter][/sixcol_one] [sixcol_one][tweetmeme][/sixcol_one] [sixcol_one][/sixcol_one] [sixcol_three_last][fblike style=”button”][/sixcol_three_last] [divider]

Horizontal Rule

You can easily break up your text on a page or post by adding either a horizontal rule or a divider (same as hr only no border).
[divider]

Columns

Columns are an easy way to style your post or page with multiple columns, from two columns to six columns. You can make columns span more one column to mix column widths also. [twocol_one] Two columns Pellentesque risus diam vestibulum phasellus, aliquam vivamus, tempus urna habitant tempus a et, aliquam maecenas molestie nullam. [/twocol_one] [twocol_one_last] Two columns Pellentesque risus diam vestibulum phasellus, aliquam vivamus, tempus urna habitant tempus a et, aliquam maecenas molestie nullam. [/twocol_one_last] [divider_flat] [threecol_one] Three columns Pellentesque risus diam vestibulum phasellus, aliquam vivamus, tempus urna habitant tempus a et, aliquam maecenas molestie nullam. [/threecol_one] [threecol_one] Three columns Pellentesque risus diam vestibulum phasellus, aliquam vivamus, tempus urna habitant tempus a et, aliquam maecenas molestie nullam. [/threecol_one] [threecol_one_last] Three columns Pellentesque risus diam vestibulum phasellus, aliquam vivamus, tempus urna habitant tempus a et, aliquam maecenas molestie nullam. [/threecol_one_last] [divider_flat] [threecol_one] Three columns Pellentesque risus diam vestibulum phasellus, aliquam vivamus, tempus urna habitant tempus a et, aliquam maecenas molestie nullam. [/threecol_one] [threecol_two_last] Three columns Pellentesque risus diam vestibulum phasellus, aliquam vivamus, tempus urna habitant tempus a et, aliquam maecenas molestie nullam. [/threecol_two_last] [divider_flat] [fourcol_one] Four columns Pellentesque risus diam vestibulum phasellus, aliquam vivamus, tempus urna habitant tempus a et, aliquam maecenas molestie nullam. [/fourcol_one] [fourcol_one] Four columns Pellentesque risus diam vestibulum phasellus, aliquam vivamus, tempus urna habitant tempus a et, aliquam maecenas molestie nullam. [/fourcol_one] [fourcol_one] Four columns Pellentesque risus diam vestibulum phasellus, aliquam vivamus, tempus urna habitant tempus a et, aliquam maecenas molestie nullam. [/fourcol_one] [fourcol_one_last] Four columns Pellentesque risus diam vestibulum phasellus, aliquam vivamus, tempus urna habitant tempus a et, aliquam maecenas molestie nullam. [/fourcol_one_last] [divider_flat] [fourcol_one] Four columns Pellentesque risus diam vestibulum phasellus, aliquam vivamus, tempus urna habitant tempus a et, aliquam maecenas molestie nullam. [/fourcol_one] [fourcol_one] Four columns Pellentesque risus diam vestibulum phasellus, aliquam vivamus, tempus urna habitant tempus a et, aliquam maecenas molestie nullam. [/fourcol_one] [twocol_one_last] Four columns Pellentesque risus diam vestibulum phasellus, aliquam vivamus, tempus urna habitant tempus a et, aliquam maecenas molestie nullam. [/twocol_one_last] [divider_flat] [fourcol_one] Four columns Pellentesque risus diam vestibulum phasellus, aliquam vivamus, tempus urna habitant tempus a et, aliquam maecenas molestie nullam. [/fourcol_one] [fourcol_three_last] Four columns Pellentesque risus diam vestibulum phasellus, aliquam vivamus, tempus urna habitant tempus a et, aliquam maecenas molestie nullam. [/fourcol_three_last] [divider]

Quote

Add a styled quote to your page or post and float it left or right with or without box. [quote]Pellentesque risus diam vestibulum phasellus, aliquam vivamus, tempus urna habitant tempus a et, aliquam maecenas molestie nullam.[/quote] [divider]

Icon Link

Add a styled link with an icon You can go ahead and [ilink style=”download” url=”http://www.woothemes.com”]Download[/ilink] [divider]

Post a comment

Il tuo indirizzo email non sarΓ  pubblicato. I campi obbligatori sono contrassegnati *