School website service training and support logo

School website service training and support

School website service training and support

Image gallery

Use this guide to add and edit the Image gallery component.

Features

The Image gallery component displays the latest albums from your website automatically.

The component:

  • displays up to 5 albums
  • automatically updates when a new album is created
  • links to a page displaying all your albums when you select Go to all image galleries
  • can only be used on the homepage and inside the column control on this page.

Example Image gallery:

Before you start

To adjust the images that appear you will need to adjust each individual album. Go to our Albums guide to learn how to edit your albums. 

Step 1: Add image gallery component

  • Select Drag components here.
  • Select the plus icon.

  • Select Image gallery from the Insert New Component list.

Step 2: Edit the image gallery component – optional

  • Select the Image gallery component.
  • Select the spanner icon to adjust the image gallery component. This is the Configure button. 

Step 3: Edit the image gallery properties – optional

Heading

  • Enter a Heading. This appears as the title in the top left of the component. For example: Image gallery.

Link Label

  • Enter a Link Label
  • The Link Label describes the link location. It appears below the heading in the top left of the component. For example: Go to all image galleries. 

Link Destination

  • In the Link Destination field, select the tick icon to navigate through your website pages to find the page you want your button to link to when selected. For example: the Gallery page.
  • Once you have found your page, select the icon to the left of the page name. The tick will appear and your selection will turn blue.
  • Select the Select button in the top right. 
  • The link appears in the Link Destination field.

Publish your changes

  • For changes to be updated on your live school website you will need to publish the page


 You may also find useful: