Shortcodes

We’ve got a bunch of lovely shortcodes. We’ve even recoded the tabs and toggles so they don’t use the jQuery UI library which means a faster website. You can use these straight from a little drop down button in the WordPress editor too!

Quotes with Ratings

[quote source=”Source of Quote” rating=”3″]Yes we’ve got a quote shortcode in here, set a rating & show a source, choose from 1 to 5 stars[/quote]

Lists

[bullets type=”tick” style=”black”]

  • List item
  • List item
  • List item

[/bullets]

[bullets type=”tick” style=”red”]

  • List item
  • List item
  • List item

[/bullets]

[bullets type=”tick” style=”blue”]

  • List item
  • List item
  • List item

[/bullets]

[bullets type=”tick” style=”light-blue”]

  • List item
  • List item
  • List item

[/bullets]

[bullets type=”tick” style=”pink”]

  • List item
  • List item
  • List item

[/bullets]

[bullets type=”tick” style=”purple”]

  • List item
  • List item
  • List item

[/bullets]

Statuses

[status_oops]Oh nos! something has gone wrong![/status_oops]

[status_lessoops]Ok, its not as bad now![/status_lessoops]

[status_ok]Phew! Back to normal![/status_ok]

Buttons

Standard

Button Button Button
Button Button Button
Button Button Button

Supersized (Large)

Button Button Button
Button Button Button
Button Button Button

Social Icons

