Skip to Content

CT - Landing Page Banner

Example



Specific Guidance

The Banner content type is used to give pages a strong visual impression and is primarily designed for use on key landing pages and top level sections of your website. When using the banner, please ensure that it is used only once and located at the top of your webpage.

This content type can also be used on lower level pages of your website, however this is not a requirement. It is recommended that your content is structured using the other available content types, and that a banner is not used if it provides no added value to the content of the page. 

Important: The 'Body Text' field to overlay information on the banner has now been removed.

General Guidance

  • Organise Content Blocks: Avoid condensing all information into a single content block. If your content includes multiple data types, structure it into separate blocks for easier maintenance and future edits.
  • Use Headings Properly: Headings should be used to group content and establish hierarchy, not for styling. Proper heading usage improves both accessibility and readability.
  • Internal and External Links: When linking within your website, use Section Links and Content Links, as the Web CMS automatically updates these if content is reorganised. For external links, always use the full URL of the destination website or resource.
  • Third-Party Content and Custom Code: Do not embed unapproved third-party content or add custom code without consulting our team via the IT Service Desk.

Visit our section How to Write for the Web for some guidance on creating and maintaining content on your website.

Images and Documents

All assets for use on our website must be properly prepared before they are added to the Media Library.

  • Copyright Compliance: Ensure all assets are sourced responsibly. If using third-party assets, obtain the necessary permissions before uploading to avoid copyright infringements.
  • Accessibility: Documents must be fully accessible before being added to the Media Library for website use.
  • Optimising Assets: Images must match the required dimensions (Width x Height) for use with Content Types. These requirements are provided in field descriptions and form guidance. Document file size must be optimised for upload to the Media Library and for use on the web. The maximum file size for upload to the Media Library is 5MB (megabytes).
  • Filename Convention: Users must ensure that assets are named correctly before they are uploaded to the Media Library. Assets must only contain lowercase letters (a to z), numerals 0-9) and hyphens (-). Avoid spaces, special characters, or uppercase letters.

Visit our Media Library information section for more guidance and resources.

Accessibility Guidance

Please use the following guidance to help make sure your content adheres to accessibility regulations:

  • Do not create images with embedded text.
  • Do not add image Alt Text / Description to your image if it is decorative.
  • Do not use generic link text such as 'Click Here' and 'Read More'.
  • Do not add HTML elements such as span, div, h1 or CSS to any of the fields to change the structure or styling of the Content Type. It will be removed by our team.
  • Ensure that you have added a descriptive title attribute to any third party embeds on your website such as video embeds for Panopto and YouTube.

Visit our Accessible Content Guidance for more information on how to make sure your website content is accessible.

Form Field Guidance

Name: CT - Landing Page Banner

Description: Add an introduction to your webpage with an image, featuring overlay options for headings and an optional link.

Field NameField DescriptionSizeTypeRequired
NameEnter a descriptive and easily identifiable name for your content block, such as "Study and Career Block 1."80 Charactersplain textYes
Optional Image WidthFull width by default. Select 'No' to constrain the image within the body content.10 CharactersRadio ButtonNo
Choose an ImageClick 'Select media' to choose an image from the Media Library or upload a new one. The required image size for this content type is 1600 x 575 pixels (width x height).2048 KilobytesMediaYes
Primary Banner TextDark text in a light container overlaid on the banner image, used as an introduction to clearly indicate the purpose of the page or section.65 Charactersplain textNo
Secondary Banner TextLight text in a dark container overlaid on the banner image and appears below the Primary Banner Text.70 Charactersplain textNo
Add an Internal Link or External LinkSelect an option below to add an internal or external link to a Call To Action (CTA) button, then complete the associated fields.2048 CharactersRadio ButtonNo
Internal Link for CTA ButtonAdd a link to another section or piece of content on your website within Terminalfour. Uncheck the "Use default link text" box to enter custom link text.2048 CharactersSection/Content LinkNo
External Link URL for CTA ButtonEnter the full URL, including the protocol (e.g., https://www.qub.ac.uk), when linking to an external website.512 Charactersplain textNo
External Link Text for CTA ButtonAdd the link text you want to appear in the CTA button.200 Charactersplain textNo