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 a 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. Provide a Name
    2. Provide a Title - normally indicates the destination of the link
    3. 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
    4. 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
  5. Repeat Step 4 for Items 2 and 3
  6. Click on Save changes to put your content on Pending
    Save Changes button
    Or else,
    Click on the small white arrow beside Save changes and choose Save and approve to Approve your content
    Save Changes dropdown with Save and Approve highlighted

Accessibility considerations

The 'Three Roundel Promos' content type has H3 headings, if you do not have H2 above it you should Add a Content (Rich Text) and add some introductory information (Accessibility requirement).

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