Content Type Home & Landing Page - NCIOCPL/cgov-digital-platform GitHub Wiki
NCIDS Home & Landing Page Components. The rest of this page is likely outdated as of 2024.
The starting point of the website. Home and landing pages utilize card containers to create a visually engaging page that helps users navigate to content of interest and content that meets their needs.
This content type has two templates:
- Standard
- Special Report
The Special Report template will be used starting with the FY 2022 Annual Plan
- Display Name: Home and Landing
- Machine-readable Name: cgov_home_landing
- Description:
-
Page Title
- Does not appear on the homepage, only on landing pages
- Short Title
- Card Title
- Browser Title
- Meta Description
- List Description
- Feature Card Description
- Promotional Image
- Search Engine Restrictions
- Additional Front-End Library
- Field Name: field_page_style
- Label: Home and Landing Page Style
-
Type: Dropdown
- Standard (Default)
- Special Report
- Required: Yes
- Max characters: N/A
- Tooltip Text: Select a template for the page
- Cardinality: 1
- Translatable: No
Display properties are on the Hero Banner Paragraph page
- Field Name: field_hero_banner
- Label: Contents
-
Type: Paragraphs
- Using Asymmetrical Translation Widget
- Allowed Types:
- Required: No
- Max characters: N/A
- Tooltip Text: The Hero Banner for the Landing Page.
- Cardinality: 1
- Translatable: Yes
- Field Name: field_landing_contents
- Label: Contents
-
Type: Paragraphs
- Using Asymmetrical Translation Widget
-
Allowed Types:
- cgov_primary_feature_row
- cgov_secondary_feature_row
- cgov_titlefirst_row
- cgov_multimedia_row
- cgov_guide_row
- cgov_cgov_list
- cgov_dynamic_list
- cgov_column_one
- cgov_column_two
- Required: No
- Max characters: N/A
- Tooltip Text: Contents of the Landing Page.
- Cardinality: Unlimited
- Translatable: Yes
- Primary Feature Card Row
- Secondary Feature Card Row
- Title-First Feature Card Row (only for Special Report Template)
- Guide Card Row
- Multimedia Card Row
- Borderless Full Width Card
- Column Containers
- Lists
- Dynamic Lists
- Hero Banner
- Raw HTML Content Block
- Content Block
- Internal Promotional Card
- External Promotional Card
- Multimedia Card
- News & Events Home/Landing Page: https://hzgfzw.axshare.com/#g=1&p=news___events_landing_homepage
- On Tablet and Mobile, "Featured Content" appears as an H3 above the primary feature card zone (within the teal box), but this label does not appear on desktop.
- Remove:
- Date Display - we will never display dates on a home or landing page
- Search Filter - not used
- Homepage Type - used for pre-nvcg to select a timely content zone layout, which we no longer have.
- Co-location Message - With being on cloud, we should not need co-lo anymore.
Layout builder will not be used as the large number of pending issues.
- Hero Header/Banner
- HTML block that displays provided text on top of the homepage hero banner image at desktop and tablet breakpoints
- Images (desktop and tablet) for the banner
- Layouts:
- Primary Feature Card Row
- Field: Title
- To only be displayed on Mobile
- All(?) Nodes displaying the feature card display mode
- Media types?
- Raw HTML block
- Field: Title
- Secondary Feature Card Row
- All(?) Nodes displaying the feature card display mode
- Media types?
- Raw HTML block
- Guide Card Row
- Field: Title
- To only be displayed on Desktop and Tablet only
- Guide Card Block (header title, list of links, footer link)
- Raw HTML block
- Field: Title
- Multimedia Row
- Field: Title
- To only be displayed on Mobile
- Multimedia Area:
- Infographic
- Video
- Video Carousel
- Raw HTML Block
- Feature Card Area:
- All(?) Nodes displaying the feature card display mode
- Raw HTML Block
- Media types?
- Field: Title
- Thumbnail Row
- All(?) Nodes displaying the feature card display mode
- Raw HTML Block
- Media types?
- News & Events Row
- List Row
- Dynamic List (View)
- Raw HTML Block
- List Row
- Primary Feature Card Row
Metadata Element | Field Mapping |
---|---|
Title | Browser Title |
twitter:card | Summary |
Description | Meta-description |
og:type | Website |
og:url | URL of page (includes pretty URL) |
og:title | Browser Title |
og:desc | Meta-description |
og:image | Map to Promotional Image - If no promotional Image has been provided, the system will add og:image tag to Lead Image |
og:sitename | Cancer.gov (en): National Cancer Institute, Cancer.gov (es):Instituto Nacional del Cáncer, DCEG: Division of Cancer Epidemiology & Genetics - National Cancer Institute |
dcterms.type | cgvHomeLanding
- Language
- Site Section
- Pretty URL
- Page title
- Short Title
- Browser Title
- Card Title
- Meta Description
- List Description
- Feature Card Description
- Promotional Image
- Contents
- Posted Date
- Updated Date
- Reviewed Date
- Date Display Mode
- Search Engine Restrictions
- Page Style
- Additional Front-End Library
- Would like this to go into the right hand accordion set of boxes (Advanced Group), the section title should be "Display Options", and under that is this item
- If this cannot be put on the right hand accordion (Advanced Group), put it under Page Style
- Landing Page with Raw HTML: https://www.cancer.gov/types
- Landing Page with Raw HTML in Primary Card Row, Secondary Feature Cards, Guide Cards and Thumbnail Cards: https://www.cancer.gov/grants-training
- Landing page with Content and Multimedia row: https://www.cancer.gov/espanol/subvenciones-capacitacion