Create an album

Use this guide to learn how to add an album to your school's website.

Step 1: Navigate to Home

Log in to Adobe Experience Manager and select Sites.
Your school's home page will already be selected.

Step 2: Create a new album

Select Create in the top right hand corner.
The Create drop-down menu will display.
Select Album.

Step 3: Enter the album title

Enter the Title of your album For example: Road safety education.
Do not fill out any of the other fields.
Select Create.

Step 4: Open your album page

A success message will appear once the album is created.
Select Open to edit the album.
If you select Done you will need to edit your album later.

Step 5: Edit your album

Select Edit in the top right of the page. This button is next to Preview.
Select the date to activate the album component.
Select the spanner icon to edit your album page. This is the Configure button.

Step 6: Select a date for your album

Select the date for your album. This will affect the order it appears on the gallery page.
If you set the date to a day in the future the album will be hidden from navigation and the homepage until the selected date occurs.

Step 7: Write a description for your album

Select Album description tab.
Enter a description for your album. For example: Road safety education is very important at our school and learning about it is fun too.
This description uses the rich text editor. Go to our Rich text editor guide to learn how to edit your text.

Step 8: Add images to your album

For adding images to your album you have two options;

Option 1 - Image from local

Select Image from local tab.
Select Add to insert more images.
Please note: We recommend placing not more than a 100 photos in an album as best practice.
Select your image: You may either Drag and drop your image or upload from your computer. Please note the Maximum file upload size is 15MB.
Enter the alternative text for your image into the Image Caption field. Go to image guidelines for help with this.
Select the Add button to insert more images. You will need to add alt text for each individual image.
Select the bin icon to remove an image.
Select the arrows and line icon on the far right to move your images. You can drop and drag your images to reorder them.
The image at the top of the list becomes the thumbnail image for the album on the gallery page and the homepage image gallery component.
Select the tick on the top right of the pop-up to save the settings.
Please note: It takes atleast a minute for images to appear or disappear from the album.

Option 2 - Image from dam

Select Image from DAM tab.
Select Add to insert more images. Select Automatically add a caption to all images now if you want to add a caption quickly to all of your images.
Please note: We recommend placing not more than a 100 photos in an album as best practice. If you are using automatic captions, we recommend not adding more than 30 images at a time.

In the Image path field, select the tick icon to navigate through your assets to your school's album folder where you have previously saved your images.

Once you have found your image, select the icon to the left of the image name. The tick will appear and your selection will turn blue. You may also choose to select more than one image.
Please note: You will need to select the images inside the folder. In case, if you select the folder your gallery will not show the images.
Select the Select button in the top right.

Enter the alternative text for your image into the Image Caption field. See the Image guidelines for more information on alt text.
NEW: Alternatively, select Automatically add a caption to all images and then type in the caption in the field below the check box. This caption will be applied to all images already listed in the component.
Select the Add button to insert more images. You will need to add alt text for each individual image. If you have chosen to automatically add a caption to all images, then these new images will also get that caption.
Select the bin icon to remove an image.
Select the arrows and line icon on the far right to move your images. You can drop and drag your images to reorder them.
The image at the top of the list becomes the thumbnail image for the album on the gallery page and the homepage image gallery component.
Select the tick on the top right of the pop-up to save the settings.

Your album is now ready to be published.

Step 9: Publish the album

For changes to be updated on your live school website you will need to publish the page and the year and month folders.
Select the slider icon in the top left corner. This is the Page Information button.
Select Publish Page from the drop-down.
If you don't see Publish Page you are an Author and will need to select Start Workflow instead. Go to our Author publish a page for more information.

Published album

Example of a published album page:

Select any image to open the carousel.

Example of a published album page with carousel open:

Select the X in the top right of the image or the Back to album link in the bottom of the screen to close the image.
Select the left or right arrow to browse your images or use your arrow keys on the keyboard.
You can see the number of images in the album in the top left of the screen.
The image caption is displayed in the bottom of the screen above the Back to album link.

Example of the updated image gallery component on your homepage:

Example of the gallery page showing all available albums:

You may also find useful

School website service training and support

Update