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

Properties

  • Display Name: Home and Landing
  • Machine-readable Name: cgov_home_landing
  • Description:

Fields

Common Fields

Local Fields

Page Style

  • 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

Hero Banner

Display properties are on the Hero Banner Paragraph page

  • Field Name: field_hero_banner
  • Label: Contents
  • Type: Paragraphs
  • Required: No
  • Max characters: N/A
  • Tooltip Text: The Hero Banner for the Landing Page.
  • Cardinality: 1
  • Translatable: Yes

Landing Page Contents

  • 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

Diagram for Landing Page Contents

Paragraphs

Containers
Contents

Page Display

Deprecated Fields

  • 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 Regions (FUTURE REQUIREMENTS)

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
    • 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
    • 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?
    • 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

Meta Data

Common Metadata

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

Local Metadata

dcterms.type | cgvHomeLanding

Form Field Display

  • 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

Example URLs:

⚠️ **GitHub.com Fallback** ⚠️