News listing
Use the news listing component to provide a news listing on your web page.
Add the component to your page
When you are editing your page using page-builder:
-
Add a component to your page by clicking the
Add component button or by adding a content block (by clicking the button) then clicking the add component button. -
Locate the news listing Squiz core component within the component browser and then click the Select button.
-
This will add the news listing component to your page.
Configure the news listing component
-
The [news-configuration] section.
Add button allows you to add additional news. When the component loads you will have an unpopulated news card that you can fill in . This is covered in the -
This setting defines the maximum number of news items that will display in a row when viewing your page in a desktop browser.
-
This allows you to choose the heading level for the news title.
-
This applies a highlighting style to the first news.
-
This controls whether your cards display a call-to-action button.
-
Controls if there is a link displayed allowing the user to see all news.
The following options configure individual news items:
-
The delete button will remove the news.
-
Enter a title for the news.
-
(Optional) Enter the date.
-
This field allows you to provide descriptive text, links, images, or a combination of these for your news.
-
(Optional) Choose an image that you have already uploaded to the CMS to display as the news thumbnail.
-
(optional) Allows you to add categories for your news by clicking the
button. You will get a field in which you can type a category label. You can also add additional categories and reorder the category list. -
This specifies if you are linking to another page in the CMS or an external, user-specified link.
-
Depending on what link type you select you will see one or two fields to specify your link.
- Call-to-action button - Matrix asset
-
This is displayed for Matrix asset picker links and allows you to choose the CMS page to which your card links.
- Call-to-action button - Text
-
This is displayed for user-specified links and defines the link text.
- Call-to-action button - URL
-
This is displayed for user-specified links and defines the link URL.
-
This controls how the link is opened when you click it. For example, open in a new page.
-
The
Add button allows you to add additional news.