Paragraphs

Paragraphs are new way of adding sections of content to pages in Drupal using a pre-defined structure which maintains consistent styling and data organization. We have created a number of paragraph types that allow site builders to create more complex page layouts while staying within the constraints of the Trinity brand and site design.

Depending on your role on your site, you have access to different paragraph types. The more advanced paragraph features are only available to experienced website builders who have been trained on the more complex workings of the Drupal websites. The vast majority of paragraph content, including the front page, is created and maintained by the Trinity Communications team.

Please see these how-tos for working with paragraphs.

The Basic page and Project content types include three regions into which a variety of paragraph types can be added. The News article - Local and News article - Imported have a single paragraphs field into which various paragraph types can be added.

The purpose of some paragraph types are to create a basic layout structure in the form of one or more columns, while the purpose of others are to display content on the page, such as a photo gallery, a custom block, or a view. These regions, the paragraphs that can be added to them, and a description and basic use of the different paragraph types can be found below.

Top Content / Paragraphs Top (Basic page and Project content types)

  • Columns (Equal)
  • Columns (Two Uneven)
  • Columns (Three Uneven)
  • Front Page Quick Links
  • Image Feature 500px Parallax
  • Image Feature 500px Static
  • View

Main Content / Paragraphs Body (Basic page and Project content types)

  • Accordion
  • Custom Block
  • External Media Embed
  • Formatted Text
  • Photo Gallery
  • Tabs
  • Video Gallery - 1 Column
  • Video Gallery - 2 Column
  • View

Paragraphs (News article - Local and News Article - Imported)

  • Content Bundle
  • External Media Embed
  • Formatted Text
  • Image Feature 200px
  • Image Feature 500px Parallax
  • Image Feature 500px Static
  • Columns (Equal)
  • Columns (Two Uneven)
  • Columns (Three Uneven)
  • Photo Gallery
  • Video Gallery - 1 Column
  • Video Gallery - 2 Column

Bottom Content / Paragraphs Bottom (Basic page and Project content types)

  • Formatted Text
  • Columns (Equal)
  • Columns (Two Uneven)
  • Columns (Three Uneven)
  • Image Feature 200px
  • Image Feature 500px Parallax
  • Image Feature 500px Static
  • Infographics
  • Photo Gallery
  • Video Gallery - 1 Column
  • Video Gallery - 2 Column