Skip to content

Shortcode Glossary

At times, you need to do a little arranging within the content area of your site.

Unfortunately, WordPress does not allow HTML editing within the content pane in a reliable way. That is why we have added shortcodes to the UT WordPress Theme.

Shortcodes are little snippets of text that will allow you to add formatting to your content. Some of the shortcodes have ‘openings’ and ‘closings’ and other shortcodes stand alone. A few shortcodes have attributes that will allow certain customization of the shortcodes themselves. This post will define each of our built-in shortcodes, and give examples.


Lede-ing With Style

Example:

You can have a lede that is a wee bit different from the text that follows. It can be kinda nice, if you need it.

Shortcode:


[lead] You can have a lede that is a wee bit different from the text that follows. It can be kinda nice, if you need it.[/lead]



Accordion Folds

Example:

Collapse stuff in the first accordion fold.

Collapse stuff in the first accordion fold.

Collapse stuff in the first accordion fold.

Shortcode:


[collapsibles]
[collapse title="Collapse 1" active="true"]
Collapse stuff in the first accordion fold.
[/collapse]
[collapse title="Collapse 2"]
Collapse stuff in the first accordion fold.
[/collapse]
[collapse title="Collapse 3"]
Collapse stuff in the first accordion fold.
[/collapse]
[/collapsibles]


Note: The “title” attribute on the [collapse] shortcode is what defines the ‘clickable words’.

Note: Accordion folds hide content. Be aware that content within them may missed by a casual viewer. They are best used in cases where the content is long and a user needs to choose the one piece of information that is relevant to them.

Note: Adding the attribute “active” to the [collapse] shortcode and setting it to “true” will cause that particular fold to be open on page load. This is optional. Leaving off the “active” attribute will cause them to all be closed.


Highlight Boxes

Example:

Li uropan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, li tot Europa usa li sam vocabularium.

Shortcode:


[highlight]
Li uropan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, li tot Europa usa li sam vocabularium.
[/highlight]


New feature: The highlight boxes can be set in any of the branding colors. Simply add the color attribute with a brand color.

Accessibility Note: Be aware that some color combinations do not meet minimum contrast guidelines (AA conformance level) established by Web Content Accessibility Guidelines (WCAG). Some colors—such as “orange”—will appear with a white background, but the border will become orange.

Example:

Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, li tot Europa usa li sam vocabularium.

Shortcode:


[highlight color="summitt"]
Li uropan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, li tot Europa usa li sam vocabularium.
[/highlight]



Tabs in the Content

Example:

Here is the first tab.

Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, li tot Europa usa li sam vocabularium. Li lingues differe solmen in li grammatica,

Here is the second tab.

Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, li tot Europa usa li sam vocabularium. Li lingues differe solmen in li grammatica,

Shortcode:


[tabs]
[tab title="Tab 1"]

Here is the first tab.

Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, li tot Europa usa li sam vocabularium. Li lingues differe solmen in li grammatica,

[/tab]
[tab title="Tab 2"]

Here is the second tab.

Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, li tot Europa usa li sam vocabularium. Li lingues differe solmen in li grammatica,

[/tab]
[/tabs]


Note: The “title” attribute on the [tab] shortcode is what defines the ‘clickable words’.

Note: Like accordion folds, Tabs hide content. Be aware that content within them may missed by a casual viewer. They are best used in cases where the content is long and a user needs to choose the one piece of information that is relevant to them.


Columns in the Content

Example:

Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, li tot Europa usa li sam vocabularium. Li lingues differe solmen in li grammatica,

Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, li tot Europa usa li sam vocabularium. Li lingues differe solmen in li grammatica,


Shortcode:


[half]
Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, li tot Europa usa li sam vocabularium. Li lingues differe solmen in li grammatica,
[/half]
[half]
Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, li tot Europa usa li sam vocabularium. Li lingues differe solmen in li grammatica,
[/half]
[clear]

Note: Make sure you end all rows of columns with the [clear] shortcode. This will help prevent alignments going haywire.


Columns in Threes

Example:

Shortcode:


[onethird]
Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, li tot Europa usa li sam vocabularium. Li lingues differe solmen in li grammatica,
[/onethird]
[onethird]
Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, li tot Europa usa li sam vocabularium. Li lingues differe solmen in li grammatica,
[/onethird]
[onethird]
Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, li tot Europa usa li sam vocabularium. Li lingues differe solmen in li grammatica,
[/onethird]
[clear]


Note: Make sure you end all rows of columns with the [clear] shortcode. This will help prevent alignments going haywire.


Columns in Fours

Example:

Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, li tot Europa usa li sam vocabularium. Li lingues differe solmen in li grammatica,

Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, li tot Europa usa li sam vocabularium. Li lingues differe solmen in li grammatica,

Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, li tot Europa usa li sam vocabularium. Li lingues differe solmen in li grammatica,

Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, li tot Europa usa li sam vocabularium. Li lingues differe solmen in li grammatica,

Shortcode:


[onefourth]
Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, li tot Europa usa li sam vocabularium. Li lingues differe solmen in li grammatica,
[/onefourth]
[onefourth]
Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, li tot Europa usa li sam vocabularium. Li lingues differe solmen in li grammatica,
[/onefourth]
[onefourth]
Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, li tot Europa usa li sam vocabularium. Li lingues differe solmen in li grammatica,
[/onefourth]
[onefourth]
Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, li tot Europa usa li sam vocabularium. Li lingues differe solmen in li grammatica,
[/onefourth][clear]


Note: Make sure you end all rows of columns with the [clear] shortcode. This will help prevent alignments going haywire.


Buttons

Example:

Button

Shortcode:


[button link="#"]Button[/button]



Note: You can have a button in any branding color you like. Simply add the color attribute with a brand color.

Example:

Button

Shortcode:


[button link="#" color="fountain"]Button[/button]


The flagship campus of the University of Tennessee System and partner in the Tennessee Transfer Pathway.