The document discusses Layout Builder, a page builder module for Drupal. It outlines challenges in using earlier page builder options and how Layout Builder was improved. It then details how a software company built on the Layout Builder platform, developing basic block types, color/theme management tools, and other features to make the site easy for non-technical users to manage.

1. Layout Builder. How we build
platform with color/theme
management.
Vitalii Zinenko,
Team Lead at AnyforSoft
Kharkiv, Ukraine 2019
DrupalCampKyiv2019

2. WARNING!!!!!!1111 Area of “memasiki”
DrupalCampKyiv2019

3. Main topics
Drupal “Page builders”
Layout Builder from
“experimental”
Layout Builder “now”
Why we used Layout Builder
Our improvements
Demo
DrupalCampKyiv2019

4. Drupal “Page builders”
Bricks
Panels
Lndr - landing page builder
Page Manager
Gutenberg
Layout Builder
DrupalCampKyiv2019

5. Requirements and questions
DrupalCampKyiv2019
Limit list of blocks per content type
Limit list of layouts per content type
List of settings per block inside builder

6. Few words about our Platform
DrupalCampKyiv2019
Head Office client
Market
Country
Market
Country
Market
Country
Market
Country
PM, TL, QA
Dev Team

7. Challenges that we met
DrupalCampKyiv2019
People who never seen Drupal
People can’t imagine what they want
How to learn all Markets to work with Drupal
Prioritize requirements from Markets
How to make life easy to 30+ people who will use this
How to deploy new layouts/updates without Pain

8. Panels/Page Manager = to hard to learn. People
have more easy system for now
Paragraphs + Bricks = it’s ok, but it’s not that we
totally want
Layout Builder = it’s ok, but it’s not stable.
Long way to choose Builder
DrupalCampKyiv2019

9. Layout Builder from “experimental”
DrupalCampKyiv2019
Layout Builder Restrictions
https://www.drupal.org/project/layout_builder_restrictions
Layout Builder Enhancements
https://www.drupal.org/project/layout_builder_enhancements
additions

10. Good things of layout Builder
DrupalCampKyiv2019
Dynamic Layouts. 1 column. 2 column (25% / 75%)
width. etc
Live preview of building page
Easy manage existing block
Custom add-ons to blocks

11. С̶т̶а̶д̶и̶о̶н̶ ̶т̶а̶к̶ ̶с̶т̶а̶д̶и̶о̶н
DrupalCampKyiv2019
Layout Builder

12. Request from Client
DrupalCampKyiv2019
Re-usable blocks
Easy to manage pages/blocks
Flexibility in layout columns
We don’t understand “node”, “views” etc

13. What client want to do
DrupalCampKyiv2019
Click-Click i v prodakshn

14. First issue that we met
DrupalCampKyiv2019

15. Main concept
DrupalCampKyiv2019
nodes
views
Layout Builder page
Block 1
Views List 1
Node 1
Block 2
Webform
webforms
Fields
paragraph
block

16. ISSUES WITH THIS?
DrupalCampKyiv2019
It’s very hard for client to understand difference
between nodes, blocks, views, and how to place
content
We need in Basic settings for each placed block
Content / Template Structure for Developers. We use
PatternLab here.

17. Final Concept
DrupalCampKyiv2019
Base
Block
Base
Block
Layout Builder page
Base Block 1
Base Block 2
Base Block 3
Base Block 4
Base Block 5
Base
Block
Base
Block
Base
Block

18. Basic Block
DrupalCampKyiv2019
nodes views
webforms

19. Basic Block Class
DrupalCampKyiv2019

20. Other blocks
DrupalCampKyiv2019
BASIC BLOCK
Content Reference
(Nodes, Entities)
Views List
Webform

21. Basic Block Settings
DrupalCampKyiv2019

22. Color list or color picker
DrupalCampKyiv2019

23. Color Management
DrupalCampKyiv2019

24. Color Management
DrupalCampKyiv2019

25. Background management
DrupalCampKyiv2019

26. Background management
DrupalCampKyiv2019

27. Whole page settings
DrupalCampKyiv2019

28. Collapsible blocks
DrupalCampKyiv2019

29. Collapsible blocks
DrupalCampKyiv2019

30. DEMO
DrupalCampKyiv2019

31. DrupalCampKyiv2019
Collapsible blocks

32. Contact information
vitalii.z@team.anyforsoft.com
/u/vitalyos
/vitalii.zinenko
anyforsoft.com
Contact me
Vitalii Zinenko
Team Lead at AnyforSoft
DrupalCampKyiv2019