"Site Building 2.0: How Layout Builder will change everything"

on YouTube ↗42m

" summary

Enables page-by-page and view-mode layout editing using Drupal 8.6.1 core Layout Builder: flip a checkbox, get drag‑and‑drop sections, per-node overrides and view-mode layouts that render through Views. Demo builds custom layouts via layouts.yaml + Twig templates, exposes configurable classes, and creates inline custom blocks (stored as entities attached only to that page). Works live in the demo: multiple stacked sections, nested layouts, and theme CSS control. Notes: translation is field-based; restrictions and a layout library exist as contrib modules.

AI-written summary · about

" chapters (32)

1. 0:00Start
2. 5:06turn layout builder on
3. 5:28a manage layout button
4. 6:35add sections
5. 7:23add another layout to this page
6. 8:42manage the layout of a teaser
7. 10:00add your own layouts
8. 11:28showing layouts through a view via the view mode
9. 13:19add another section
10. 14:05begin to compose together individual layouts into a page
11. 16:04inherit layouts in other layouts
12. 16:40add 20 different layouts to a page with different content
13. 17:39start customizing a layout
14. 22:14build a custom article from scratch
15. 22:58start customizing this via the layout sections
16. 23:39start talking about custom inline blocks
17. 24:19added an image to this node type via a custom block
18. 24:53look at the custom block library
19. 26:19add another image block
20. 27:28add an arbitrary group of links to this page
21. 28:35allow customization of each individual block of this bundle
22. 29:55add the main menu system
23. 30:44mixing the old block layout and the new layout
24. 32:00define new layouts through a layout siamo file
25. 32:38begin reinterpreting the configuration
26. 33:49generated the different fields for the header
27. 35:20define new new layout twig files
28. 37:25attempting to translate the individual components of the layout
29. 39:19evaluate sessions and feedback
30. 40:13customize the layouts of your paragraphs
31. 40:29turn layout builder on and go lay out your individual paragraph types
32. 40:52image field

" related talks

• 01h 01mThe new Layout Builder: Unleash the Power!Ted Bowman · DrupalCamp NJ 2019
• 30mLayout Builder: An Introduction and Current DevelopmentsChristopher Burge · MidCamp 2020
• 30mAce any design in Drupal - layout tools and components in your site-building toolboxAnna Mykhailova · MidCamp 2019
• 47mWhat's Next for the Layout InitiativeTim Plunkett · DrupalCon Amsterdam 2019
• 19mLayout builder ecosystemBoyan Borisov · DrupalCon Amsterdam 2019
• 53mVisual Layout Suite for Ambitious Site BuildersAlberto Ortega, Cristian Aliaga · DrupalCamp Spain 2023
• 35mHow Content Editors Use the Layout Builder: What the User Research ShowsSuzanne Dergacheva · MidCamp 2020
• 21mMaking Drupal as easy to use as SquarespacePhilippe Von Bergen · DrupalCon Amsterdam 2019