Modules

Modules are pre-styled visual elements generated via shortcodes, which you can insert throughout your site to organize, break up, and add visual interest to your written content.

There are several different modules, all of which come with their own set of features and best practices.

You can insert modules into your page content via typing or pasting the individual shortcodes into the text, or you can use the built-in module wizard (called “Add Module”) while editing a Page or Posts. Modules are primarily used and placed in the main content area of pages, but specific modules such as the Editorial Image can be used in News and Event posts.


How to insert a module

  1. Create a new page/post or edit an existing page/post where you would like to insert a module
  2. In the text editor, place your cursor where you would like to insert a module
  3. Click the Add Module button, located above the text editor
  4. From the list of options available in the wizard, select the type of module you would like to use and fill in the parameters.
  5. Edit the module’s shortcode parameters to your preference. Refer to each module to see the valid parameters for each type of module

Shortcodes

You can insert shortcodes directly into the lines of a page/post as text, which generate a visual object or feature when the page is viewed from the front end.

A shortcode is defined with the shortcode name, followed by its parameters, surrounded by square brackets [].

Shortcodes can contain letters, digits, underscores, quotation marks and equal signs. They cannot take in any HTML, such as bolding, italicizing and other font styling.

The brackets may include parameter names separated by spaces:
(parameter1=”” parameter2=”” …)

Parameters allow you to customize the shortcode’s features. Content is usually placed in between the opening tag ([name of shortcode]) and closing tag ([/name of shortcode]) of the shortcode.


Usage guidelines and best practices

Modules should generally be inserted in a new/separate line on the page. For specific recommendations on how to use each module, view each of their pages.

Our modules are designed to be used in pages and/or posts. Review the table below for an overview of where you can place our modules.

ModulesPagesPosts
Accordion
Button
Button with Image
Card
Card with Image
Embedded Image
Featured General Posts
Featured News and Events
Infographics
Inline Alert
Midpage Banners
News and Events List Feed
Post Archive
Pull Quote
Quicklinks
Testimonial

Tutorial

On this page