Column layout question for my fellow Gutenberg purists

[ad_1]

How do you go about creating full width sections? The way I see it there are two ways:

1. Create a custom “section” block using ACF
1. Put an <innerfields> section to revert back to the default Gutenberg blocks
2. Extend the default columns block with:
1. Align full to make things full width
2. Custom block styles to allow easy background colors or textures

The limits of item 1 are that the options are not the default look of blocks, which I love, and ACF blocks do have their own interface in the sidebar. Hardly a deal breaker, but the more ubiquitous I can make the CMS experience the better.

The problems with #2 are that I have to add a decent amount of custom CSS to ensure all the stacked “wp-block-column**s**” and “wp-block-column” all stack on top of each other and provide the appropriate amount of spacing, as many different rows of columns can be placed inside a parent “alignfull” column.

My main goal is to lean into the default Gutenberg layout/columns as much as possible, making it easy for my team and my clients to replicate layouts and draft up layouts of their own based on content needs. It just seems crazy to me that core Gutenberg doesn’t have a “section” block.

How do you all handle this? Any thoughts are comments are appreciated!

[ad_2]

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer