Article Highlight
Creating Components
Custom Title
View All ArticlesBest Practices for Using Images on the Web Platform
Learn best practices for using images on the Web Platform, including copyright compliance, approved sources, and UCLA’s standards for ethical and professional i
Curated Content
Explore the new Curated Content component that lets editors highlight articles, pages, and events in a visually appealing card format.
Understanding the Limits of Flyers, Images with Text, and QR Codes in Web Content
Learn why adding flyers, images with text, and QR codes to a Web Platform site can hinder accessibility and usability, and discover better alternatives for a mo
Why PDFs May Not Be the Best Option for Content
Discover why PDFs can limit accessibility and searchability on your website, and why web-native pages offer a more effective, accessible alternative.
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
Click the edit link at the top of the page
- Move your cursor where you want to place the component. (Add a section if needed).
Click the plus icon.
Select Article Highlight from the menu.
Content
Add a custom Title for your Article Highlight.
Note: Title field text is limited to 70 characters.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.
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.
- 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).
Filter the articles by categories and/ or topics.
- Copy and paste the filtered search URL into the URL field.
Add Link Text for the URL.
Note: Link text is limited to 45 characters.
Styles
- Toggle to the Styles tab.
- Select the amount of additional space you would like above the component.
Select the amount of additional space you would like below the component.
Note: By default, there is no space below a component.
Save
- Click Save.
Scroll to the top of the page and click Save.
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
One-Column Article Example
View All ArticlesViews for Articles and Events
Users now have more visually appealing options than were previously available.
Best Practices for Using Images on the Web Platform
Learn best practices for using images on the Web Platform, including copyright compliance, approved sources, and UCLA’s standards for ethical and professional i
Curated Content
Explore the new Curated Content component that lets editors highlight articles, pages, and events in a visually appealing card format.
Understanding the Limits of Flyers, Images with Text, and QR Codes in Web Content
Learn why adding flyers, images with text, and QR codes to a Web Platform site can hinder accessibility and usability, and discover better alternatives for a mo
Why PDFs May Not Be the Best Option for Content
Discover why PDFs can limit accessibility and searchability on your website, and why web-native pages offer a more effective, accessible alternative.