/
Layout Builder | Guideline for new Projects
Layout Builder | Guideline for new Projects
Create options for layout builder - /admin/config/content/layout_builder_style
Create the ‘Groups’, then the individual ‘Styles’
Space examples being: pading-top, padding-bottom
Style examples being ‘background-blue, background-red, background-pattern’
Do not add any top or bottom margin/padding to individual blocks
Always add via the section styles (layout builder editing interface)
On mobile, add spacing to the columns themselves, not the components
Define what the ‘max-width’ is of the main content
Review whatever content is go into the 4 / 3 / 2 / 1 columns
Determine what breakpoints are to be used (when the columns should unstack - mobile → desktop mindset)
Related content
Layout Builder Best Practices
Layout Builder Best Practices
More like this
Frontend Resources
Frontend Resources
Read with this
Spacing System
Spacing System
More like this
WordPress Training Videos
WordPress Training Videos
More like this
Core Block Customization Reference
Core Block Customization Reference
More like this
Pattern Development How-to Guide
Pattern Development How-to Guide
More like this