Accessibility links

Breaking News

Creating a Content widget


Content widgets are the most commonly used widgets in Pangea CMS. A Content widget typically includes previews for a collection of content items from your website.

What's inside this article:



Create a Content widget

  1. Click Sections > Sections in the top menu.
  2. Select the Section where you want to add the Content widget.
  3. Under Widgets in the left panel, you see a list of the available widget types. Drag and drop the Content box to the position on the page where you want to add the Content widget.

The Widget Settings screen opens. Follow the steps in the sections below in order:



Layout

On the Widget Settings: Layout screen, you see the name for each layout with a summary of the supported visual elements for the layout.

Each layout offers some or all of the following visual elements:

  • Category/Date/Label: In addition to the title, you can optionally display a category, date, or label for each content item. This option is available for all layouts.
  • Can display Introduction: You can optionally display a brief introductory text for each content item.
  • Can display Loop Video: You can optionally display a Loop Video with each content item instead of an image.
NOTE: You can review a selection of widget designs and layouts on the example Section pages below:

Click the box for the layout you want to use. Then, configure the settings below (all settings are not available for every layout):

  • Display Category/Date/Label: Set the information that is displayed in the preview for each content item:
    • None: Display only the Title.
    • Category: Display the Title and primary Category.
    • Label: Display the Title and Label.
    • Exact time: Display the Title and Publication date & time (for example, 11 August 2022).
    • Relative time: Display the title and how long ago the content item was published (for example, 4 hours ago).
  • Mobile app top story: Display the widget as the top story on the mobile app homepage. For more information, refer to the following article:
  • Display introduction: Display the introduction for each content item.
  • Display Loop Video: Display a Loop Video instead of an image for each content item. This applies when a Loop Video is added to the Website teaser settings for a content item.

After configuring the settings above, click Next to select content.



Content

On the Widget Settings: Content screen, you need to first select a mode for the Content widget. The mode controls how the widget is populated.

The following options are available:

  • Auto: Pangea CMS automatically populates the widget according to the criteria you define in the widget settings. Older items on the widget are automatically replaced as new content is published, with no input required from you.
  • Manual: You manually select the widget content. The items you select will remain on the widget unless they are removed manually.
  • Semi-auto: The widget displays a combination of Manual items (selected according to the rules for Manual mode) and Auto items (selected according to the rules for Auto mode).

For detailed information about how to add content according to your chosen mode, refer to the relevant article below:

After adding the content, click Next to manage other widget settings.



Settings

The following options are available via the Widget Settings: Settings screen:



Header options

Optionally configure a header that is displayed at the top of the widget on the public website. The following options are available:

  • No header: Nothing is displayed at the top of the widget.
  • Display title: A title is displayed at the top of the widget. Enter your chosen title in the Title box.
  • Use image as header: An image is displayed at the top of the widget. Click Select content to find and attach an image.


Widget name

Optionally adjust the default name that helps you identify the widget in Pangea CMS. The Widget name is not displayed on the public website.

Footer link

Optionally add a link that is displayed at the bottom of the widget on the public website. Use the Footer link drop-down menu to select the type of page you want to link to. The following options are available:

  • No link: No link or text is displayed at the bottom of the widget.
  • Link to Category: Display a link to a Category archive page.
  • Link to Section: Display a link to a Section page.
  • Link to Special page: Display a link to a Special page from your website. This includes podcast pages, RSS pages, broadcast schedules, and more.
  • Manual link: Display a link to any page by entering the URL.

Depending on your selection, you may see the following configuration options:

  • Link text: Optionally enter custom link text. If you don't enter anything, the default link text is used.
  • Category / Section / Special page: Select the page that the link will point to.

If you select the Manual link option, you need to enter the URL. Enter the full URL (such as https://rferl.org), or a slash followed by the URL slug for a page from your website (such as /home). You can also specify whether the page opens in the same window or in a new tab.

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

If the status of the widget is Enabled, it is now published on the public website. You can check and adjust the widget status using the drop-down menu at the top of the screen.

When a widget has the Disabled status, it appears on the Section Editor page, but not on the public website.




Create a special Content widget

Pangea CMS offers the following special Content widget layouts:

  • Feature: A visually distinct layout with a light gray background and slightly larger images.
  • Media slider: A slider reel with a dark background that is intended to promote multimedia content.

You can see examples of Feature and Media slider Content widgets on the example Section pages below:



Create a Feature Content widget

To create a Feature Content widget:

  1. Drag and drop the Content box into the gray Feature panel (at the top of the page by default).
  2. The Widget Settings: Layout screen opens. You should just see the Feature layout option.
  3. Configure the remaining widget settings, which are the same as for a regular Content widget. For detailed information, see Create a new Content widget.


Create a Media slider Content widget

To create a Media slider Content widget:

  1. Drag and drop the Content box into the black Media slider panel (towards the bottom of the page by default).
  2. The Widget Settings: Layout screen opens. Choose your preferred Media slider layout.
  3. Configure the remaining widget settings, which are the same as for a regular Content widget. For detailed information, see Create a new Content widget.
NOTE: By default, the Section Editor page includes one gray Feature box and one black Media slider box. You can add additional boxes for special Content widgets by clicking Layout in the top-right corner.



Edit the Content widget

If you need to edit the Content widget later, follow these steps:

  1. Click Sections > Sections in the top menu.
  2. Select the Section containing the Content widget that you want to edit.
  3. Click Menu (three lines) > Edit on the box for the Content widget you want to edit.
  4. Navigate to the settings you want to edit using the options in the left panel. For detailed information, see Create a new Content widget.
  5. Click Save or Save & close to confirm and apply your preferences.

If the status of the widget is Enabled, the changes are now visible on the public website.

When you edit an existing widget, you also see the Embed code option in the left panel. This option lets you embed the widget on another content page. For detailed instructions, refer to the following article:




Further recommendations

The following articles might be helpful:

You can review a selection of widget designs and layouts on the example Section pages below:

Pangea CMS Guide

XS
SM
MD
LG