This tutorial is part of our series WordPress Gutenberg: The Ultimate Guide For Non-Technical WordPress Users.
The Group block lets you group other blocks together inside one container, like a parent block holding multiple child blocks within it.
The main benefits of using the Group block are:
In this section, we’ll cover:
For more details on using blocks (e.g. how to move blocks around your content), see this tutorial: How To Use Blocks.
To add a Group block:
Let’s go through the above steps.
First, create a new post or page or open an existing post or page and either:
Click on the Add Block tool and select a Group block.
Or, select a Group block using the Inserter tool in the Content Area.
Using either of the above methods will add a Group block to your content.
As mentioned earlier, the Group block is an empty container that allows you to add other blocks within it.
When you add a Group block to your content, all you will see is an empty block with an Insert tool.
Click on the Inserter tool to begin adding other blocks to your group.
Here, for example, we’ve added a Heading block inside the Group block.
To continue adding new blocks to the Group block, make sure that you are working inside the Group block (i.e. the parent block).
To access the parent Group block, hover over any child block icon to bring up the parent Group icon, then click on it.
You will see that the Inserter tool appears inside the Group block’s container. Click on the Inserter tool to add new blocks to the Group block.
Repeat this process to continue adding new blocks to the Group block.
You can add as many blocks as you like to a Group block.
Alternatively, you can create a Group block by adding new blocks to your content, then selecting these and using the ‘Change block type or style’ tool to transform all of your selected blocks into a Group block.
After adding a Group block to your content, you can:
Use the Group Block Editor to move the entire group of blocks inside the Group block using the Drag tool or the Up and Down arrows (if you need help, see our tutorial on How To Use Blocks).
Use the Group Block Settings to apply a common color theme to all of the blocks inside your group. For example, you can group a set of columns or combine blocks together to create forms or reports, then add a background color to all grouped blocks.
If you frequently use the same set of blocks together, you can also group these together and save the entire Group block as a Reusable Block.
The easiest way to view the blocks inside the Group block is to use the Outline tool in the Editing Toolbar.
Use the Outline tool to easily select and edit blocks inside the Group block.
To delete or remove a Group block from your content:
The Group block includes tools, options, and settings for:
The Group Block Editor includes tools that let you perform the following operations:
Group Block settings include:
You can convert a Group block into the following block types:
Installing plugins or themes on your site may also add new functionality, options, or settings to a Group block.
Congratulations! Now you know how to use the WordPress content editor’s Group block.
To learn how to use other blocks, go here: WordPress Block Editor – How To Use Blocks
"Your training is the best in the world! It is simple, yet detailed, direct, understandable, memorable, and complete." Andrea Adams, FinancialJourney.org
We are not affiliated, associated, sponsored, or endorsed by WordPress or its parent company Automattic. This site contains affiliate links to products. We may receive a commission for purchases made through these links.