Build Edge-to-edge Sites using Paragraphs Module in Drupal 8
Over the last couple of years edge-to-edge, or fluid looking websites, have become popular. You just have to look at a few digital agency websites and you’ll notice the common pattern.
With this design, the page is broken out into separate components. A component could be something as simple as a single text field, or something complex like an image gallery. You may also see scrolling animation on these components. As a user scrolls the text could zoom in from the right and an image could fade in from the left.
How would you build this type of website in Drupal?
Let me introduce you to Paragraphs.
The module allows you to build Paragraph types which an editor can then add to a page using a Paragraph field.
On a decent size website, you could have a few paragraph types: one for entering in text and another to display content in a grid, or another which displays a video.
In this tutorial, you’ll learn the basics of Paragraphs and we’ll setup a simple paragraph type for adding basic text.
In future tutorials, we’ll look at using Paragraphs to manage a dynamic sidebar and how to create an image gallery.
We have a lot to do, so let’s jump right in.