Home ▻ T4 Training▻Training▻Training Examples▻Three Roundel Promos

Three Roundel Promos

Content (Rich Text) provides a Heading 2 to comply with Accessibility (if required)

The Three Roundel Promos content type typically is used on a landing page or home page of your site. We recommend that the images used are bright and colourful, with a central focus. Your three images should be square in size - recommended size is 400 x 400 (minimum 200 x 200). Each Roundel provides a link to another webpage that can be a section link or an external link.

You need to fully comply with copyright law. Ensure that you have the right to use any images you upload or insert onto your webpage. Further information is available on our Images FAQ page - Where can I find Images to use on my website.

Tip: Make sure the filename of your image does not contain any spaces, the file name has at least 3 characters (before the dot) and does not contain any characters that are reserved for web addresses ( ! * ' ( ) ; : @ & = + $ , / ? % # [ ] ).

Countdown

Countdown

Content Block

Content Block

3D Content Panel

3D Content Panel

How do I create Three Roundel Promos?

  1. Go to the section where you want to place the 'Three Roundel Promos'.  Recommended use is on the Landing or Home page of your site. This content type will always feature 3 items.
  2. Click on +Add Content.
     Add Content button to add content to section h27
  3. Choose the Three Roundel Promos Content type.
  4. Fill in the details:
    Three Roundel Promos Item 1
    1. Fill in the Name - This will appear in the section's content list only.
    2. For the first Roundel (Item 1):
      1. Provide a Title - normally indicates the destination of the link.
      2. Click on the Image field to choose an image from your computer.  Images should be 400 x 400px (for retina displays), and no less than 200 x 200px.
      3. Add the destination link by either:
        1. Clicking on Add section link (if linking to a page on the University website) and selecting a section from the popup site structure.
          Or
        2. Inserting an External link in the field Item1: External Link URL to link to an external website
    3. Repeat Step ii for the other two roundels (Items 2 and 3).
  5. Click on Save changes to save your content without publishing it (changing its status to 'Pending').
    Save Changes button
    Or else,
    Click on the small white arrow beside Save changes and choose Save and approve to Approve your content for publication.
    Save Changes dropdown with Save and Approve highlighted

Accessibility considerations

The 'Three Roundel Promos' Content Type (CT) has H3 headings.  If a H2 does not appear above it, on the webpage, you need to add one to meet your legal accessibility obligations. (Read more about accessibility requirements)
The easiest way to do this is to add a 'Rich Text' CT, specifying a heading, to create the missing H2, and also adding some short introductory text.  After saving and approving it, remember to drag the new 'Rich Text' CT up the content list, so that it is listed above your 'Three roundel Promos'.

To check your heading order, go to our bookmarklet page and drag the Show Headlines into your Bookmark bar. This enables you to visit any webpage (or preview it in T4) and then click on 'Show Headlines' (in your bookmarks bar) to easily see that page's hierarchy of headings.