What will you learn
- Overview of Layout Builder and its common uses
- Creating flexible layouts for content types
- Customizing layouts on a per-page basis
- Understanding and applying Layout Builder design patterns
- Building layouts with configurable settings
- Best practices for defining and using custom layouts in modules or themes
Overview
Drupal's Layout Builder is a flexible, drag-and-drop tool used for designing and customizing page layouts without writing code, enabling site builders to create complex and responsive layouts through the UI.
Drupal's Layout Builder API allows module developers to create custom layouts that enhance the Layout Builder UI with unique, reusable design options to better meet specific site requirements.
Author, Anna Mykhailova
Anna, amykhailova on Drupal.org, is an Associate Director of Technology and certified Acquia Grand Master. She has extensive real-world experience using Layout Builder, and the various solutions that preceded it, to solve client's needs through her work as developer over the past 6 years.
Courses
Learn Drupal's Layout Builder
This course covers how to create flexible layouts for different content types, customize layouts on a per-page basis, and manage the blocks available in the Layout Builder UI. You will also learn about various design patterns, using Entity view modes in Layout Builder, and additional contributed modules that enhance the Layout Builder experience.
Develop custom layouts
This course covers how to create custom layout plugins that provide new unique layouts and adapt based on user provided configuration, how to build layouts with configurable settings to provide flexibility to content editors, and how to use plugin derivatives to dynamically generate layout plugins.