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.

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 url=”http://www.meanthemes.com” style=”grey” size=”small” target=”_blank”]Button[/button] [button url=”http://www.meanthemes.com” style=”black” size=”small” target=”_blank”]Button[/button] [button url=”http://www.meanthemes.com” style=”green” size=”small” target=”_blank”]Button[/button]
[button url=”http://www.meanthemes.com” style=”light-blue” size=”small” target=”_blank”]Button[/button] [button url=”http://www.meanthemes.com” style=”blue” size=”small” target=”_blank”]Button[/button] [button url=”http://www.meanthemes.com” style=”red” size=”small” target=”_blank”]Button[/button]
[button url=”http://www.meanthemes.com” style=”orange” size=”small” target=”_blank”]Button[/button] [button url=”http://www.meanthemes.com” style=”purple” size=”small” target=”_blank”]Button[/button] [button url=”http://www.meanthemes.com” style=”pink” size=”small” target=”_blank”]Button[/button]

Supersized (Large)

[button url=”http://www.meanthemes.com” style=”grey” size=”large” target=”_blank”]Button[/button] [button url=”http://www.meanthemes.com” style=”black” size=”large” target=”_blank”]Button[/button] [button url=”http://www.meanthemes.com” style=”green” size=”large” target=”_blank”]Button[/button]
[button url=”http://www.meanthemes.com” style=”light-blue” size=”large” target=”_blank”]Button[/button] [button url=”http://www.meanthemes.com” style=”blue” size=”large” target=”_blank”]Button[/button] [button url=”http://www.meanthemes.com” style=”red” size=”large” target=”_blank”]Button[/button]
[button url=”http://www.meanthemes.com” style=”orange” size=”large” target=”_blank”]Button[/button] [button url=”http://www.meanthemes.com” style=”purple” size=”large” target=”_blank”]Button[/button] [button url=”http://www.meanthemes.com” style=”pink” size=”large” target=”_blank”]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

[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][/tabs]

Toggles

[toggle title=”Toggle 1″ state=”open”] Toggle Content 1

Toggle Content 1

Toggle Content 1 [/toggle][toggle title=”Toggle 2″ state=”closed”] 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 [/toggle]

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]

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *