What's inside this article:
- About Website teaser settings
- Add Website teaser settings
- About individual settings
- Automatic Website teaser images
- Update Website teaser settings while you edit a widget
- Further recommendations
About Website teaser settings
What are Website teaser settings?
Website teaser settings are available when you create or edit a content item. You can add the following Website teaser settings for any content item:
- Title
- Horizontal image
- Vertical image
- Introduction
- Label
- Loop video
Website teaser settings are visible whenever a preview for the item is displayed on the public site. This includes on widgets, but also in search results and on Category archive pages. For information about where Website teaser settings are visible, go to the following section:
Where are Website teaser settings visible?
Website teaser settings are visible when a content item is previewed on the public site. This includes:
- On the following widgets:
- Content widgets
- Breaking news widgets
- Live blog widgets
- Multimedia widgets
- Related content widgets
- Slide-in widgets
- Trends widgets
- On Category archive pages that use the List with thumbnails layout
- On Multimedia archive pages
- In See Also links embedded on content pages
- In the search results on the public site (applies for the Horizontal image only)
What if a content item doesn't have Website teaser settings?
If a content item does not have Website teaser settings, the website preview is generated from the General settings for the content item.
What is the difference between 'Website teaser' and 'Widget teaser' settings?
Website teaser settings are set at content level and are visible everywhere on the public site where the item is previewed. This includes on widgets, but also in search results and on Category archive pages. Widget teaser settings are set at widget level and are visible on the current widget only.
The purpose of Widget teaser settings is to replace the Website teaser settings on one specific widget.
Learn more about Widget teaser settings in the article below:
Add Website teaser settings
To add Website teaser settings via the edit screen for a content page:
- Use the Pangea CMS Search tool to find the item you want to edit. Hit the title for the relevant item in the search results.
- Select Website teaser in the left panel.
- Add or adjust the Website teaser settings according to your preferences. For detailed information about the available options, go to the following section:
- Hit Save or Save & close to confirm and apply your preferences.
About individual settings
You can add the following elements as Website teaser settings:
Title
Add a Title that is always displayed in the website preview for the content item.
Introduction
Enter an Introduction that might be visible as follows:
- On certain widgets
- Category archive pages (when the List with thumbnails layout is enabled)
- On SERPs (Search Engine Results Pages)
An introduction is displayed on widgets if Display introduction is enabled in the widget Layout settings.
Label
Enter a Label that might be displayed when the item is promoted on widgets. Labels are commonly topics (such as Politics or Sport) and can help categorize the items on a widget.
A label is displayed on widgets if Label is selected under Display Category/Date/Label in the widget Layout settings.
Horizontal image
Add a Horizontal image that might be visible as follows:
- Widget layouts that use horizontal images
- Search results on the public site
- Category archive pages (when the List with thumbnails layout is enabled)
- Multimedia archive pages
The following additional options are available:
- Horizontal image caption: Set the ALT text for the image. ALT text serves the following purposes:
- Read aloud by screenreaders for visually impaired visitors
- Displayed if the image fails to load on the public site
- Visible to search engines and helps index the image
- Horizontal image description: Review the internal image description that is only visible in Pangea CMS (might be helpful for editing the image caption).
Vertical image
Add a Vertical image that might be displayed when the item is promoted on a Content widget. Vertical images are only used for the following Content widget layouts:
- Top story package with vertical carousel on mobile
- Vertical image
- Media slider vertical
The following additional options are available:
- Vertical image caption: Set the ALT text for the image. ALT text serves the following purposes:
- Read aloud by screenreaders for visually impaired visitors
- Displayed if the image fails to load on the public site
- Visible to search engines and helps index the image
- Vertical image description: Review the internal image description that is only visible in Pangea CMS (might be helpful for editing the image caption).
Loop video
Add a Loop video that might be displayed instead of an image when the item is promoted on a Content widget.
Loop videos are only supported for the following Content widget layouts:
- Big image + thumbnails
- Big images
- Top story
- Top story package
A Loop video is displayed on Content widgets if Display Loop video is enabled in the widget Layout settings.
Automatic Website teaser images
When you attach a Main image to a content page, Pangea CMS normally applies the image as both the Horizontal image and Vertical image in the Website teaser settings. More information about this process is available here:
Update Website teaser settings while you edit a widget
If Manual or Semi-auto mode is enabled for a widget, you can update the Website teaser settings for any listed item while you edit the widget. This applies for the following widgets:
For detailed information, see the following article:
Further recommendations
The following articles might be helpful:
