Article highlight example

Custom Title

View All Articles
Web Platform Announcement Graphic
Article

Automatic Logout Update for Web Platform

Users will be automatically logged out after 2 hours of inactivity to enhance security. This update ensures better protection and takes effect on August 29th.

1 min read
Web Platform Announcement Graphic
Article

Drafting and Previewing Pages

Discover how to effectively review and preview your pages, including tips for viewing a true representation as well as additional resources.

1 min read
Web Platform Announcement Graphic
Article

Updates to Media Library Management

The latest updates to the media library, including new requirements for PHI, PDF accessibility, file naming conventions, and automated deletion of unused media.

2 min read
Web Platform Announcement Graphic
Article

Content Moderation

Learn about content moderation, including the stages of publishing, archiving, and drafting content on the Web Platform for effective management.

2 min read

What's an article highlight?

The Article Highlight component is a visually appealing news view that allows you to add articles to any page.  

Adding an article highlight 

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

    Example of selecting the edit button on a 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
  4. Select Article Highlight from the menu.

    Example of the Article Highlight menu selected

Content  

  1. Add a custom Title for your Article Highlight.

    Article highlight title field
  2. Optional: Feature an article at the top of the list. In the Featured article field, start typing the title. Select the title you want to feature. 

    Example of the ending featured article field article highlight
  3. Optional: Filter the articles displayed in the view. In the Filter articles by field, start by typing an article type, category, topic, or tag. Select the term.

    Example of the ending featured article field article highlight
  4. Optional: Add a link to all articles. To find a list of all the articles, enter your website and add /articles/search at the end of the path (e.g. medschool.ucla.edu/articles/search). 
  5. Filter the articles by categories and/ or topics.  

    Filter article results
  6. Copy and paste the filtered search URL into the URL field. 
  7. Add Link Text for the URL. 

    Example of the edit URL and link fields

     

Styles

  1. Toggle to the Styles tab. 
  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

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.
  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

One-Column Article Example

View All Articles
Web Platform Announcement Graphic
Article

Automatic Logout Update for Web Platform

Users will be automatically logged out after 2 hours of inactivity to enhance security. This update ensures better protection and takes effect on August 29th.

1 min read
Web Platform Announcement Graphic
Article

Updates to Media Library Management

The latest updates to the media library, including new requirements for PHI, PDF accessibility, file naming conventions, and automated deletion of unused media.

2 min read
Web Platform Announcement Graphic
Article

Drafting and Previewing Pages

Discover how to effectively review and preview your pages, including tips for viewing a true representation as well as additional resources.

1 min read
Web Platform Announcement Graphic
Article

Add Events to your Calendar

Enable users to add your events directly to their calendars with ease. Automatically integrates with Outlook, Apple iCal, and Google Calendar.

1 min read