Skip to Content

CT - Content Block with Background

Graduate school interior, first floor
CONTENT TYPES IN THE CMS
Find out more about how content types should be used to create content

Before creating a web page, it is important to consider the content that it will display and the best content types that should be used to create a simple and clear layout. Our content type guidance and examples will help you with this.

Content Type Guidance

Specific Guidance

The CT - Content Block with Background content type is versatile and can be used to accommodate different content requirements.  For example, it can be used as directional content to highlight information that you want users to be aware of and easily access from key pages on your website.  By default, the text is aligned to the left and the image is aligned to the right. The default background colour is red. You can choose a different background colour from the options provided and choose to align the image to the left.

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 - Content Block with Background

Description: One column includes options for a heading, lead text, subtext, and a link, while the other requires an image. Offers flexible background color and column order options.

Field NameField DescriptionSizeTypeRequired
NameThis the name of your content block, and is for your reference only.80 Charactersplain texttrue
HeadingThe red heading to signify the content theme or area. Headings show clearly what the page is about, improving usability, and are a key factor for search engines, so include keywords.39 Charactersplain texttrue
Introductory TextDevise an interesting subheading that clearly describes the content, that includes at least one keyword to improve visibility on search engines. This copy should be succinct, engaging and actionable.80 Charactersplain texttrue
Sub TextSupplementary copy for the content block. Ensure it is descriptive and concise.1500 Charactersplain textfalse
ImageResize and crop the image to suit before upload. Image size is 800 x 533px. Always use keyword optimised image alt text with keyword term.2048 KilobytesMediatrue
CHOOSE Section Link OR Web Address OR None2048 CharactersRadio Buttonfalse
Section Link for ButtonIt's not accessible to repeat the same link text on a web page. Ensure link text is relevant to the content its linking to.2048 CharactersSection/Content Linkfalse
Web Address for Button500 Charactersplain textfalse
Text for Web Address Button100 Charactersplain textfalse
Background Colour2048 CharactersSelect Boxfalse
Image AlignmentAlign image to the RIGHT (default) or LEFT2048 CharactersRadio Buttonfalse