News
Adds a News item to the site. Create News under the relevant year / month section under the News branch e.g., Home » News » 2026 » January » Article Title.
/prod01/channel_4/media/hccsedu/site-assets/component-library/screenshots/news-detail-page.jpg)
Screenshot showing example of News detail page for the News content type with an image added. Content Type Details
- ID: 306
- Name: News
- Minimum user level: Contributor
- Compatible with page layouts: Full Width
Guidance
- Image Selection: Select an image from the media library. The recommended minimum dimensions are 1200 x 900 pixels. You can upload an image of any size, and it will be automatically resized to fit. If the image's shape (aspect ratio) differs from the required 1200 x 900, it will be resized and cropped to fit these dimensions. Learn more about how automatic resizing and cropping works.
- Content Location: Create News under the relevant year / month section under the News branch e.g., Home » News » 2026 » January » Article Title.
- News Branch Structure: The News branch must be structured in year / month sections. These sections need no content as using .htaccess rules the URLs redirect to the News Listing with the relevant query string set e.g., /news/2026/january/ goes to /news/?year=2026&month=january
- News Listing: Content is pulled in from the News content type for the News Listing. The News Listing is configured using the News Search Configuration and displayed using the News Search View content type.
- Filter Links: Topic(s) and College(s) selected display as button links at the end of the article which take the user to the News Listing with the relevant filter selected and scroll the page down to the listing.
- Recurring Content Types: Recurring Content Types can be added to a News detail page, these display between the end of article and the 'Related News & Stories'.
- Related News: A block title 'Related News & Stories' is automatically displayed above the footer on the News detail page. By default up to 3 articles matching any topic(s) from the news article displayed. If there are no matching articles found the latest 3 articles are displayed.
- News Display: Use the Featured News or Event and News Landing content types to pull existing articles into a page.
Metadata
- Image: If an image is added it is used for the og:image, twitter:image, og:image:alt and twitter:image:alt meta tags.
- Description Fallback: If no description is set on the section metadata tab the Summary is used for the description, og:description and twitter:description meta tags.
- Type: On the News detail page the og:type is set to article and additional tags for an article are added:
- Published Time: article:published_time is set using the Publish Date
- Modified Time: if the News content item is modified after the Publish Date the article:modified_time is added
- Author: if the Byline is populated the Author URL can be added which sets the article:author tag
- Topics: topics are used to set article:section tags
- Keywords: if keywords are added on the section metadata tab each is added as an article:tag tag
Content Type Elements Details
| Name | Description | Size | Type | Required | Conditionally Shown |
|---|---|---|---|---|---|
| Name | The Name element | 80 Characters | Plain Text | Yes | No |
| Title | Add the title, this is the main H1 heading on the page | 150 Characters | Plain Text | Yes | No |
| Type | Select the type, this displays on news detail page, all news content types and is used for filtering on the news listing Choose from options such as: Announcement, News, Student Spotlight, Faculty Spotlight, Staff Spotlight | N/A | Select Box (List: News Type) | Yes | No |
| Topic | Select the topic(s), this displays on news detail page and is used for filtering on the news listing Choose from options such as: Arts & Culture, Student Life, Business, Funding & Finance, Law | N/A | Multi-select List (List: News Topic) | Yes | No |
| College | Select the college(s), this displays on news detail page and is used for filtering on the news listing Choose from options such as: Central, Coleman, Northeast, Northwest, HCC Online | N/A | Multi-select List (List: College) | Yes | No |
| Image | Select an image from the media library, this is used for the featured image and thumbnail. Minimum recommended size: 1200 x 900px | N/A | Media | No | No |
| Publish Date | Select the date to display on the article. This date will remain even if the content is updated later. | N/A | Date | Yes | No |
| Summary | Add a shortened description that is displayed on the news detail page in the hero and where the news item is shown. Also used for meta data if no meta description is defined | 500 Characters | Plain Text | Yes | No |
| Main body | Add the main body of the article. Supports rich text such as bold, italics, and links as well as media. See WYSIWYG content options. | 99999 Characters | HTML | Yes | No |
| Byline | Add who the article is written by. This displays below the article date and is prefixed with “By: ” | 500 Characters | Plain Text | No | No |
| Author URL | Add the full URL to a page about the author, this is used specifically for meta data. This could be a website URL, or social media profile e.g., X, LinkedIn or Facebook | 200 Characters | Plain Text | No | Yes |
| Show Callout | Check to add a callout, if no callout is added the main body is wider on larger screens Choose from options: Yes | N/A | Check Box (List: Yes) | No | No |
| Callout title | Add a title for the callout block | 120 Characters | Plain Text | Yes | Yes |
| Callout Description | Add a description for the callout block | 350 Characters | Plain Text | Yes | Yes |
| Add Links | Add the links to the callout block | N/A | Repeater (0-10 Link) | No | Yes |
Link
This is used by repeater elements on multiple content types to add a link.
- Minimum : 0
- Maximum : 10
Content Type Elements Details
| Name | Description | Size | Type | Required | Conditionally Shown |
|---|---|---|---|---|---|
| Name | The Name Element | 80 Characters | Plain Text | Yes | No |
| Link Type | Select link type Choose from options: Internal, External, Media | N/A | Select Box (List: Link type) | Yes | No |
| Internal Link | Select a section or content item for an internal link. Untick 'Use default link text' to customise the link text. | N/A | Section/Content Link | Yes | Yes |
| External Link | Enter a full URL (including https://) for an external link | 250 Characters | Plain Text | Yes | Yes |
| External Title | Add text for external link | 120 Characters | Plain Text | Yes | Yes |
| Media Link | Select a document from media library for a media link e.g., PDF, Word, Excel | N/A | Media | Yes | Yes |
| Media Title | Add text for media link | 120 Characters | Plain Text | Yes | Yes |
Examples
See News detail page designs: