Certain editor roles have the ability to place content on Basic pages, Projects, and News articles (imported and local) in addition to the standard Body field. There are three fields into which a variety of content paragraphs can be placed: Paragraphs Top, Paragraphs Body, and Paragraphs Bottom. This functionality extends the presentation possibilities of these content types and gives site editors tools to create interesting and media-rich pages.
For example, an editor with sufficient privileges could place an image displaying a parallax effect at the top of their page, followed by the standard Body field, followed by an image as a graphical divider, then a set of tabbed content that allows a user to quickly scan content with minimum scrolling, perhaps a second image divider, and lastly an image or video gallery.
The content paragraph types are listed below, along with a brief description and the region(s) into which they can be placed.
Accordion
The Accordion paragraph is used to add one or more collapsible sections of content to a page. Each Accordion Section consists of an Accordion Section Title and one or more paragraphs within the Accordion Section Body. The paragraphs that can be added to the body section include Formatted Text and Tabs. This paragraph type can be placed in the Paragraphs Body and Paragraphs Bottom fields.
Working with the Accordion paragraph
Content Bundle
The Content Bundle paragraph is used to add a band of up to four items that are related to the page on which the bundle is being placed. Each consists of a required heading (e.g. You might also like...), up to four nodes of the Basic page or News article (imported and local) content type, and an optional campaign which can be used to track clicks in Google Analytics. Content Bundles can only be placed within the Paragraphs Bottom field.
Working with the Content Bundle paragraph
Formatted Text
The Formatted Text paragraph is simply a rich text field with the same formatting options that are available in the standard Body field. This paragraph can be placed in the Paragraphs Body and Paragraphs Bottom fields.
Working with the Formatted Text Paragraph
Image Feature 200px
This paragraph is used to add a 200-pixel high, full-width image; useful for breaking up blocks of text or other content with a graphic element. Only available in the Paragraphs Bottom region.
Working with the Image Feature 200px paragraph
Image Feature 500px Parallax
This paragraph is used to add a 500-pixel high, full width image that is “pinned” to the page creating a parallax effect: As the user scrolls down the page, the content above and below the image reveals a different area of the image. This paragraph includes a Copy field where formatted text can be added, as well as a required Background Image Description field. This paragraph can be placed in the Paragraphs Top and Paragraphs Bottom fields.
Working with the Image Feature 500px Parallax paragraph
Image Feature 500px Static
This paragraph is used to add a 500-pixel high, full width image; it does not require as tall of an image as the Image Feature 500px Parallax paragraph. This paragraph also includes a Copy field where formatted text can be added, as well as a required Background Image Description field. This paragraph can be placed in the Paragraphs Top and Paragraphs Bottom fields.
Working with the Image Feature 500px Static paragraph
Photo Gallery
The Photo Gallery paragraph can be used to add images to a user-controlled slideshow. The images are selected from the media library, and new images may be added at the time of selection. The optional Image Description for each image is displayed as its caption. Options are available for setting the size (Tiny, Narrow, Medium, Wide, Full Screen) as well as adding a margin (top, bottom, or both). Available to place in the Paragraphs Body and Paragraphs Bottom fields.
Working with the Photo Gallery paragraph
Tabs
Similar to the Accordion paragraph, but instead of headers with accompanying expanding/collapsing content, each Tab Section consists of a Tab Name accompanied by a Tab Body; when a Tab Name is selected, its accompanying Tab Body is displayed. The paragraphs that can be added to the body include Formatted Text and Accordion. This paragraph type can be placed in the Paragraphs Body and Paragraphs Bottom fields.
Working with the Tabs paragraph
Video Gallery - 1 Column
Provides the same functionality as the Photo Gallery paragraph with the exception that videos are selected from the media library instead of images. The optional Video Description for each video is displayed as its caption. The same size and margin options found in the Photo Gallery paragraph are available. Available to place in the Paragraphs Body and Paragraphs Bottom fields.
Working with the Video Gallery paragraph
Video Gallery - 2 Column
Provides the same functionality as the Video Gallery - 1 Column, but two videos are shown per slide instead of one. These paragraphs do not have a size options and always display as wide as the space they occupy, but include the same margin options as the Photo Gallery and Video Gallery - 1 Column paragraphs. Available to place in the Paragraphs Body and Paragraphs Bottom fields.