Buttons

Short codes are short pieces of code that allows editors to quickly add features to their site. Here are some short codes that are currently featured in Allegheny’s WordPress family of websites.

Button Short Code

Buttons can be added to a page to make a link stand out by adding the button short code.

Code

[button url="https://google.com"]Google[/button]


The blue, medium button is default. The button can be modified using the following attributes:

  • url: web address that the button should point to
  • color: (optional) blue, green, and pink are the other available colors
  • size: (optional) size of the button itself
  • icon: (optional) visual icon to represent where the button is pointing

Colors

Allegheny Home Allegheny Home Allegheny Home Allegheny Home

Code

[button color="pink" url="https://google.com"]Google[/button]

Available colors:

  • gold (default)
  • blue
  • green
  • pink

Size

Small
Medium
Large
Extra Large

Code

[button size="lg" url="https://google.com"]Google[/button]

Available sizes:

  • sm
  • md (default)
  • lg
  • xl
  • full-width

Full Width

Use the style=”block” attribute to have the button span the width of its container.

Google

Code

[button style="block" url="https://google.com"]Google[/button]

Icons

Google
Google
Google
Google

Code

[button icon="search" url="https://google.com"]Google[/button]

More icons can be found in the 4.7 version of Font Awesome.