Featured Article Component
Introduction
This component dynamically features up to the five most recent news/blog articles in general or within a given tag. The component can also be authored manually by selecting any five news/blog articles to show.
Need Help?
If you need help with a specific use case for the Featured Article component or need guidance with appropriate configuration, please contact the web team.
Information
Specifications
Character Limit/Usage
There is no character limit as the text is dynamically pulled from page properties.
Component Tabs:
- List Settings - Build list using dynamic or manual functionality. If using dynamic, you can build using child pages, tags or fixed list for manual.
- Properties - Add title or headline here.
- CTA - Add label and CTA (optional)
- Styles - Adjust background and padding
- Number of Results: Select from single, multiple, or carousel styles.
Image Requirements
This component does not have any image requirements as images are dynamically pulled in via the page properties.
Video Requirements
This component does not have any video requirements.
Authoring Instructions
Component configured to search for child pages based on a specified depth. In this example, it is set to look in the /blog/posts/ directory with a child depth of 2. This means the component will look for content located two levels beneath the posts folder. Consider the /blog/posts/ directory as the parent. Directly underneath this parent folder is the /blog/posts/2026/ folder. The component will bypass the immediate /2024/ directory and search for blog posts within subfolders of the /2026/ directory.
SEO Guidance
It is generally good SEO practice to use a relevant keyword within the title/headline of this component. For example, instead of "See the Latest News", you can use "See the Latest in Mobile Computers."
Styling Options and Instructions
This component has a set style.
Use Cases and Style Variations
Component configured to search for child pages based on a specified depth. In this example, it is set to look in the /blog/posts/ directory with a child depth of 2. This means the component will look for content located two levels beneath the posts folder. Consider the /blog/posts/ directory as the parent. Directly underneath this parent folder is the /blog/posts/2026/ folder. The component will bypass the immediate /2024/ directory and search for blog posts within subfolders of the /2026/ directory.
Component configured to search for child pages based on a specific tag. In this example, it is set to look in the /blog/posts/2024/ directory and pull out blogs that are tagged with 'Retail'. Please note that blogs have their own tag space.
Headline
Component configured based on a fixed list configuration which enables you to manually add articles or blogs to the component.
Featured Articles
Component configured based on a child list configuration but the difference in this configuration is that the 'featured article' box is checked so only content marked as featured are pulling through.
This is a headline
Component including a CTA.
A Practical Approach to Innovating in the Warehouse
The component allows for a customizable background color. In this example, a dark blue background is demonstrated. We suggest placing the component within a background container that matches its background color. This approach ensures that the background container spans the full width of the page.
Featured Articles
The component allows for a customizable background color. In this example, a light grey background is demonstrated. We suggest placing the component within a background container that matches its background color. This approach ensures that the background container spans the full width of the page.
Featured Articles
The component can be configured to pull in the date that the article or content was created
Featured Articles
Component configured with a single featured article using the 'single' style option in the properties.
Featured Articles
Componet using the Style setting for Number of Results: Carousel. Then the component is configured to search for child pages based on a specific tag. In this example, it is set to look in the /resource-library/ directory and populate with thought leadership pages that are tagged with 'Success Story' and "mobile computers" zebra tags.
