Shortcodes

Modified on Mon, 2 Mar at 12:51 PM

A shortcode is a small placeholder tag you put inside content that gets replaced with something dynamic when the page renders.

Think of it like a mini command embedded in brackets.

Example (common in CMS platforms):

[gallery id="12"]

When the page loads, the system sees that shortcode and swaps it out for the actual gallery markup.

In plain terms:

Shortcode = shortcut that tells the system to inject dynamic content here.

Available Shortcodes

[accordionsc path="/path-to/block"]: Takes a block path and converts it to an accordion layout utilizing the block layout.
[azindex src="/path-to/block" site="Cascade Site Name"]: Creates an A-Z index using the appropriate block.
[blockquote text="Quote information" author="Author Name" image="path/to/image"]: Creates a pull quote section of the website. Ideally used in the News layout. Can also be used in landing pages or standard page layouts.
[contact phone="XXX-XXX-XXXX" email="name@umkc.edu" link="https://anylink.com"]: Takes three parameters, phone (must be entered as XXX-XXX-XXXX to work), email address and a web address and creates a "contact row." Ideal use case is within the Directory pages for generic contact information ahead of the individual updates.
[datatable path="/path-to/block"]: Takes a CSV file path and converts it to an interactive table layout using the DataTable javascript system.
[gallery path="/path-to/block"]: Allows for image galleries to be created and loaded into a page.
[orgchart path="/path-to/block" site="(optional: Cascade site name)"]: Creates an organization chart with a vertical layout of hierarchy.
[postarchive]: Outputs local posts onto a page as a list to ensure content can still be accessed after V2 conversions, but before articles are migrated to either Insider or Today.
[ps title="" content="" image="" caption=""]: Used for upcoming News only.
[reslist path="/path-to/block"]: Adds a resource list for pages, takes a folder path and loops through all files in the folder creating a link.
[reslist-pdf path="/path-to/block"]: Adds a resource list for word documents, takes a folder path and loops through all files in the folder creating a link.
[searchform]: Embeds the Google Search form into any WYSIWYG editor.
[vcard path="/path-to/block" site="(optional: Cascade site name)"]: Takes a directory block path and optional site name. Converts the block to a V card layout for the individuals listed.
[video id="{Video ID}" title="{Accessible Title}" type="youtube|vimeo|percipio"]: Takes a video ID (not full URL), video title and type (only YouTube, Vimeo or Percipio) and embeds it appropriately on the page.
[zc path="/path-to/block"]: Stands for "Zebra Content", uses a deadline block to create a unique layout for dates and deadlines (original design was a striped layout, hence "zebra content")