Image

Use this guide to add and edit an image.

Features

The component:

displays a single image
allows you to add a heading to the image
allows you to add a caption below the image
turns the image into a button by adding a URL
can be used on the homepage, content page, news articles, events, the contact page and inside the column control on these pages.

It is important that you follow the Image guidelines when you add images to your website.

Remember, you need to upload the image to Assets before you can add it to an image component. Go to our Upload an image to assets guide.

Navigate to the page where you want to add an image and you are ready to begin.

Select the Image component.
Select the spanner icon to add your image to the page. This is the Configure button.

In the Image component you have the following fields;
- Heading: You may place a heading for your image.
- Select your image: You may either Drag and drop your image or upload from your computer or search your image through Assets. Please note the Maximum file upload size is 15MB.
- Alternative text for screen readers: You will need to provide an alternative text for accessibility purposes. Go to image guidelines for help with this.
- Caption: You may place a caption for the image.
- Add a link to this image (URL): You may link an external or internal URL to the image. When you select 'Open in a new window' tickbox it will allow the URL to open on a new page. Learn how to add a link to an image.
Once you have populated all the required fields select the tick on the top right of the pop-up to save the image component.

Example of an image on a web page:

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

You may also find useful: