School website service training and support logo

School website service training and support

School website service training and support

Telephone-

Email-

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: