Shortcodes: Buttons & List

Shortcodes is a WordPress-specific code that lets you do nifty things with very little effort. Shortcodes can embed files or create objects that would normally require lots of complicated, ugly code in just one line. Shortcode = shortcut.

Buttons Options:

Use any of the available button classes to quickly create a styled link/button.

Default Primary Success Info Warning Danger Link

Pink Teal Purple Orange Brown Black

[button link="#" style="btn-default" type="link"]Default[/button]
[button link="#" style="btn-primary" type="link"]Primary[/button]
[button link="#" style="btn-success" type="link"]Success[/button]
[button link="#" style="btn-info" type="link"]Info[/button]
[button link="#" style="btn-warning" type="link"]Warning[/button]
[button link="#" style="btn-danger" type="link"]Danger[/button]
[button link="#" style="btn-link" type="link"]Link[/button]

Disabled Buttons

Add the disabled attribute to buttons to make them look unclickable (fading them back 50%)

Default Primary Success Info Warning Danger Link

Pink Teal Purple Orange Brown Black

[button link="#" style="btn-pink" type="link" disabled="disabled"]Pink[/button]
[button link="#" style="btn-teal" type="link" disabled="disabled"]Teal[/button]
[button link="#" style="btn-purple" type="link" disabled="disabled"]Purple[/button]
[button link="#" style="btn-orange" type="link" disabled="disabled"]Orange[/button]
[button link="#" style="btn-brown" type="link" disabled="disabled"]Brown[/button]
[button link="#" style="btn-black" type="link" disabled="disabled"]Black[/button]

Buttons Size

Fancy larger or smaller buttons? Add .btn-lg, .btn-sm, or .btn-xs for additional sizes.

Large Size   Large Size

Default Size   Default Size

Small Size   Small Size

Eztra Small   Extra Small

[button link="#" style="btn-default" type="link" size="lg"]Large Size[/button]
[button link="#" style="btn-primary" type="link" size="lg"]Large Size[/button]

[button link="#" style="btn-default" type="link"]Default Size[/button]
[button link="#" style="btn-primary" type="link"]Default Size[/button]

[button link="#" style="btn-default" type="link" size="sm"]Small Size[/button]
[button link="#" style="btn-primary" type="link" size="sm"]Small Size[/button]

[button link="#" style="btn-default" type="link" size="xs"]Extra Small[/button]
[button link="#" style="btn-primary" type="link" size="xs"]Extra Small[/button]

Custom Colored Buttons

#739620   #a54719   #5ca794  

[button_styled link="#" bg_color="#a54719" text_color="#ffffff" border="#484848"]#a54719[/button]
[button_styled link="#" bg_color="#739620" text_color="#ffffff" border="#484848"]#739620[/button]
[button_styled link="#" bg_color="#5ca794" text_color="#ffffff" border="#484848"]#5ca794[/button]

Custom List Styles:

Arrows

  • List item 1
  • List item 2
  • List item 3

Checklist

  • List item 1
  • List item 2
  • List item 3

Remove

  • List item 1
  • List item 2
  • List item 3

Links

Chevron

  • List item 1
  • List item 2
  • List item 3

Thumbs up

  • List item 1
  • List item 2
  • List item 3

Music

  • List item 1
  • List item 2
  • List item 3

Questions

  • List item 1
  • List item 2
  • List item 3

Download

  • List item 1
  • List item 2
  • List item 3

Text Files

  • List item 1
  • List item 2
  • List item 3

Hand Right

  • List item 1
  • List item 2
  • List item 3

OK list

  • List item 1
  • List item 2
  • List item 3