Banners

Owned by Mitch Blomert
Oct 12, 2023
3 min read

A page’s banner can be customized with an image that sits above the page title and extends the width of the page content. A page does not have to possess a banner image, but can be added as an extra visual element for the page.

Banner images on Terry pages are displayed with a resolution of 960x240. Your image does not need to be this exact size, however it is recommended to use this size or a size that matches its aspect ratio of 4:1. The file size must be under 4 MB. You have the option to crop the image before assigning it to the page.

To upload a banner image, follow these steps:

  1. While on the editor page, open the Sidebar fields + Banner image section to display the sidebar and banner options, including a Banner (media) photo uploader.

     

  2. Click Add media. The Add or select media window is displayed.

     

  3. Click Choose File. Your computer’s file browser is displayed.

  4. Select the file you want to use as a banner. A series of new options are displayed after it is selected.

     

  5. Complete the photo configuration.

    • In the Alternative text field, enter a short description of what is depicted in the image. This assists with accessibility when a screen reader is used on the page.

    • Open the Crop Image to use the cropping tool. If your photo resolution does not have a 4:1 aspect ratio, this tool allows you to crop it to meet the 4:1 requirement. To do this, click Crop 4:1 banner. The blue box over the image indicates the portion of the image that will be displayed in the banner. You can move this box around to position it in the desired location.

    • Open the Crop Image to use the cropping tool. If your photo resolution does not have a 4:1 aspect ratio, this tool allows you to crop it to meet the 4:1 requirement. To do this, click Crop 4:1 banner. The blue box over the image indicates the portion of the image that will be displayed in the banner. You can move this box around to position it in the desired location.

       

    • Enter the desired filename for the image in the Name field. By default, the image maintains the filename it possessed before uploading.

    • (Optional) Under Image type, select the image type. For banners, this setting is typically set to General Photography.

    • (Optional) Under Use, select how the image will be used on the site. For basic Terry pages, select General.

    • (Optional) Under Unit, select the department in which the current page is affiliated.

  6. Click Save and Select. The Add or select media page is displayed, now with the banner image you uploaded.

     

  7. Click Insert selected. The editor page is displayed, now with the selected banner image. When the page is saved, the banner will appear at the top of the page.