Carnegie Mellon University

CMU Web

A service provided by the University CMS Team

Page Elements

Page elements are the components that are customizable on each separate page. Unlike the site-wide elements that are identical on every page, the page elements are what make each page unique. Page elements are categorized into two main sections, Hero and Content.

Example of a page with the page elements hero and content highlighted

Hero (optional)

Example of hero with elements numbered.

The Hero is a large visual that can be added to the top of any page. While not all pages need a Hero, we recommend using one on your home page and other highly visible pages to add visual appeal.

Configure the Hero

Elements

  1. Large visual that is a photo, news article, or silent YouTube video. Multiple photos and news articles (up to four) can be used for a rotating effect.
  2. Text overlay (optional) allows text and links to overlay the visual. Text overlay can be a text box (shown in example), centered text or a caption.

Content

Example of content area with a paragraph of text.

The content is the heart of the page! You can create engaging and informative web pages by utilizing the different types of content available. There are four content elements you can use: WYSIWYG, Grid, Slideshow and Wide.  

configure content

Elements

Four different content types to accommodate your material:

  1. WYSIWYG: An open content area for text, media, images and more (shown in example); optional add-ons include expand/collapse and sidebar
  2. Grid: A grid of boxes for text, photos, event and link lists
  3. Slideshow: An element with rotating images and text
  4. Wide: An open area for large display of photos and media