Group in the Gutenberg editor

There are some useful practices that can make website building a lot easier. The group function in the Gutenberg editor is definitely one of them. What does converting any item in the Gutenberg editor into a group look like?

Gutenberg is a build-in WordPress editor since 5.6. version. It enables building posts and pages with blocks. The group block is one of our favorite features. Regardless of whether it is a picture, header or text – all these elements can be freely combined and grouped. Here’s how to do it.

Creating a group in the Gutenberg editor

Group
Group


Group function in the Gutenberg editor

The most important advantage of this function is that having elements collected within a group, we can introduce settings that by default apply to all elements included in the group. E.g. text color, background color, width, etc.

Group function in the Gutenberg editor


This is, of course, a very simple example. The more items in a group, the more time is saved in editing.

How to ungroup elements?

What to do when you want to change the layout already remove one element from the group. Click on the group block bar, expand the menu by clicking the three dots, select the “ungroup” option. Thanks to this, you can arrange the group anew, narrow the area or expand it with an additional element.

How to ungroup elements?

Do you have any questions? Let us know in the comment below!

Need help?

Thank you!

We will answer to your message as soon as possible

Need help? support-icon