Skip to main content

Anatomy of a Drupal Page

Published Date
Author Elisabeth Most

Basics of Drupal

Contents of this lesson:

  • Page types overview
  • Flexible content types overview
  • Universal page fields: Tagging, titles and heroes
  • How to add flexible content and page sections to your page

Page types overview

Below is a list of page types, each used for a specific purpose. Step-by-step instructions for each are found further in the Drupal guide.  Note that some page types will not allow you to edit them (designated by red boxes).  

Flexible content types overview 

You can add these modules to your pages as needed. For in-depth explanation of each, see the step-by-step instructions for flexible content.

  • Video - Uses a Brightcove ID, provided by the studio 
    • Video – displays one video 
    • Playlist – displays multiple videos
  • Accordion - Expandable paragraphs that open and close (for FAQs, biographies, agendas, etc.) 
  • Basic Content - Serves as the page’s main content area.
  • Child pages – Displays any page that has ‘tagged’ the current page as its Parent page
  • Image Gallery - A slideshow type of module displaying a set of images. 
  • Chart image - Displays a high resolution chart together with a title and footnote. 
  • Dual CTAs - Used for two side-by-side promotional items on a page. 
  • Legal Copy - Used for legal disclaimer copy. 
  • Chunky number – Numerical callouts [Ex: $265 Billion in Assets Under Management] 
  • Featured Knowledge Center post - Promotes a specific KC page within the main content area of a page. 
  • Featured Content (single CTA) - Used for a single promotional item on a page.
  • Pullquote - Used to display/highlight a quote that appears on the page.
  • Third Party Forms - See step-by-step instructions in this document before using.
  • Table Content – add a table to your page.
  • Text treatment – make a sentence stand apart from the rest of the text using this feature
    ​

Universal page fields

Most page types include the following fields (required fields are denoted by a red asterisk on the Drupal page): 

  • Language – select the correct region/language for your page 
  • Title – appears in the browser tab, breadcrumb, card teaser and URL. This may likely be the same as the Hero Headline (the headline that appears in the shape at the top of the page).
  • Card Description - Teaser that appears in the page’s card everywhere the page is tagged throughout the site. This should be a short summary of the page’s content – and interesting enough to make people want to click it. Recommended character limit: 115 characters. 
  • Meta Description – Content that shows up on search engine results pages, under the page title. Can use up to 255 characters, and is likely more descriptive than the card description (from a searcher’s point of view) 
  • Parent Page / Parent Hub Page: Depending on the content type, this field may/may not be available. Used to create the breadcrumb hierarchy and denote child/sibling pages. 
  • Parent Page – Assign your page to a parent to make it show in that parent’s “Child Pages” flexible content. Begin typing in the page title and select it when it shows in the options. This also causes the parent page title to show in the breadcrumb. 
  • Parent Hub Page – for pages types that will display inside a hub page (KC, news, events, etc.) 
  • Color Theme – If your page includes images or links to files, select a complementary color theme. (In some cases, certain colors are required and cannot be changed – for example, all Solutions pages are teal/dark teal.) 

Tagging 

Most page types include the following areas with scrollbars – these are for page tagging. They dictate where on the site the page will be displayed and the relationship between related content. Red asterisks denote where a tag is required, which may vary from page type to page type. 

 

  • Related Business Units – this selection is for web analytics reporting. 
  • Related Markets – select all that apply to your page (right click or hold Shift to pick multiple items). 
  • Related Services – select all that apply to your page (right click or hold Shift to pick multiple items). 
  • Related Solutions – select all that apply to your page (right click or hold Shift to pick multiple items).

Universal tagging fields may be required or not, depending on the page type and its function. Visit the page Solutions, Markets, and Services tags available in Drupal for the list of tags available for each business unit.