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, click the area in which you would like to place the module. Then click the “Add Module” button, which is located above the text editor. This will open the Module Wizard pop-up window.
  3. From the list of options available in the wizard, select the type of module you would like to use and fill in the parameters. Upon selection, the pop-up window will close, and you will see the module’s shortcode placed in the spot you had previously clicked in your text editor. Just like any text, you can cut/copy and move this shortcode.
  4. 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 CTA Banner
News and Events List Feed
Post Archive
Pull Quote
Quicklinks
Testimonial
On this page
    Back to toparrow_upward