Accessibility links

Breaking News

Content widget - Using Manual mode


NOTE: This article explains how to add items to a Content widget when Manual mode is enabled. For general information about creating a Content widget, refer to the alternative article below:

What's inside this article:



About Manual mode

With Manual mode enabled, you manually select which content items are displayed on the widget. The items remain on the widget unless they are manually removed.

You can also adjust the following settings:

  • The order of the items.
  • The Website teaser settings for each item (for example, change the image that is displayed with the item).

Go to Add content for more information.



Add content

To add content to the widget:

  1. Open the Widget Settings screen for an existing Content widget or create a new Content widget. For instructions, refer to the following article:
  2. Click Content in the left panel.
  3. Ensure Manual is selected.
  4. Click Set manual content.

With Manual mode enabled, you can add either of the following item types:

  • Content item: Display a preview for a specific content item from your website (for example, an article). The default preview is automatically configured according to the Website teaser settings for the content item.
  • Placeholder: Display a custom item that is fully configurable. For example, you can provide a link to a specific Section page. You need to manually define the image, text, and link for the item.


Add a content item

  1. Set the search parameters in the left panel according to your preferences, then click Search.
  2. Click + Attach (the plus icon) next to each content item you want to add.
  3. Click Save to confirm your selection and return to the Widget Settings: Content screen.

You see a preview of the widget content. However, the changes are not applied on the public website until you click Save or Save & close.

The following options are available for each listed content item:

  • (A): Reorder: Change the position of the item using the drop-down menu. You can also drag and drop the box, which is especially useful if you are editing the widget on a mobile device.
  • (B): Add teaser / Edit teaser: Adjust the Website teaser settings.
  • (C): Live site: Click the globe icon to open the item on the public website.
  • (D): Delete: Click the trash icon to remove the item from the widget.

Changes are not applied on the public website until you click Save or Save & close.



Add a placeholder

  1. Click + Add placeholder.
  2. Define the relevant settings below on the Placeholder settings dialog:
    • Horizontal image: Add an image for horizontal layouts.
    • Vertical image: Add an image for vertical layouts.
    • Caption: Optionally edit the text that is displayed when a visitor scrolls over the image on the public website. The text is also visible to search engines and screen readers.
    • Description: This text is not visible on the public website. However, it might be useful for editing the Caption.
    • Title (Required): Enter the title for the placeholder.
    • Label: Add a Label that may be displayed on the placeholder. The Label is only displayed if this option is enabled in the widget Layout settings.
    • Introduction: Add a brief introductory text that may be displayed on the placeholder. The introduction is only displayed if this option is enabled in the widget Layout settings.
    • Link: Enter the URL that the placeholder points to. 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).
  3. Click Save to confirm and apply your preferences.

You see a preview of the widget content. However, the changes are not applied on the public website until you click Save or Save & close.

The following options are available for each listed placeholder:

  • (A): Reorder: Change the position of the placeholder using the drop-down menu. You can also drag and drop the box, which is especially useful if you are editing the widget on a mobile device.
  • (B): Edit: Click the pencil icon to adjust the Placeholder settings.
  • (C): Delete: Click the trash icon to remove the placeholder from the widget.

Changes are not applied on the public website until you click Save or Save & close.




Manage Website teaser settings

Website teaser settings are used to generate the default preview of a content item that is displayed via widgets. The Website teaser settings for each content item are visible on the right side of the box. Not all the listed settings will be visible on the current widget, as this varies according to the widget Layout settings.

A Website teaser setting might be marked 'Empty' (for example, Empty title). In this case, the Content widget displays the value as defined in the General settings. The General settings are visible on the left side of the box.

With Manual mode enabled, you can manage Website teaser settings directly on the Widget Settings: Content screen.

The following options are available:



Add Widget teaser settings

This option lets you add special Widget teaser settings that apply for the current widget only.

Follow these steps:

  1. Click Add teaser in the box for a content item (or click Edit teaser if the content item already has Website teaser settings).
  2. Edit or add the settings according to your preferences, and click Save as widget teaser.
  3. Click Save or Save & close to confirm and apply your preferences.

The new Widget teaser settings are applied on the current widget only.

If necessary, you can remove the special Widget teaser settings by clicking Remove widget teaser. This action removes the Widget teaser settings on the current widget only.



Add Website teaser settings

This option lets you add or edit Website teaser settings that are applied on the current widget, on other widgets where the content item is displayed, and on the edit screen for the content item.

Follow these steps:

  1. Click Add teaser in the box for a content item (or click Edit teaser if the content item already has Website teaser settings).
  2. Edit or add the settings according to your preferences, and click Save as website teaser.
  3. Click Save or Save & close to confirm and apply your preferences.

The new Website teaser settings are now applied.

If necessary, you can remove the Website teaser settings by clicking Remove article teaser. This action removes the Website teaser settings on the current widget, on other widgets where the content item is displayed, and on the edit screen for the content item.




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