Shortcodes
The theme also comes with a bunch of comprehensive shortcodes to create buttons in different sizes and color or with icons, info boxes with or without icons, icon links and horizontal rules.
Buttons
Please use the following shortcode to create a button in deSignum. Remember to remove the spaces after [ and before ] in the examples below.
General Button (links to entry ID)
[ btn label="General Button" link="47" ]General Button (links to url)
[ btn label="General Button" url="http://themeshift.com" ]Button Target (open new tab or window)
[ btn label="New Tab or Window" target="_blank" url="http://themeshift.com" ]Button Target (open lightbox)
[ btn label="Open Lightbox" target="lightbox" url="http://demo.themeshift.com/designum/wp-content/uploads/2010/09/backstage4.jpg" ]Small Button
[ btn label="Small Button" url="http://themeshift.com" size="small" ]Color Button
[ btn label="Color Button" color="green" url="http://themeshift.com" ]Color Button Color Button Color Button Color Button
[ btn label="Color Button" color="green" url="http://themeshift.com" size="small" ]Color Button Color Button Color Button Color Button
Icon Button
[ btn label="Button with Icon" link="47" 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
* The icon parameter will be ignored on small buttons.
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 ]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 ]* 99% is the maximium!
[ info icon="error" width="50%" ]There has been an error. Please try again![ /info ]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.
* Set height="0" to create some extra space between two elements.
