Carnegie Mellon University

CMU Web

A service provided by the University CMS Team

Course Index

A Course Index page serves as a directory of your Course pages. It automatically populates with content by pulling in fields from each course such as course name, number, and description.

A Course Index page includes the following features:

  • Grid or stacked layout options
  • Filter functionality for you and your website visitors
  • Multiple course sections featured on a single page with ability to assign a different category to each section
  • Hero and additional content area
Example of course index page.

Example of a Course Index page.

Create a Course Index Page

Before creating a Course Index page, establish the course section and create the initial Course pages. Create the Course Index page in the same folder.

  1. Select the folder in the asset tree where your Course pages are located

  2. Click Add Content > Course > Course Index
  3. Complete the required information
    1. Page Name - Enter the system name for the page (displayed in the asset tree and live URL); follow the requirements provided in the interface. Note: The page name is typically index.
    2. Placement Folder - This will reflect the selected folder; click on folder to change if necessary
    3. Title - Enter the user-friendly name displayed in the navigation
    4. Description - Enter a summary of the page; used by search engines
    5. Hide from Navigation - To prevent page from displaying in the navigation, change to Yes; leave at the default No to include it
  4. Social Media Image (optional) - To use a different image for social media other than the one specified in the setup, Choose File to browse and select the image
  5. Include Hero Section (optional)
Creating a new course index page.

Creating a new Course Index page.

Intro Text (optional)

  1. Intro Text - In the WYSIWYG, provide an introduction for the courses featured on the page
Example of an intro and jump menu on a bio index page.

Example of Intro Text on page.

Course Index Layout

Courses can be displayed in a grid or stacked layout. Select the one that best suits your needs.

Grid

  1. For Select a course layout select Grid
  2. Select the Number of Columns
  3. Select the Initial Rows to Display
  4. Enter a Heading (optional) and Section ID
  5. Select a Style and Background Image (optional)
  6. Select whether to Show course summaries

Stacked

  1. For Select a course layout select Stacked
  2. Enter a Heading (optional) and Section ID
Examples of a course index page with grid and stacked layout types.

Examples of courses displayed in a Grid (forefront) or Stacked layout.

Filters (optional)

Filters allow you to be selective about what courses to display on the page. Course pages must be tagged with the categories selected here in order to be included (new categories can be created in the categories block; more on categories). If no filters are specified, all courses within the folder and its subfolders will be included.

Select Yes to enable the filter you want to use, then click in the box to select one or more categories; to remove a category from being selected, click on it and press delete.

  1. General
    1. CMU Categories used on your courses
    2. Semester when courses are offered
    3. Whether the courses are Required/Elective
  2. Site Categories (Custom)
    1. Concentrations - Concentrations specific to your site
    2. Degrees - Degrees specific to your site
    3. Categories 1 & 2 - Categories specific to your site
Configuring course index page filters in the user interface.

Filters in the page edit interface.

Dropdowns (optional)

Dropdowns allow further filtering of courses by your website visitors. Dropdowns are provided at the top of the page and instantaneously adjust the content based on the selection (i.e., the page does not have to reload). More on dropdowns.

  1. General
    1. CMU Categories used on your courses
    2. Semester when courses are offered
    3. Whether the courses are Required/Elective
  2. Site Categories (Custom)
    1. Concentrations - Concentrations specific to your site
    2. Degrees - Degrees specific to your site
    3. Categories 1 & 2 - Categories specific to your site
Course Index page dropdown menus

Example of dropdown menus for website visitors; in the example:

  • Areas of Expertise is a group of custom categories specific to the site; categories and dropdown label are specified in the categories block
  • General CMU Categories are pre-defined categories available to all sites, however only the ones used on your courses will be available in the dropdown

Add Another Course Index Section (optional)

Want to feature another section of courses on the page? Click the plus sign (+) near the main section label of existing Course Index section and repeat the steps above.

Tip: By using filters you may create multiple Course Index sections on a page and feature a different group of courses for each.

Control to add a new section.

Additional Content Area (optional)

Include a standard content area at the bottom of the bio to enhance the page with any of the content types (WYSIWYG, grid, slideshow, wide). Click the plus sign (+) to add another content area.

Additional content area (optional)

Additional content area in the page edit interface.

Save & Preview button
Done? Preview Draft or ⋮ Submit.
Learn about the save options.