Layout Builder: A paragraphs killer?

A presentation at Design 4 Drupal in June 2019 in Boston, MA, USA by John Picozzi

Slide 1

Slide 1

Layout Builder A Paragraphs Killer? Page 1 | Drupal 9: When, Why, & How

Slide 2

Slide 2

We’re Hiring! Page 2 | Drupal 9: When, Why, & How

Slide 3

Slide 3

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

Slide 4

Slide 4

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

Slide 5

Slide 5

Overview September 1, 2016 Page 5 | Drupal 9: When, Why, & How

Slide 6

Slide 6

In one corner… Paragraphs September 1, 2016 Page 6 | Drupal 9: When, Why, & How

Slide 7

Slide 7

Flexible content, custom landing/basic page designs. Page 7 | Drupal 9: When, Why, & How

Slide 8

Slide 8

Leica Geosystems Page 8 | Drupal 9: When, Why, & How

Slide 9

Slide 9

Leica Geosystems Page 9 | Drupal 9: When, Why, & How

Slide 10

Slide 10

Leica Geosystems Page 10 | Drupal 9: When, Why, & How

Slide 11

Slide 11

Page 11 | Drupal 9: When, Why, & How

Slide 12

Slide 12

Page 12 | Drupal 9: When, Why, & How

Slide 13

Slide 13

Page 13 | Drupal 9: When, Why, & How

Slide 14

Slide 14

in the other corner… Layout Builder September 1, 2016 Page 14 | Drupal 9: When, Why, & How

Slide 15

Slide 15

Wait… why? (if it ain’t broke, after all…) September 1, 2016 Page 15 | Drupal 9: When, Why, & How

Slide 16

Slide 16

It’s In Core! Page 16 | Drupal 9: When, Why, & How

Slide 17

Slide 17

You can translate it (way more easily)! Page 17 | Drupal 9: When, Why, & How

Slide 18

Slide 18

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”

Slide 19

Slide 19

Getting Started September 1, 2016 Page 19 | Drupal 9: When, Why, & How

Slide 20

Slide 20

Use Umami! Page 20 | Drupal 9: When, Why, & How

Slide 21

Slide 21

Helpful Modules September 1, 2016 Page 21 | Drupal 9: When, Why, & How

Slide 22

Slide 22

Page 22 | Drupal 9: When, Why, & How

Slide 23

Slide 23

Block Style Plugin Page 23 | Drupal 9: When, Why, & How

Slide 24

Slide 24

Layout Builder Modal Page 24 | Drupal 9: When, Why, & How

Slide 25

Slide 25

” 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

Slide 26

Slide 26

Page 26 | Drupal 9: When, Why, & How

Slide 27

Slide 27

Page 27 | Drupal 9: When, Why, & How

Slide 28

Slide 28

Advanced Setup September 1, 2016 Page 28 | Drupal 9: When, Why, & How

Slide 29

Slide 29

Page 29 | Drupal 9: When, Why, & How

Slide 30

Slide 30

Page 30 | Drupal 9: When, Why, & How

Slide 31

Slide 31

Page 31 | Drupal 9: When, Why, & How

Slide 32

Slide 32

Page 32 | Drupal 9: When, Why, & How

Slide 33

Slide 33

Tips & Tricks September 1, 2016 Page 33 | Drupal 9: When, Why, & How

Slide 34

Slide 34

Example of front-end styles getting applied to Layout Builder interface. Page 34 | Drupal 9: When, Why, & How

Slide 35

Slide 35

Page 35 | Drupal 9: When, Why, & How

Slide 36

Slide 36

Blocks can use Layout Builder Page 36 | Drupal 9: When, Why, & How

Slide 37

Slide 37

Page 37 | Drupal 9: When, Why, & How

Slide 38

Slide 38

” With great power there must also come — great responsibility! Uncle Ben — from Spider-Man Page 38 | Drupal 9: When, Why, & How

Slide 39

Slide 39

The Future September 1, 2016 Page 39 | Drupal 9: When, Why, & How

Slide 40

Slide 40

Page 40 | Drupal 9: When, Why, & How

Slide 41

Slide 41

Thank You! Thank you for listening. If you have any questions feel free to contact us. /kbeck303 /in/johnpicozzi @kbeck303 @johnpicozzi kbeck303 johnpicozzi