Articles List (Cards)

Overview

Encourage users to click on articles

You can use Articles List (Cards) to display news and blog content in a single place. This includes news and insights pages on the main Howden websites, as well as those within microsites. You can also use Articles List (Cards) to promote articles that are relevant to a certain page, such as a product page. 
 

Articles List (Cards) pulls through article pages, presenting them as a grid of cards. There are a variety of filtering options to choose from:

Filter by date of publication

Filtering articles by publication date brings through the most recently published articles, without filtering for things like sector and format. It’s typically used for a website’s main news and insights page.

Filter by sector

Filtering by sector allows you to pull through articles related to a particular product or team. It’s often used for the news and insights page of a microsite.

Filter by format

The ‘article list via format’ option allows you to filter for a specific article format. For example, you could just pull through case studies.

How to use it

Use the ‘display’ dropdown menu to select your desired filtering option.

Here’s how they work:

Filter by date of publication

There are two options for filtering by publication date:

• Article list – shows three articles by default, with a ‘load more’ button.
• Article list with pager – shows three articles by default, with a ‘load more’ button.

Filter by sector

There are two options for filtering by sector:

• Article list via sector – paginated articles, with each page displaying up to nine articles.
• Article list with pager via sector – shows three articles by default, with a ‘load more’ button.

Setting it up is a two-step process:

Step 1: Ensure articles are tagged with the relevant sector

Some sector tags already exist in the CMS. Enter ‘edit’ mode in your chosen article and use the ‘sector’ text field to search for the right sector.

If it’s not there, make a request to the Client Solutions & Collaborations team to add the term to the taxonomy.

Step 2: Select the relevant sector within Articles List Cards

Enter ‘edit’ mode in the page with the Articles List Cards component. Use the ‘sector’ text field to search for the relevant sector and select from the dropdown.

Then select ‘save’.

Filter by format

Filtering via format is a two-step process:

Step 1: Check articles are tagged with the relevant format

Enter ‘edit’ mode in your chosen article and use the ‘format’ text field to search for the right format.

Options include:

• Calculator
• Case study
• Factsheet
• How-to guide
• Infographic
• Insight
• News
• Opinion piece
• Quiz
• Report

Step 2: Select the relevant format within Articles List Cards

Enter ‘edit’ mode in the page with the Articles List (Cards) component. Use the ‘format’ text field to search for the relevant format and select from the dropdown.

Then select ‘save’.

Admin-only: Format filtering bar

The format filtering bar allows users to choose which articles to see based on the format. 

This is an admin-only feature. To activate the feature, contact the Collaboration & Client Solutions team.

Recommended image specifications

For more information on how to use images in the CMS go to the Image Basics page.