Buttons

Buttons should only be used sparingly on University websites. They should be used in cases of calls to action which need a bit more prominence than a traditional web link. Since one of the two main use cases for usage of buttons is to prominently stand out on a page, the number of buttons on a page should be limited.

Button Shortcode Parameters

The parameters for the button shortcode:

  • RequiredTitle (title): This is the text that will display in the button. Remember, buttons should be calls to action. This title should represent that action. Also, do not add any HTML or inline CSS to the title.
  • RequiredLink (link): This is the URL where the button should link.
  • Type (type): There are 3 options for type of button, but setting a type is optional:
    • Green – This is the default button for our WordPress theme if a type isn’t added to the shortcode. It will display as a green button with white text.
    • White – This button will display as a white button with green text. It should only be used on dark page backgrounds.
    • White Outline – This button will display with a transparent background with white text and a white outline to the button. It should only be used on dark page backgrounds.

Button Shortcode Examples

Default Button

We did not set a type so this button will display as a green button.

[mu_button link="http://www.marshall.edu" title="Visit Our Wesbite"]
Copy Code to Clipboard

White Button

[mu_button link="http://www.marshall.edu" title="Visit Our Wesbite" type="white"]
Copy Code to Clipboard

White Outline Button

[mu_button link="http://www.marshall.edu" title="Visit Our Wesbite" type="white-outline"]
Copy Code to Clipboard