Accessibility links

Breaking News

Creating a Photo gallery


What's inside this article:

Basic information

A Photo gallery lets you bring together and display a collection of striking or compelling images that may be tied to a particular region, topic, or event.

To create a new Photo gallery in Pangea CMS, go to New > Multimedia > Photo gallery.

Add the page title and URL slug

Add the title for the Photo gallery via General > Title.

The title will visible at the top of the Photo gallery page, and will also be applied as the page meta title. For detailed information about the purpose of the meta title, see the following article:

After you enter the title, it is recommended to create a URL Slug that is added to the URL for the page. For detailed information, see the following article:

Add images

You can add either of the following image types to a Photo gallery:

  • Internal images: Images that have already been uploaded to Pangea CMS.
  • External images: Images from the following external agencies:
    • AFP (Agence France-Presse)
    • AP (Associated Press)
    • Reuters

Internal images

NOTE: The instructions below assume that the images you want to use in the Photo gallery are already uploaded to Pangea CMS. To learn how to upload new images, see the following article:

To add internal images to a Photo gallery:

  1. Hit Select content on the Images screen.
  2. Ensure Internal is selected.
  3. Adjust the search filters in the left panel according to your preferences, then hit Search.
  4. Select + Attach (the plus icon) next to each image you want to add.
  5. Check the images under Attached items. The following options are available:
    • Remove an image: Select Remove (the trash icon) to remove an image from the Photo gallery.
    • Reorder images: Drag and drop any box to change the position of the image in the Photo gallery.
  6. Hit Save to confirm your choice and return to the Images screen.

The attached images are visible on the Images screen. It is important to create a caption for each image.

External images

The steps for adding external images are very similar to those for internal images. However, you need to select External on the Attach dialog.

After you hit + Attach to add an external image, the Image upload dialog appears. Wait while the image is uploaded. This process normally takes a few seconds. However, it might take longer, depending on the speed of your network.

NOTE: After you upload an external image to Pangea CMS, the image is saved and available for future use as an internal image.

Create an image caption

It is important to create a caption for each image in the Photo gallery. The caption provides context for the image and explains its relevance on the page. It is visible directly below the image on the public site and is also applied as the ALT text for the image.

Enter the image caption in the Caption box. The image's English Title is filled by default. However, it is important to create a custom caption in your local language that fits the current page.

The following information is available to help you formulate the caption:

  • (A): Metadata: The metadata for each image.
  • (B): Description: The internal image description.

If necessary, hit Restore to default to revert the caption back to its default value (the image's English Title).

Crop an image

To crop an image, select the Crop the image icon. During cropping, the optimal aspect ratio is automatically maintained to ensure the image is properly displayed on the public site.

Add a sensitive content warning

Tick the box next to Contains sensitive content if the image is potentially upsetting or offensive. Visitors see a warning before viewing the image and must manually hit Click to reveal.

Choose the Website teaser image

The first image in the Photo gallery is automatically added in the Website teaser settings as the horizontal and vertical image.

The Website teaser images for a content page are visible by default when the page is previewed on the public site, for example:

Select 1 in the drop-down menu to set an image as the first image.

Hit Website teaser in the left panel if you want to crop the Website teaser images, or manually select different Website teaser images.

NOTE: It is important to optimize the horizontal Website teaser image. The vertical Wesbite teaser image is less important, as only a small number of widgets support vertical images.

Add the Photo gallery to a Category

Categories (previously Zones) organize content pages on your website by topic. For example, your website might have a Politics Category for all content relating to politics. You cannot save the Photo gallery until it is added to at least one Category.

Add the Photo gallery to a Category via General > Categories.

Detailed information about adding a content page to a Category is available in the following article:

Save and publish the Photo gallery

Before saving the Photo gallery, select your preferred option in the Status drop-down menu:

  • Draft: The Photo gallery will be assigned the Draft status after you save it. It will be available for further editing in CMS, but it will not be visible on the public site.
  • Edited: The Photo gallery will be assigned the Edited status after you save it. It will be available for further editing in CMS, but it will not be visible on the public site.
  • Published: The Photo gallery will be assigned the Published status after you save it. It will be visible on the public site, and it will also be available for further editing in CMS.

Hit Save or Save & close to confirm and apply your preferences.

NOTE: If preferred, you can schedule publication for a specific date and time in the future. For detailed instructions, see the following article:

Learn more

This article describes just the most important settings for creating and publishing a Photo gallery. The following articles might also be helpful:

Pangea CMS Guide

Need help?