Wrappers for groups of blocks

  • The new Gutenberg looks great but has a major flaw in the way it works.

    The concept of a block is great but what is needed is a way to group a collection of blocks in a logical way would open up a way to allow a native way to layout a page without the need to use raw html.

    Is there any way currently you can do this? To be clear what I want is to have a ‘container’ which I can put ‘blocks’ into within the editor.

Viewing 2 replies - 1 through 2 (of 2 total)

  • I join this conversation to underscore the need to be addressed.
    There once was a way, although a bit clunky, which is now not usable: when the block called columns (grouped under layout blocks) was labeled “beta” you could create a single column. The default was 2 and you could type 1 in the select box and get a single column to contain multiple elements which you could then duplicate and move as a block. However, now that workaround is now handicapped because the single column’s width’s maximum is 50% (or so is appears).

    Since there is nothing like this by default in the pre-Gutenberg editor, I suppose this would qualify as a feature request but we really need a function such as this.

    The way I manage this currently is to shift/click to select multiple blocks. This is not visually very easy to do and requires a lot of mental processing. We really do need a way to group, copy, move, etc blocks as @websitesbymark mentions here.

    • This reply was modified 6 years, 5 months ago by stinkykong.

    I was hoping to hear an official reply by now. I believe my method above, adding a columns block and manually setting the value to 1 can be adapted if they don’t “fix” this. It possibly will require CSS for .has-1-columns .wp-block-column in the front end CSS and .has-1-columns .editor-inner-blocks in the back end CSS where each now has a rule flex-basis: 50% . I hope we can change this in our themes.

    Actually what I see in my browser’s rules are back end:

    .wp-block-columns > .editor-inner-blocks > .editor-block-list__layout > [data-type="core/column"] {
    flex-basis: 50%;
    flex-grow: 0;
}

    and front end:

    
.has-1-columns .wp-block-column {
    flex-basis: 50%;
    flex-grow: 0;
    padding-left: 16px;
    padding-right: 16px;
}
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Wrappers for groups of blocks’ is closed to new replies.