Shortcodes – Buttons

Buttons

Use the button shortcode to easily create linked buttons. Use the type parameter to set the color of the button. To create slightly larger buttons with more/less height and padding, use the size parameter. Specifying true on the block parameter creates buttons that span the full width of a parent.

Code Example

[button type="default" size="" block="" url="" target="" title=""][/button]

Parameters

Parameter Description Required Values Default
type The type of the button optional default, primary, secondary default
size The size of the button optional large, medium, small none
block Whether the button should be a block-level button optional true, false false
url The url you want the button to link to optional any valid link none
target Target for the link optional any valid target none
class Any extra classes you want to add optional any text none
data Data attribute and value pairs separated by a comma. Pairs separated by pipe. optional any text none

Output:

Button Default Button Primary Large Button Secondary Small Button Block

Become a Contributing Sponsor

Become a part of projects that need your support.

Become a Sponsor