Button Shortcode

Use Case

The button shortcode is used to create a button that links to another page or target location

How to Use

Code

Default

[button link="https://vufind.carli.illinois.edu/vf-uiu/"] Library Catalog [endbutton]

Library Catalog

Change text color

[button class="warmbrown" link="https://vufind.carli.illinois.edu/vf-uiu/"] Library Catalog [endbutton]

Library Catalog

Add icon to the button

[button new="true" link="https://vufind.carli.illinois.edu/vf-uiu/"] Library Catalog [fa icon="tablet" size="1"] [endbutton]

Library Catalog

Change font size and text color + icon

[button size="15" new="true" class="black" link="https://vufind.carli.illinois.edu/vf-uiu/"] [fa icon="tablet"] Library Catalog [endbutton]

Library Catalog

 

Attributes

size
Font size of the text.
class
Set the text color. The options are ‘burgundy’, ‘smokyblue’, ‘warmbrown’ and ‘black’.

link

Links the button to the page/location.
new
Set this to true to tell the browser to open a new tab/window, otherwise it will change the current window to the link value. The default value is false.