Skip to main content
CMS Example Site CMS Example
  1. HOME
  2. Templates
  3. Article

Article Template

The Article template provides two columns: a large area for content and images and a left-hand column that reflects the taxonomy of the site. You can also add modules to this template. (Note: the module sizes are designed to accommodate the with of the homepage as well as the two-column page so the sizes are the same.)

The page content is made up of blocks in two locations:

  1. Left Blocks display content on the left column of the page, under the navigation.
  2. Middle Blocks display content in the center of the page.

With an optional intro banner.

All about modules

Hero (Lead image)

Find examples of what and what not to do when building the most impactful portion of your site.

All about heroes

Other Modules

Get ideas and tips on how to effectively use modules to spruce up your pages.

Module examples

Site Creation or Upgrade Request Form

Interested in using the campus CMS? Read about the prerequisites and decide if your department is ready to sign up

Learn More

Main Content area (Middle Blocks):

You can add any number of middle blocks. Use the icons to the right of Middle Blocks to manipulate them:

  • Up and Down arrows: Change the order of your middle blocks
  • Green + : Add a new middle block
  • Red X : Delete a middle block

Each block can use a module or a WYSIWYG field (free text and HTML). Under Content to Use choose:

  1. Shared Block to add a module. Click the file choose under 'Shared Block' to choose the module you want to place on the page. Learn more about the different modules:
  2. WYSIWYG to add your own content using the WYSIWYG editor.

Optional Feature: Intro Banner

Intro Banner

You can use the intro banner on an article page much like you would use a hero on a homepage template. There are some key differences:

  • The intro banner is only one image. It can't be a rotator.
  • The intro banner does not have links.
  • The image size is locked to 1500 x 480 pixels. If your image is a different size it will be cropped to those dimensions.
  • See an example of the Intro Banner in use.

Best Practices

  • Appropriate for setting the tone on an index page.
  • Avoid over-using the intro banner throughout your site.
  • Choose an appropriately sized image. See the intro banner image library.

To Add an Intro Banner to an Existing Article Page

  1. From the Edit screen of your Article Template, scroll down to "Advanced Options." Click the Show radio button if needed.
  2. Click on the Intro Banner drawer to expand it.
  3. Complete these fields:
    • Enable Intro Banner? Yes
    • Background type: Select one:
      • Image to upload an image
        • Image Description (Alt Text): Describe the image for users that can't see them (images disabled/didn't load, using a screen reader, etc.)
      • Default (pre-canned background)
        • Slide Background (choose one):
          • Navy (select light text below)
          • Yellow (select dark text below)
          • Blue Orb (select light text below)
    • Text Color: Light or Dark
    • Headline alignment: Center or Left
    • Headline (all caps):
      • Approximately 32 characters
      • Uses H1 Heading. Do not start with an H1 heading in the Middle Block content if you are using an intro banner. (Exception: Blink and Tritonlink have special behavior for H1 headings, so the Intro Banner Headline will not create an H1 in those sites. Enter your H1 in the Title field as normal.)
  4. Submit your changes and Publish as normal