[social site=’facebook’ url=”#” style=”black”]Facebook.com[/social][social site=’twitter’ url=”#” style=”black”]Social[/social][social site=’adn’ url=”#” style=”black”]Social[/social][social site=’linkedin’ url=”#” style=”black”]Social[/social][social site=’googleplus’ url=”#” style=”black”]Social[/social][social site=’vimeo’ url=”#” style=”black”]Social[/social][social site=’youtube’ url=”#” style=”black”]Social[/social][social site=’zerply’ url=”#” style=”black”]Social[/social][social site=’pinterest’ url=”#” style=”black”]Social[/social][social site=’dribbble’ url=”#” style=”black”]Social[/social][social site=’github’ url=”#” style=”black”]Social[/social][social site=’instagram’ url=”#” style=”black”]Social[/social][social site=’flickr’ url=”#” style=”black”]Social[/social][social site=’behance’ url=”#” style=”black”]Social[/social][social site=’rss’ url=”#” style=”black”]Social[/social][social site=’soundcloud’ url=”#” style=”black”]Social[/social][social site=’mixcloud’ url=”#” style=”black”]Social[/social][social site=’spotify’ url=”#” style=”black”]Social[/social]

Tabs

[tab title=”Tab 1″] Tab Content 1 [/tab] [tab title=”Tab 2″] Tab Content 2 [/tab] [tab title=”Tab 3″] Tab Content 3[/tab]

Toggles

Toggle 1

Toggle Content 1

Toggle Content 1

Toggle Content 1 

Toggle 2

Toggle Content 2

Toggle Content 2

Toggle Content 2

Toggle Content 2

Toggle Content 2

Toggle Content 2

Toggle Content 2

Toggle Content 2

Toggle Content 2

Toggle Content 2

Toggle Content 2

Toggle Content 2

Toggle Content 2

Toggle Content 2

Toggle Content 2

Columns

Shortcodes or in-editor ‘Styles’ drop down, however you prefer, we’ve got columns.

[one_half]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce at risus at lacus laoreet mollis sed id elit. Integer bibendum lobortis velit, eleifend commodo dui facilisis nec. Aliquam mi sapien, ultrices a ultrices non, sodales ut diam. Fusce semper risus eu magna placerat pulvinar. Nullam ac odio non ligula semper auctor.

[/one_half]

[one_half_last]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce at risus at lacus laoreet mollis sed id elit. Integer bibendum lobortis velit, eleifend commodo dui facilisis nec. Aliquam mi sapien, ultrices a ultrices non, sodales ut diam. Fusce semper risus eu magna placerat pulvinar. Nullam ac odio non ligula semper auctor.

[/one_half_last]

[one_third]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce at risus at lacus laoreet mollis sed id elit. Integer bibendum lobortis velit, eleifend commodo dui facilisis nec. Aliquam mi sapien, ultrices a ultrices non, sodales ut diam. Fusce semper risus eu magna placerat pulvinar. Nullam ac odio non ligula semper auctor.

[/one_third]

[one_third]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce at risus at lacus laoreet mollis sed id elit. Integer bibendum lobortis velit, eleifend commodo dui facilisis nec. Aliquam mi sapien, ultrices a ultrices non, sodales ut diam. Fusce semper risus eu magna placerat pulvinar. Nullam ac odio non ligula semper auctor.

[/one_third]

[one_third_last]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce at risus at lacus laoreet mollis sed id elit. Integer bibendum lobortis velit, eleifend commodo dui facilisis nec. Aliquam mi sapien, ultrices a ultrices non, sodales ut diam. Fusce semper risus eu magna placerat pulvinar. Nullam ac odio non ligula semper auctor.

[/one_third_last]

[one_fourth]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce at risus at lacus laoreet mollis sed id elit. Integer bibendum lobortis velit, eleifend commodo dui facilisis nec. Aliquam mi sapien, ultrices a ultrices non, sodales ut diam. Fusce semper risus eu magna placerat pulvinar. Nullam ac odio non ligula semper auctor.

[/one_fourth]

[one_fourth]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce at risus at lacus laoreet mollis sed id elit. Integer bibendum lobortis velit, eleifend commodo dui facilisis nec. Aliquam mi sapien, ultrices a ultrices non, sodales ut diam. Fusce semper risus eu magna placerat pulvinar. Nullam ac odio non ligula semper auctor.

[/one_fourth]

[one_fourth]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce at risus at lacus laoreet mollis sed id elit. Integer bibendum lobortis velit, eleifend commodo dui facilisis nec. Aliquam mi sapien, ultrices a ultrices non, sodales ut diam. Fusce semper risus eu magna placerat pulvinar. Nullam ac odio non ligula semper auctor.

[/one_fourth]

[one_fourth_last]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce at risus at lacus laoreet mollis sed id elit. Integer bibendum lobortis velit, eleifend commodo dui facilisis nec. Aliquam mi sapien, ultrices a ultrices non, sodales ut diam. Fusce semper risus eu magna placerat pulvinar. Nullam ac odio non ligula semper auctor.

[/one_fourth_last]

[one_fifth]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce at risus at lacus laoreet mollis sed id elit. Integer bibendum lobortis velit, eleifend commodo dui facilisis nec. Aliquam mi sapien, ultrices a ultrices non, sodales ut diam. Fusce semper risus eu magna placerat pulvinar. Nullam ac odio non ligula semper auctor.

[/one_fifth]

[one_fifth]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce at risus at lacus laoreet mollis sed id elit. Integer bibendum lobortis velit, eleifend commodo dui facilisis nec. Aliquam mi sapien, ultrices a ultrices non, sodales ut diam. Fusce semper risus eu magna placerat pulvinar. Nullam ac odio non ligula semper auctor.

[/one_fifth]

[one_fifth]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce at risus at lacus laoreet mollis sed id elit. Integer bibendum lobortis velit, eleifend commodo dui facilisis nec. Aliquam mi sapien, ultrices a ultrices non, sodales ut diam. Fusce semper risus eu magna placerat pulvinar. Nullam ac odio non ligula semper auctor.

[/one_fifth]

[one_fifth]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce at risus at lacus laoreet mollis sed id elit. Integer bibendum lobortis velit, eleifend commodo dui facilisis nec. Aliquam mi sapien, ultrices a ultrices non, sodales ut diam. Fusce semper risus eu magna placerat pulvinar. Nullam ac odio non ligula semper auctor.

[/one_fifth]

[one_fifth_last]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce at risus at lacus laoreet mollis sed id elit. Integer bibendum lobortis velit, eleifend commodo dui facilisis nec. Aliquam mi sapien, ultrices a ultrices non, sodales ut diam. Fusce semper risus eu magna placerat pulvinar. Nullam ac odio non ligula semper auctor.

[/one_fifth_last]

[one_sixth]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce at risus at lacus laoreet mollis sed id elit. Integer bibendum lobortis velit, eleifend commodo dui facilisis nec. Aliquam mi sapien, ultrices a ultrices non, sodales ut diam. Fusce semper risus eu magna placerat pulvinar. Nullam ac odio non ligula semper auctor.

[/one_sixth]

[one_sixth]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce at risus at lacus laoreet mollis sed id elit. Integer bibendum lobortis velit, eleifend commodo dui facilisis nec. Aliquam mi sapien, ultrices a ultrices non, sodales ut diam. Fusce semper risus eu magna placerat pulvinar. Nullam ac odio non ligula semper auctor.

[/one_sixth]

[one_sixth]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce at risus at lacus laoreet mollis sed id elit. Integer bibendum lobortis velit, eleifend commodo dui facilisis nec. Aliquam mi sapien, ultrices a ultrices non, sodales ut diam. Fusce semper risus eu magna placerat pulvinar. Nullam ac odio non ligula semper auctor.

[/one_sixth]

[one_sixth]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce at risus at lacus laoreet mollis sed id elit. Integer bibendum lobortis velit, eleifend commodo dui facilisis nec. Aliquam mi sapien, ultrices a ultrices non, sodales ut diam. Fusce semper risus eu magna placerat pulvinar. Nullam ac odio non ligula semper auctor.

[/one_sixth]

[one_sixth]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce at risus at lacus laoreet mollis sed id elit. Integer bibendum lobortis velit, eleifend commodo dui facilisis nec. Aliquam mi sapien, ultrices a ultrices non, sodales ut diam. Fusce semper risus eu magna placerat pulvinar. Nullam ac odio non ligula semper auctor.

[/one_sixth]

[one_sixth_last]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce at risus at lacus laoreet mollis sed id elit. Integer bibendum lobortis velit, eleifend commodo dui facilisis nec. Aliquam mi sapien, ultrices a ultrices non, sodales ut diam. Fusce semper risus eu magna placerat pulvinar. Nullam ac odio non ligula semper auctor.

[/one_sixth_last]

Finally a full size image insert…

That’s right, just wrap an image in a shortcode to make it go full screen width.

[insert]

bake-4

[/insert]

답글 남기기