BUTTONS via the Bootstrap 3 plugin

The button shortcode show below can be used on sites using the latest University web theme and the Bootstrap Shortcodes for WordPress plugin.

The Shortcode options


[button type="success" size="lg" link="#"]My Button[/button]

The ‘type‘ option controls the color of the button. Colors by ‘type’ option show below.

The ‘size‘ options are ‘sm’, ‘md’ and ‘lg’.

Small Medium Large

The ‘link‘ option controls where the button will go on click.

ISU homepage

[button type="primary" size="lg" link="http://www.iastate.edu"]ISU homepage[/button]

The ‘xclass‘ option can be used to apply CSS styles to a particular button, the Engineering Iowa State Child Theme has some CSS options already added in for some ISU-themed buttons using xclass=”btn-cyclone”, xclass=”btn-gold”, and xclass=”btn-tan”.
btn-cyclone btn-gold btn-tan


[button xclass="btn-cyclone" size="lg" link="#"]btn-cyclone[/button]

Add icons to buttons
Button with icon


[button xclass="btn-cyclone" size="lg" link="#"]<span class="fa fa-flag" aria-hidden="true"></span>Button with icon[/button]

List of icons available can be found on the Font Awesome website.

Loading...