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, I suppose if you need it. Lor separat existentie es un myth. Por scientie, musica, sport etc, li tot Europa usa li sam vocabularium.
Shortcode:
[lead] You can have a lede that is a wee bit different from the text that follows. It can be kinda nice, I suppose if you need it. Lor separat existentie es un myth. Por scientie, musica, sport etc, li tot Europa usa li sam vocabularium. [/lead]
Accordion folds
Example:
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: You can have a box in any branding color you like. Simply add the color attribute with a brand color.
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="orange"]
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:
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:
[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]
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.