Layout Builder: A paragraphs killer?
A presentation at Design 4 Drupal in in Boston, MA, USA by John Picozzi
Layout Builder A Paragraphs Killer? Page 1 | Drupal 9: When, Why, & How
We’re Hiring! Page 2 | Drupal 9: When, Why, & How
John E. Picozzi Senior Drupal Architect Drupal Providence 401-228-7660 oomphinc.com 72 Clifford Street, oomph.is/jpicozzi Providence, RI 02903 [email protected] Page 3 | Drupal 9: When, Why, & How
Kathy Beck Senior UX Engineer ● ● ● ● I’ve been working at Oomph since 2014 I started working in Drupal when it was at version 4.7 I’m helping lead Oomph’s Accessibility Initiative I co-organize Oomph’s Monthly Outings @kbeck303 /kbeck303 401-228-7660 oomphinc.com 72 Clifford Street, oomph.is/kbeck Providence, RI 02903 [email protected] Page 4 | Drupal 9: When, Why, & How
Overview September 1, 2016 Page 5 | Drupal 9: When, Why, & How
In one corner… Paragraphs September 1, 2016 Page 6 | Drupal 9: When, Why, & How
Flexible content, custom landing/basic page designs. Page 7 | Drupal 9: When, Why, & How
Leica Geosystems Page 8 | Drupal 9: When, Why, & How
Leica Geosystems Page 9 | Drupal 9: When, Why, & How
Leica Geosystems Page 10 | Drupal 9: When, Why, & How
Page 11 | Drupal 9: When, Why, & How
Page 12 | Drupal 9: When, Why, & How
Page 13 | Drupal 9: When, Why, & How
in the other corner… Layout Builder September 1, 2016 Page 14 | Drupal 9: When, Why, & How
Wait… why? (if it ain’t broke, after all…) September 1, 2016 Page 15 | Drupal 9: When, Why, & How
It’s In Core! Page 16 | Drupal 9: When, Why, & How
You can translate it (way more easily)! Page 17 | Drupal 9: When, Why, & How
Block Types: the new Paragraph Bundles Block Types are used with Layout Builder 1. THEY ARE IN CORE 2. THEY ARE REUSABLE 3. THEY ARE TRANSLATABLE 4. THEY ARE FIELDABLE 5. THEY ARE TEMPLATABLE Page 18 | Drupal 9: When, Why, & How “Block Types can be configured the same way you would configure Paragraphs Bundles”
Getting Started September 1, 2016 Page 19 | Drupal 9: When, Why, & How
Use Umami! Page 20 | Drupal 9: When, Why, & How
Helpful Modules September 1, 2016 Page 21 | Drupal 9: When, Why, & How
Page 22 | Drupal 9: When, Why, & How
Block Style Plugin Page 23 | Drupal 9: When, Why, & How
Layout Builder Modal Page 24 | Drupal 9: When, Why, & How
” For maximum flexibility and confusion, you could use these together, using Layout Plugin Views to configure each row so its fields display in a layout and Views Layout to insert each of those layout-enabled rows into specific regions of yet another layout. From drupal.org/project/views_layout Page 25 | Drupal 9: When, Why, & How
Page 26 | Drupal 9: When, Why, & How
Page 27 | Drupal 9: When, Why, & How
Advanced Setup September 1, 2016 Page 28 | Drupal 9: When, Why, & How
Page 29 | Drupal 9: When, Why, & How
Page 30 | Drupal 9: When, Why, & How
Page 31 | Drupal 9: When, Why, & How
Page 32 | Drupal 9: When, Why, & How
Tips & Tricks September 1, 2016 Page 33 | Drupal 9: When, Why, & How
Example of front-end styles getting applied to Layout Builder interface. Page 34 | Drupal 9: When, Why, & How
Page 35 | Drupal 9: When, Why, & How
Blocks can use Layout Builder Page 36 | Drupal 9: When, Why, & How
Page 37 | Drupal 9: When, Why, & How
” With great power there must also come — great responsibility! Uncle Ben — from Spider-Man Page 38 | Drupal 9: When, Why, & How
The Future September 1, 2016 Page 39 | Drupal 9: When, Why, & How
Page 40 | Drupal 9: When, Why, & How
Thank You! Thank you for listening. If you have any questions feel free to contact us. /kbeck303 /in/johnpicozzi @kbeck303 @johnpicozzi kbeck303 johnpicozzi
Oomph has been using Paragraphs to delivery “flexible content” areas and content layout for their clients. However, with the release of Drupal 8.7 and the addition of Layout Builder. Oomph has shifted from Paragraphs to Layout Builder. This talk will split time between the advantages of Layout Builder over paragraphs and how you can successfully implement layout builder on your next project.
- Some of the topics we will cover are
- How to setup Layout Builder for static and flexible content templates.
- How to setup components (blocks) to be added to your Layout.
- How to add custom user selected configuration to your components (blocks) as classes.
- Useful contribute modules to use with Layout Builder.
- Future Roadmap of Layout Builder
Video
Resources
The following resources were mentioned during the presentation or are useful additional information.
-
Drupal.tv
View this presentation on Drupal.tv
Buzz and feedback
Here’s what was said about this presentation on social media.
