Carnegie Mellon University

CMU Web

A service provided by the University CMS Team

Content

Content comprises most of your webpage. There are several content types to establish page layout and accommodate a wide variety of material such as text, images, videos, tables, slideshows, news feeds, calendars, link lists and more. By combining several content types, you can create engaging and informative website pages.

Yes! You can add multiple content types per page and rearrange them as you see fit.

Page layout is highly configurable, however we do recommend against using too many content areas on one page as more stuff equals a greater load time.

Figuring out what content type to use might seem daunting at first but there are recommended uses for each. Click on a content type below for suggestions and examples.

Four Content Types

Content WYSIWYG

Example of content wysiwyg.

An open content area with optional add-ons to engage your websites visitors.

CONTENT WYSIWYG

Grid

Example of three column grid content.

Boxes of content that span across the full width of a page.

grid

Slideshow

Example of a single slideshow slide.

Pairings of images and text in an automatically rotating display.

Slideshow

Wide

 

Example of wide content type used to display a quote.

 

A full-width open content area which spans the entire page.

wide

Additional Content Sections

All pages can contain multiple content sections with each using a different content type. Click the plus sign (+) near the heading label of an existing content section to add another. More on adding, removing and rearranging content.

Don't miss the inspirational examples below for ideas on combining multiple content types on a single page.

Control to add a new content area.

Screenshot of Dietrich site's page with different content types

Below a Hero, Dietrich College's home page contains a content WYSIWYG and grid.

Visit page

Screenshot of the dining site's page with different content types

This Dining Services' page starts with slideshow followed by a content WYSIWYG and grid.

Visit page

Screenshot of the student experience page with different content types

Below a Hero, the university's Student Experience page uses a content WYSIWYG and grids.

Visit page

Screenshot of Enrollment Services site's page with different content types

Below a Hero, Enrollment Services' home page uses a content WYSIWYG and a variety of grids.

Visit page

Screenshot of Tepper site's page with different content types

Below a Hero, Tepper School of Business' home page uses a variety of grids and a content WYSIWYG.

Visit page

Screenshot of Center for Student Diversity and Inclusion website

Below a Hero, the Center for Student Diversity and Inclusion's Programs page uses a combination of wide and grids.

Visit page