Button

Displays a nicely styled button with your own custom text and link.

Shortcode:

[button]

Attributes:

link
Can have the value of any valid link. This is the link the user will be taken to when they click on the button.

newwindow
Can have the value "true" or "false" and is only applicable if the link value is set. If set to true, this will open the link URL value in a new browser window.

linebreak
Can have the value true or false. This determines whether the button will add a line break and continue the content that follows it on a new line. Set this value to false if you want to add multiple buttons one after another. Set it to true if you are going to begin a new paragraph below it. Even if you have a number of buttons lined up one after the other, you'll definitely want the *last* button to have its linebreak value set to "true" so that the content that follows it will appear on a new line.

size
Sets the size of the button. Can have the values "small," "medium," or "large."

color
Sets the color of the button. This can have any of the following values...

  • red
  • lightred
  • orange
  • yellow
  • green
  • blue
  • aqua
  • navy
  • purple
  • coffee
  • black
  • white
  • gray
  • darkgray
style
Sets the style of the button. Can have the values "normal" or "flat". The default will depend on the theme's overall style.

Examples:

Here is an example of a single button...

[button link="https://www.9bitstudios.com" linebreak="true" color="black"]Button Text[/button]

Here is an example of 3 buttons that would be displayed next to each other...

[button link="https://www.9bitstudios.com" linebreak="false" size="small" color="black"]Button Text[/button] [button link="https://www.9bitstudios.com" linebreak="false" size="medium" color="white"]Button Text[/button] [button link="https://www.9bitstudios.com" size="large" linebreak="true" color="gray"]Button Text[/button]

Notice how the 3rd button has linebreak set to "true" so that content that follows this could continue on the next line.

You could even combine button with the icon shortcode to make an icon button...

[button link="https://www.9bitstudios.com" linebreak="true" size="medium" color="yellow"][icon type=" question-sign "]This is button with an icon[/icon][/button]
Back to Shortcodes »