Shortcodes

Shortcodes

shortcode is a specific code that lets you easily add elements into your website. Workality comes with following shortcodes.

 

Sliders

[slider][slide type=’image’ caption=”Designed by Designwerk – designwerk.co.uk” url=”http://www.designwerk.co.uk” target=”_blank”]http://workality-premium.northeme.com/wp-content/uploads/2012/10/l21.jpg[/slide][slide type=’image’ url=”http://www.designwerk.co.uk” target=”_blank”]http://workality-premium.northeme.com/wp-content/uploads/2012/10/l3.jpg[/slide][slide type=’image’ url=”http://www.designwerk.co.uk” target=”_blank”]http://workality-premium.northeme.com/wp-content/uploads/2012/10/l0.jpg[/slide][slide type=’image’ url=”http://www.designwerk.co.uk” target=”_blank”]http://workality-premium.northeme.com/wp-content/uploads/2012/10/l11.jpg[/slide][/slider]

 

Google Map

[md_google_map address=”5217 Lasalle Montreal Canada”]

 

Tabs

[tabs] [tab title=”Sample Tab”]

This is caption

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse egestas ultricies urna, et tincidunt dui faucibus sit amet. Maecenas vitae lectus vel erat facilisis elementum. Nulla molestie laoreet aliquam. Cras convallis nisi iaculis lorem tincidunt vitae tempor urna lacinia. Integer sem felis, tempus sed vestibulum vitae, eleifend id ligula.

Phasellus condimentum, magna eleifend consectetur volutpat, nibh augue mattis libero, non congue metus ante sed nibh. Donec bibendum est nec tellus sollicitudin eu convallis ante tristique. Nunc mattis dui quis enim suscipit varius. [/tab] [tab title=”Sample Tab 2″] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse egestas ultricies urna, et tincidunt dui faucibus sit amet. Maecenas vitae lectus vel erat facilisis elementum. Nulla molestie laoreet aliquam.

Cras convallis nisi iaculis lorem tincidunt vitae tempor urna lacinia. Integer sem felis, tempus sed vestibulum vitae, eleifend id ligula.

Phasellus condimentum, magna eleifend consectetur volutpat, nibh augue mattis libero, non congue metus ante sed nibh. Donec bibendum est nec tellus sollicitudin eu convallis ante tristique.Nunc mattis dui quis enim suscipit varius. [/tab] [/tabs]

 

Alerts

[alert color=’green’]Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.[/alert]

[alert color=’orange’]Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.[/alert]

[alert color=’red’]Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.[/alert]

[alert color=’blue’]Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.[/alert]

[alert]Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.[/alert]

 

Buttons

[button url=”http://www.google.com” size=”mini” target=”_blank” name=”Button Mini”] [button url=”http://www.google.com” target=”_blank” name=”Button”] [button url=”http://www.google.com” target=”_blank” size=”large” name=”Button Large”]

[button url=”http://www.google.com” color=”red” target=”_blank” name=”Button”] [button url=”http://www.google.com” color=”blue” target=”_blank” name=”Button”] [button url=”http://www.google.com” color=”black” target=”_blank” name=”Button”] [button url=”http://www.google.com” color=”orange” target=”_blank” name=”Button”] [button url=”http://www.google.com” color=”green” target=”_blank” name=”Button”]

 

Icons (Twitter Bootstrap Glyphicons. Black & White)

Full icon list and names are presented in theme documentation

[icon name=”glass”] [icon name=”music”] [icon name=”search”] [icon name=”envelope”] [icon name=”heart”] [icon name=”star”] [icon name=”star-empty”][icon name=”user”] [icon name=”film”] [icon name=”th-large”] [icon name=”th”] [icon name=”th-list”] [icon name=”ok”] [icon name=”remove”][icon name=”zoom-in”] [icon name=”zoom-out”] [icon name=”off”] [icon name=”signal”] [icon name=”cog”] [icon name=”trash”] [icon name=”home”] [icon name=”file”][icon name=”time”] [icon name=”road”] [icon name=”download-alt”] [icon name=”download”] [icon name=”upload”] [icon name=”inbox”] [icon name=”play-circle”] [icon name=”repeat”] [icon name=”refresh”] [icon name=”list-alt”] [icon name=”lock”] [icon name=”flag”] [icon name=”headphones”] [icon name=”volume-off”] [icon name=”volume-down”] [icon name=”volume-up”] [icon name=”qrcode”] [icon name=”barcode”] [icon name=”tag”] [icon name=”tags”] [icon name=”book”]