WordPress Block Editor Development

So I am trying to move away from developing with Classic editor and ACF in favour of the block editor, as I think live preview is brilliant and I want to increase my React knowledge, however I am a little confused about a few thing regard the way WordPress block layouts work.

Inserting a block/column into an empty page will have 100% width which is fine, however there seems to be no layout option for a container. The Group Block option seemed to be the solution and you can set theme support for 3 width sizes, but not all blocks support this by default and applying full width to the group does not allow the columns inside to be 100%. Plus this way seems mad because I would have to rewrite tons of css for the sizes and padding of columns when they already exist in the framework.

So is it the case that I need to develop my own “Section” block that will have a customisable settings and then give it a default option of a container, outputting a container into the edit and save function, from which you can add columns or blocks. How have people going about adding the right CSS classes to the columns block for their particular CSS framework do I need to rebuild the columns block or is there a way to edit the …useBlockProps() ??

How have others who use their own themes for development worked with this issue, or does an issue not exist and I’m confused?

​

Thanks.

 

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