Gutenberg 6.0 Adds Layout Picker to Columns Block

Gutenberg 6.0 was released today with a major update to the Columns block. Users can now select from a set of pre-defined layouts for their columns, with additional features that address many long-standing complaints regarding the block’s usability.

Although many plugins are already doing more advanced things with columns and grid layouts, WordPress core’s current implementation of the Columns block is so confusing that it is barely usable. It has a sliding control for selecting the number of columns but it is difficult to see the column boundaries.

Gutenberg 6.0 gives users the ability to select from multiple pre-defined column options, which include some commonly-requested layouts with variable widths. Users can also elect to skip the layouts and start from scratch. Below is a video demo Gutenberg phase 2 lead Riad Benguella shared in the release post:

The column settings also include a sliding percentage width control, so users can further customize it, whether starting from a template or from scratch.

In adding pre-defined layouts to columns, the Gutenberg team enhanced the InnerBlocks component, allowing developers to extend it to create their own sets of template options to appear upon inserting a block. The Columns block serves as an example implementation of this.

This release also incorporates more than a dozen smaller enhancements and fixes, including snackbar notice support for the widgets screen. Check out the changelog for a full list of changes.


5 responses to “Gutenberg 6.0 Adds Layout Picker to Columns Block”

  1. This is a welcome step forward, as I have found the Columns block limited in use compared to page builders. You said that “WordPress core’s current implementation of the Columns block is so confusing that it is barely usable.” I have to agree!

    Even with these changes, the block is still quite fiddly to manipulate, though. The ability to have variable width columns is nice but I wish it was possible to drag the column edge to adjust the width as well as use the slider.

    Any idea when these features are coming to Core?

  2. A lot of people don’t like to compare Gutenberg to Page Builders. I feel like once you start allowing the user to define layouts you’ve moved away from simple editing and stepped into realm of page building. You’re no longer editing simple content in a word document like the Classic Editor but building layouts on a white screen that may not necessarily look the same when you publish that page to whatever theme.

    Part of the beauty of Page Builders is you get the front-end experience while building your layouts and adding in your content. They may as well start to embracing that type of experience and start competing with actual Page Builder plugins.

  3. I have one BIG problem with Gutenberg.
    I write lots of technical text with code listing. In this text i use PRE elements in witch I mark some lines with data-text (required by plugin).
    In old/classic editor this works wery well. In Gutenberg all attributes are cut…


Subscribe Via Email

Enter your email address to subscribe to this blog and receive notifications of new posts by email.

%d bloggers like this: