Shortcodes

The deCorum WordPress theme comes with a bunch of comprehensive shortcodes to create buttons in different sizes and colors or with icons, info boxes, icon links and horizontal rules.

Buttons

Please use the following shortcode to create a button in deFolio. Remember to remove the spaces after [ and before ] in the examples below.

General Button (links to entry ID)

[ btn label="General Button" link="1" ]

General Button

General Button (links to url)

[ btn label="General Button" url="http://themeshift.com" ]

General Button

Button Target (open new tab or window)

[ btn label="New Tab or Window" target="_blank" url="http://themeshift.com" ]

New Tab or Window

Button Target (open lightbox)

[ btn label="Open Lightbox" title="My Image Description" target="lightbox" url="http://trececasas.creceonline.es/wp-content/uploads/2011/06/decorum-11-920x420.jpg" ]

Open Lightbox

Big Button

[ btn label="Big Button" url="http://themeshift.com" size="big" ]

Big Button

Color Button

To change the color of a button apply the color paramenter with any color hex code or CSS color names. In the following examples I used

#ca3e3e, #3d3f67, black, #439da0

[ btn label="Color Button" color="#ca3e3e" url="http://themeshift.com" ]

Color Button  Color Button  Color Button  Color Button

Big Button  Big Button

Icon Button

[ btn label="Button with Icon" link="2" icon="alert" ]

Use one of the following icon options:

about, alert, appointment, bulb, checked, disc, download, error, favorite, find, gear, info, internet, ipod, laboratory, license, locked, mail, note,package, preferences, refresh, rss, software, support, user

Button with Icon

Info Boxes

A useful feature to let you comunicate with your website visitor are info boxes. Use one of the following options to add an icon:

about, alert, appointment, bulb, checked, disc, download, error, favorite, find, gear, info, internet, ipod, laboratory, license, locked, mail, note,package, preferences, refresh, rss, software, support, user

[ info icon="laboratory" ]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eleifend lectus quis turpis porta tempus. Aliquam nec tristique lacus? Etiam congue nisl quis risus sagittis.[ /info ]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eleifend lectus quis turpis porta tempus. Aliquam nec tristique lacus? Etiam congue nisl quis risus sagittis.

Box Width

You can set a custom width using the width parameter.

[ info icon="download" width="75%" ]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eleifend lectus quis turpis porta tempus. Aliquam nec tristique lacus? Etiam congue nisl quis risus sagittis.[ /info ]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eleifend lectus quis turpis porta tempus. Aliquam nec tristique lacus? Etiam congue nisl quis risus sagittis.
[ info icon="error" width="50%" ]There has been an error. Please try again![ /info ]
There has been an error. Please try again!

Icon Links

[ link label="Download this item" icon="laboratory" url="http://themeshift.com" ]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut Download this item lectus quis turpis porta tempus. Aliquam nec tristique lacus? Etiam congue nisl quis risus sagittis.

Horizontal Rule

[ hr ]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eleifend lectus quis turpis porta tempus. Aliquam nec tristique lacus? Etiam congue nisl quis risus sagittis.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eleifend lectus quis turpis porta tempus. Aliquam nec tristique lacus? Etiam congue nisl quis risus sagittis.

Line Height

[ hr height="5" ]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eleifend lectus quis turpis porta tempus. Aliquam nec tristique lacus? Etiam congue nisl quis risus sagittis.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eleifend lectus quis turpis porta tempus. Aliquam nec tristique lacus? Etiam congue nisl quis risus sagittis.

Trececasas Torre en Conill

Plaza Verdum, 10 - Urb. Torre en Conill. 46117 Bétera (Valencia) Tel. 961 608 936 trececasas@trececasas.com
Mapa web

Trececasas Valencia

Cortes Valencianas, 26 Bajo 5 derecha. 46015 Valencia Tel. 960615052 / 673 739 468 trececasas@trececasas.com
© Copyright 2013 Desarrollado por ALFATEC Sistemas