Paragraphs: content editing reinvented
The biggest problem of the modern web is that non-tech-savvy users have to manage the content. Those people can quite mess up your responsive layout with their way too big tables, inline images and text marked up with Word. That's why we invented Paragraphs, less to mess up, but still the flexibility of WYSIWYG.
Let's face it, the web has evolved. But what about content editors? Dit they evolve with the web?
Most of them still like to paste everything they can find into a big WYSIWYG texarea. That's not a viable option when you want to build responsive websites. It gets even harder when you want to use cool technologies like responsive images. Wouldn't it be awesome if you had all those pictures in image fields, or maybe even better, in Scald? Behold: Paragraphs!
We developed Paragraphs to be a full blown replacement of the default body field. It's comparable with Inline Entity Form, except that you can use different types of bundles in the same field. It also comes with content editing features like having your paragraphs collapsed by default. More features are on the way!
Some examples of Paragraph Bundles that we have created in the past:
- Slideshow - A simple slideshow in your content:- Create a slideshow Paragraph bundle.- Add a multi-value image field.- Use a slideshow formatter.
- Youtube embed - A Youtube embed between your text blocks:- Create a Youtube Paragraph bundle.- Add a simple embed field. - Tweak the formatter settings to fit your needs.
- Customer Quote - Add a personal quote/review from your customer in your content:- Add a author, text and optional email field.- Theme it to your style, with bundles-specific templates.
The bundles above are use-case-specific, we often start with the following bundles:
- Text: a simple WYSIWYG textfield with the basis buttons enabled, like bold and italic.
- Text Left, Image Right: same as above, but with an image on the right of the text.
- Text Right, Image Left: same as above, but with the image on the left.
- Fullwidth image: an image that takes the full width of the content.
All paragraph bundles have their own display settings and view modes, just like nodes! Because of that, every paragraph item also has it's own theme suggestion.
Because of the seperation of content, it's great for a responsive site. For example: Just add a wrapper around your slider paragraphs that hides the slider on mobile, or makes it smaller on tablets.
Note: Paragraphs is also useful if you want to build a Drupal site with Parallax scrolling. More on that later!