A feature block is used to prominently display an important link or information. The latest news variant is designed to highlight media releases relevant to the content of the page.
On this page
When to use the feature block
Do
- Use the feature block on standard content pages or landing pages. On landing pages use the section width that best suits your overall page layout.
- Use only 1 or 2 feature blocks per page.
- Only use high-quality images that clearly illustrate the feature. The image should be relevant and help the user understand what the feature is about.
- Write clear and concise headings that summarises the feature. The heading should grab the audience's attention and be easy to understand. The heading should be a maximum of 50 characters.
- Do use a brief description to provide additional information about the feature. The description should be a maximum of 400 characters.
- Include a link for the audience to find out more information. The hard coded default button text is 'Read more'.
Don't
- Don't use a feature block just to create visual interest on the page.
- Don't include an image that is not relevant to the feature content.
- Don't add hyperlinks in the feature description section. Use the link option to display 1 link in a hard coded button for the audience to find out more information.
- Don't use overly long or complex headings or descriptions.
How to add a Feature on a page
- Add the Feature:
- From a standard page:
Click the dropdown from the Add block button and select Add Feature - From a landing page:
Click Add block > Create content block > Block. From the Configure block screen choose Feature from the Content type drop down, then click the Add Content button.
- From a standard page:
- Heading: maximum 50 characters.
- Heading level: choose a heading level from the dropdown options of Heading 2, 3, 4 or 5). If you select Heading 2 you can choose to exclude it from being listed in the in page navigation.
- Select your Feature Variant.
- Single half left: image to the left and label, heading, description and button to the right.
- Single half right: image to the right and label, heading, description and button to the left.
- Single third left: image to the left in a third section and label, heading, description and button to the right.
- Single third right: image to the right in a third section and label, heading, description and button to the left.
- No image: label, heading, description and button are centered in the block.
- Label (Optional): add a topic tag. Maximum 50 characters.
- Add the Feature description in the HTML / WYSIWYG editor, as you would for general content – maximum 400 characters.
- Image (Optional): add an image by clicking the Add media button. Find out how to select and upload images to the CMS.
- Add a Link to another page: Content (internal page) or Managed link (external page). Avoid linking to items in the media library.
- Save your page to display the Feature block.
See this live on nsw.gov.au
Visit Feature to see how this works on a live page.
You can also see live examples of how agencies have applied the feature block to their content below:
Need any more help?
If you have any questions, or require assistance with anything mentioned in this article, submit a request via the webform.