Curated Content

Discover how the new Curated Content component enhances website navigation and content visibility for editors.

Example of a Curated Content Component: There are three cards, each with a graphic above and a brief description of the content that each card links to
By Stefan Popoff
1 min read

This article addresses the following topics:

  1. Overview
  2. What is Curated Content
  3. Implementation Timeline
  4. Adding the Curated Content Component  
  5. Additional Resources

Overview

The new Curated Content component allows editors to visually display selected content in a card format, creating an attractive way to link to important pages, articles, and events. Editors can feature a mix of content types within the component. For articles and events, the site will display the associated image. For pages, the social media image is used; if no image is added to the social media option, a UCLA Bruin Bear will appear. This component makes it easy for editors to highlight key content, build landing pages, and showcase related information.

What is Curated Content

The Curated Content component enables you to display a card featuring pages, articles, or events on your website, providing a simple way to highlight related content and improve site navigation.

Implementation Timeline

This feature will be available starting October 28, 2024.

Adding the Curated Content Component  

  1. Click the edit link at the top of the page 

    Example of selecting the edit button on a page
    Clicking the edit link at the top of the page
  2. Move your cursor where you want to place the component. (Add a section if needed). 

  3. Click the plus icon.

    Example of the plus icon with a red square around the icon
    Clicking the plus icon to add a section within a section

  4. Select Curated Content from the menu.

    Choose an curated content component from the menu
    Selecting curated content from menu

Content 

  1. Add a Title.
    Note: Title field text is limited to 70 characters.

    Example of the Curated Content text filed
    Curated content text field

  2. Start typing the name of the page, article or event you would like to add in the Content field.
     

    Example of the content name filed
    Curated content named field

     

  3. Click the Add another item to add more cards. 

    Example of the curated content add another item button
    Selecting "Add Another Item" for curated content
  4. Repeat steps 2 to 3 for each item. 

Styles 

  1. Toggle to the Styles tab. 

    Example of the Styles option selected
    Selecting styles option
  2. Select the amount of additional space you would like above the component. 

  3. Select the amount of additional space you would like below the component. 
    Note: By default, there is no space below a component.

    Example of the top and bottom margin drop-down section with a red box around it
    Top and bottom margin drop down

Save

  1. Click Save.

  2. Scroll to the top of the page and click Save.

    An example of how to save both the component and the page. The save buttons for both are outlined in red to emphasize the action.
    Scrolling to the top of the page and clicking save

  3. Click the Done button beside the save button.
    Note: This will display the page in the closest representation of how site visitors will view it. All links and actions that are disabled in editing mode will be functional now.
     

    Example: of the Done button outlined
    Clicking the Done button beside the save button

Additional Resources

Co-working Sessions 
Register for the next Co-working Session for answers to your questions about this update.

Register for Co-working Sessions