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 (below the full-width banner area).

Example Image gallery:

Step 1: Add the image gallery component

Select Drag components here.
Select the plus icon.

Select Image gallery from the Insert New Component list.

Step 2 - optional: Edit the image gallery component

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

Step 3 - optional: Edit the image gallery properties

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.

Display of album images

To customise the images that appear in the image gallery component, you'll need to adjust each album individually. For the best presentation, we recommend selecting a landscape-oriented image as the first image displayed for each album. Learn how to manage your Albums.

Step 4: Publish your changes

For changes to be updated on your live homepage you will need to publish the page.

You may also find useful:

School website service training and support