Accessibility links

Breaking News

Adding a Main image to a content page

update

What's inside this article:


Basic information

This article explains how to add an image as the Main image for a text content page (such as an Article).

By default, the Main image for an Article is displayed as follows:

  • At the top of the published Article.
  • In the website teaser when the Article is promoted on the public site.
  • In the social media teaser when the Article is shared via social media.



Avoid unwanted cropping

Main images on Article pages are automatically cropped to fit the 16:9 aspect ratio.

If your site creates custom Main images, avoid unwanted cropping by creating images in a size that fits the 16:9 frame. For detailed information, see the following article:



Upload an image

If your chosen Main image is saved locally on your device, you first need to manually upload it to Pangea CMS. For instructions, see the following article:



Select a Main image

You can add the following types of images as a Main image:

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

Add the Main image via Editor > Select content.

Follow the relevant step below to search for different images:

  • Select Image > Internal to search for an internal image.
  • Select Image > External to search for an external image.

For detailed information about running an image search in Pangea CMS, see the following article:



Crop the Main image

If necessary, select the Crop the image icon to crop the Main image.

Main images on Article pages are automatically cropped to fit the 16:9 aspect ratio. You can change which section of the image is visible, but you cannot change the aspect ratio. For details, see the following article:



Add the Main image caption

The caption is displayed directly below the Main image on the public site. An effective caption provides context for the image and explains its relevance on the page.

Use either method below to add a caption for a Main image:

  • Enter the caption directly below the Main image via Editor.
  • Enter the caption via General > Main image caption.

The Main image description is provided as a source of inspiration to help editors formulate the caption. This description is not displayed on the public site.

You can also hit the Image detail button to view additional image metadata.



Add the Main image alt text

Provide custom alt text for the Main image via General > Main image alt text.

If you don't provide custom alt text, the Main image caption is applied as the alt text.



Customize the website teaser

By default, the Main image is displayed in the website teaser when the article is promoted on the public site.

If desired, you can add a custom image to replace the Main image in the website teaser. For details, see the following article:



Customize the social media teaser

By default, the Main image is displayed in the social media teaser when the Article is shared via social media.

If desired, you can add a custom image to replace the Main image in the social media teaser. For details, see the following article:


Pangea CMS Guide

Need help?

XS
SM
MD
LG