Image/Video Gallery

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.

(See a sample of a Gallery in the main Content area below, and below that, a Gallery in the Content Below Main section.)

There are a number of steps you must follow to ensure that the gallery displays optimally. You can either add images to the CMS or use Flickr to create your Gallery.

Creating a gallery using images uploaded to the CMS

  1. Decide if thumbnails will be all horizontal or all vertical.
  2. 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.

  1. Upload a full size image and thumbnail image for each photo to that folder.
    1. Thumbnails should all be the same size (Horizontal: 480 x 320; Vertical: 300 x 400).
    2. 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.
  1. 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.
    1. Update block:
      1. Click the block name and click Edit.
      2. Determine if this will be an Image or a Video. You can have both images and videos in the same Gallery.
      3. Select the Full Size Image.
      4. Select the Thumbnail Image.
      5. Enter the Alt Text describing the image.
      6. Optional: Enter the Photo Caption and Photo Credit.
      7. Click Submit.
    2. 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.
    3. Add new blocks.
      1. Add full size and thumbnail image to images folder.
      2. Click your Gallery folder.
      3. Click New > Image or Video for Gallery.
      4. Update block follow the steps lined out in a. above.
    4. Reorder images
      1. Click the Gallery folder in the navigation panel.

      2. 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.

      3. 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.

Using a Flickr account to create a gallery

To add your Flickr account to your page, you need to create an RSS Block containing your Flickr Feed. To gain access to the RSS block, contact cmshelp@brandeis.edu

  1. Go to New > RSS Block.
  2. Enter the system name for the block.
  3. Enter the Feed URL.
  4. Click Submit.

Adding the gallery to a page

  1. In the CMS, find the page where you want to display the Gallery. Click Edit.
  2. In the Content editor, select the Gallery radio button and expand Content > Gallery.

In the Content editor, select the Gallery radio button.

  1. Select whether you want to pull images from a CMS folder or Flickr.
  2. 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.

Select one Gallery block from your Gallery folder in order for your Gallery to show up on the page

If you are pulling in images from Flickr, click the Browse button and find the RSS Block you created.

  1. Enter a heading for your Gallery.
  2. 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 4 images. You can add a button to a page with the full Gallery if desired (see below).

  1. 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).
  2. Click Submit.
  3. For your Gallery to display correctly on your page, you will need to publish:
    1. The folder where you added the images, or the RSS Block you created for Flickr.
    2. The Gallery folder (if you created a Gallery using the CMS only, not Flickr).
    3. The page where you added the Gallery.

Sample Photo/Video Gallery

Brandeis Baseball Players

Photo caption

Photo Credit: Photo credit