Header Blocks

All pages (except the home page) are required to start with a header. Your site should choose one of these styles as your default and reserve the other two styles for specific purposes. Most commonly your default will be the "Page Title" header. And then, you may choose to introduce each main section of your site using a page with an "Image Carousel". This works well because it allows you to include an assortment of interesting images on a page that may largely consist of an introduction plus navigation to the pages in that section.

The simplest header option is the "Page Title" header. This creates a header and automatically populates it with the page title and breadcrumbs to the page. This should probably be your default header unless you have some large images you can use for the "Image Carousel" header described below.

The "No Image" is a slightly taller header block. It automatically displays the page title followed by the text you enter in the no image header's description field. Both the title and description fields are centered.

NOTE: this header does not automatically add breadcrumb navigation within the header. So unless there is a very good reason not to provide breadcrumbs, your body field should probably start with a "Breadcrumbs" block.

If you have a handful of interesting, large images, the "Image Carousel" header may be good choice. There are two options for the Image Carousel. For really dramatic images, use the "Full Width Images" style. But for many sites, "Small Images (caption on the left)" may be a better choice.

In both cases, you can either display one title + caption with all of the images OR you can display individual titles and captions for each image by checking the "Show image details" checkbox.

The default for the large image carousel is to show the images at 1600px by 900px. That takes up most of the page on a desktop computer. If you do not want to use that much page real estate, you may adjust the height of the images to something between 500px and 900px.

NOTE: this header style does not automatically add breadcrumb navigation, so you should probably make that one of the first blocks in your body content.

Many of our department sites use the "Small Images" version of the Image Carousel Header. This version puts the images on the right half of the header and uses the left half of the header to show the page title and breadcrumbs navigation.

If you are displaying the page title and page caption, you may also add a link displayed in a white box by filling in the "Caption Link" section of the form.

If you are using the per image title and caption (by checking "Show image details"), you may link each image to a page, document, or url.