Knowledge Base
MilesWeb / WordPress FAQ

Learn to Use the Group Block in WordPress

Approx. read time : 3 min

From the time when Gutenberg editor was integrated into WordPress in version 5.0, blocks have become the basis of building posts and pages in the visual editor. For saving your time, the Group block is provided to enable you to group several blocks together. In this way you can maintain related content in a group and move it together if required. Follow the below steps to learn how to add and use the group block in a page or post.

Steps to Add the Group Block

In WordPress, if you want to edit or create a post or page, it is required to be logged into the Administrator Dashboard. Then follow the steps below to find and add the group block:

Create a new or edit an existing page or post.

Click on the + sign for adding a new block.

In case, there aren’t any blocks seen in the Common Blocks area, then go down to the Layout Elements section and click on Group.

Then the group block added with a circled + sign will be seen in the center of the block as in the below image:

Using the Group Block

As mentioned previously, the group block is used to organized related content together. With this you can create related content groups that you can move around without having to select each individual element that makes up that group.

Steps to Add Content to Group Blocks

After you see the group block, click on the circled + sign for adding content.

Then the block list window will pop up. Select the block that you want to add to your group.

Add the content.

If you want to add another block within the group, click on the block that you just added then navigate to the vertical three-dot menu and click on it.

The options to Insert Before or Insert After will get displayed.

Now the block will start off as a paragraph block, by default. It can be changed by clicking on the circled + sign at the right end of the block.

After selecting the block that you want to use and adding your content, ensure to click on the Save Draft, Publish, or Update button in the top right corner of the screen.

Steps to Select Blocks

After adding a group block, it will be hard to select that block or any other group block. There may be an issue with the WordPress interface, but remember that when you use your mouse directly on the block won’t always give you the block pop-up menu. But, you will find a few interface options in the editor for selecting the blocks as needed.

In case you can’t select the block, check the top of the editor. Here you will find a few options which can help. Click on the Block navigation and select the group box from the block structure which is listed in the form of tree. So, just click on “Group” for selecting the group block.

In case you don’t get an access to the group block with Block navigation, then you can use the option called Document Outline to the left of it. In Block navigation, it is possible to click on each item in the outline. With this, you will able to choose the group if there are multiple groups and Block navigation is not displaying them.

Tips to Use the Group Block

For learning what are blocks in a specific group block, just change the background color, once you select the group block. Only the blocks that are part of that group are visible. It is possible to use the Block navigation or the Document Outline option to check what part of your group block is.

For easily seeing the blocks that make up the group, use the background color.

Congratulations! You can now use group block in the WordPress Editor.

Also Read
How Do I Import/Export My WordPress Gutenberg Blocks?

Pallavi is a Digital Marketing Executive at MilesWeb and has an experience of over 4 years in content development. She is interested in writing engaging content on business, technology, web hosting and other topics related to information technology.

Trusted By Thousands of Clients & Big Businesses

We highly appreciate the kind and stellar feedback we receive from our customers. Delivering the best is our goal! MilesWeb is rated Excellent out of 5 based on reviews. Read more reviews.

Excellent
Based on reviews
2 hours ago
Perfect and Valuable Server + ...
I am using MilesWeb Servers, The main thing which I getting are continuous support over everything w...
Gunjan Makwana
4 hours ago
Milesweb is superb Hosting pro...
Milesweb is superb Hosting provider ever, their Support team is amazing!!!...
Abhishek Singh
15 hours ago
Great support in great timing...
We need urgent assistance on changes in a primary domain on our client's Cpanel accounts and reached...
Riyaju Deen
21 hours ago
Best Website Hosting platform ...
I was new on MilesWeb. And needed help on multiple areas from setting up to getting started with cre...
Harshada
1 days ago
Very quick and helpful assista...
Very quick and helpful assistance. Support person listened properly and provided a nice solution....
Narendra
1 days ago
the team is very supportive th...
the team is very supportive though at times effort needs to be made to make understand the problem s...
Suree Sharma
1 days ago
I am using miles web for 3plus...
I am using miles web for 3plus years, very quick and perfect support by the team, they helped me man...
Sri Raghav
2 days ago
The service is good...
The service is good. They are answering with patience and doing the needful as soon as possible....
MR
2 days ago
Perfect and Valuable Server + ...
I am using MilesWeb Servers, The main thing which I getting are continuous support over everything w...
Gunjan Makwana
3 days ago
Very quick and helpful assista...
Very quick and helpful assistance. Support person listened properly and provided a nice solution....
Narendra
4 days ago
positively helped me with find...
positively helped me with finding insecure content on my website causing SSL to not work properly on...
Thaviraj Junglee
4 days ago
Exceptional support, Truly Pra...
I had opted for the basic wordpress hosting plan as I intended to experiment with various plug-ins. ...
Aseem Chandna