The Gallery content type is a way of displaying images in a uniform manner. A Gallery can be added to the main Content area of your website, or to the Content Below Main section.
There are a number of steps you must follow to ensure that the gallery displays optimally.
Creating a gallery using images uploaded to the CMS
- Decide if thumbnails will be all horizontal or all vertical.
- Create a folder for your images in the folder that houses the page where you will add this Gallery.
Note: Where you add this folder is important, as adding it to the correct place ensures the images will show up correctly.
- Upload a full size image and thumbnail image for each photo to that folder.
- Thumbnails should all be the same size (Horizontal: 480 x 320; Vertical: 300 x 400).
- When clicked, full size images will display at full size, so you can use a large image (maximum width: 1920 px, maximum height: 1080 px). Images do not all need to be the same size.
- Go to New > Gallery Folder to create a Gallery folder that will house the Gallery blocks. This folder comes pre-populated with four media blocks. You can update these blocks, delete those you don’t need, or add new ones.
- Update block:
- Click the block name and click Edit.
- Determine if this will be an Image or a Video. You can have both images and videos in the same Gallery.
- Select the Full Size Image.
- Select the Thumbnail Image.
- Enter the Alt Text describing the image.
- Optional: Enter the Photo Caption and Photo Credit.
- Click Submit.
- Delete Gallery block: Delete as you would delete other content. You can also move the Gallery block to a different folder and it will no longer show up in that Gallery.
- Add new blocks.
- Add full size and thumbnail image to images folder.
- Click your Gallery folder.
- Click New > Image or Video for Gallery.
- Update block follow the steps lined out in a. above.
- Reorder images
Click the Gallery folder in the navigation panel.
The contents of the folder should display in the main panel. Click on the Order heading to list the assets in the order in which they appear.
You should now be able to drag and drop the assets into the order you want them by placing your cursor to the right of the asset name. You may also use the arrows under Actions to move your asset.
- Update block:
Adding the gallery to a page
- In the CMS, find the page where you want to display the Gallery. Click Edit.
- In the Content editor, select the Gallery radio button and expand Content > Gallery.
- In the Pull Images From field, select CMS folder.
- If you are pulling in images from a CMS folder, click the Browse button to choose a Gallery block. You only need to choose one Gallery block from the larger Gallery folder. Selecting that one block tells the CMS you want to put that entire Gallery on the website.
- Enter a heading for your Gallery.
- Select the maximum number of images/video to display.
Best Practice: If you are using the Gallery content type in the Content Below Main, it is best to display only four images. If you chose to display more than four, they will be displayed in rows of four. You can add a button to a page with the full Gallery if desired (see below).
- If you want to add a button directing users to another page, click the Add Button? checkbox, and add required information (Button Text, and Link).
- Click Submit.
- For your Gallery to display correctly on your page, you will need to publish: