How to add a Home page banner

Site managers can create a Home page banner with optional caption and link. There can be multiple static banners that change every time the page is refreshed or they can be displayed as a slideshow.

Banners should be optimized before uploading and sized to 1000 pixels wide.

Note: Banners should all be of equal height. Avoid images containing text on banners; if absolutely necessary, centre the text and use a colour contrast checker to ensure it meets accessibility requirements.

See notes on other site templates.

Create a Home page banner

  1. From the Administration bar, select My Workbench.
    My Workbench link in the administration bar.
  2. Click on Create/Manage Content tab.
    Create/Manage content tab.
  3. Click on the Home page banner link.
    Home page banner content type link.
  4. Click on the Add a Home page banner link.
    Add a Home page banner button.
  5. Enter a banner Title (hidden to visitors).
    Banner title field.
  6. Upload a banner image.
    Banner photo upload field.
  7. Add descriptive Alternative text for the image.
    Alternative text field.
  8. Add an optional Link title (link text).
    Link/URL Title field.
  9. Add URL for thebBanner and link text to link to (optional).
    URL field.
  10. Add Caption text (optional). Keep captions as short as possible – they wrap to multiple lines on mobile.
    Caption field.
  11. Save.

Note: Home page banners are set to publish by default.

Enabling banner slideshow (recommended)

You can enable banner slideshow, which will automatically cycle through all of your existing banners, as opposed to having several static banners that change when the page is refreshed. 
Note: Banners should all be of equal height.

  1. Click Dashboard from the Administration bar.
    Dashboard tab in the administration bar.
  2. Click Home page banner settings from the Site management menu.
    Homepage banner settings under Site management menu.
  3. Check Enable banner slideshows in place of normal banners.
    Enable slideshow home page banners.
  4. Click on Save Configuration.
    Save configuration button

Home page banner settings

The defaults will be set to:

  • Slideshow banners = a maximum of 8
  • Slide speed = 7000 ms (increase if a lot of text is present to allow more time for user to read)
  • Transition speed = 400 ms
  • Autoplay = on (checked)

Each of these settings can be changed as desired.

Other site templates