How to Use the WordPress Group Block

Last Updated on October 26, 2021 by Leave a Comment

How to Use the WordPress Group Block
Blog / WordPress / How to Use the WordPress Group Block
Play Button

Adding individual elements to your post or page using the Block Editor is simple. However, if you plan to use similar blocks throughout your website, it makes sense to put them together and save them as templates. Doing this becomes simple once you master the GroupĀ block.

In this article, weā€™ll talk about what the GroupĀ block does and how to add it to your posts and pages. Weā€™ll also show you how to configure its settings, and discuss some tips and best practices for your grouped elements.

Letā€™s get to it!

Subscribe To Our Youtube Channel

How to Add theĀ GroupĀ Block to Your Post or Page

Adding this block is simple, but requires a different process than youā€™ll use with other blocks. To get started, open the post or page you want to work on, choose to add a new block, and select the GroupĀ option:

Adding a Group block in WordPress

When you place thisĀ block, a new section will appear, including the option to add multiple elements. Notice that there are two buttons for adding blocks now. If you use the first one, youā€™ll add an item within the set. The second button will add new modules afterĀ theĀ GroupĀ block:

Adding elements within the Group block

You can insert multiple elements of any type within the Group block. In our example, we added three table blocks. At first glance, it might not be clear what elements are included within the group. To avoid confusion, you can click on the List ViewĀ button within the Block Editorā€™s main menu:

A list view of a Group block

 

Thatā€™s the first method for adding a GroupĀ block to your posts and pages. An alternative is add all of the blocks you want in your group, and then select them within the editor. If you choose multiple elements, the Block Editor will give you the option to link them:

Grouping existing blocks together

Once your block is ready to go, remember that you can save specific groupings as templates or reusable blocks. Weā€™ll show you how to do that in the next section.

Group Block Settings and Options

Since theĀ GroupĀ block can contain several different elements, youā€™ll likely be presented with multiple formatting menus. This section will show you how to work with this blockā€™s customizable options and general settings.

Toolbar Settings

If you put several tables together, you can select each TableĀ block and get access to its formatting settings and options:

An individual element within a Group block

If you select an entireĀ GroupĀ block, you can view a different, more straightforward formatting menu. Here are the options it includes:

  1. Transforming the block into columns
  2. Moving the block using drag-and-drop functionality, or shifting the elementā€™s position up or down
  3. Modifying the blockā€™s width
  4. Additional options, including breaking up the set or saving it as a reusable block

Letā€™s check out where to find each setting within theĀ GroupĀ blockā€™s formatting menu:

The Group block's formatting options

Most of the options here are relatively straightforward. Youā€™ll likely spend more time tweaking the formatting for individual blocks within the set. The two standout settings here are the options to save the GroupĀ block as a reusable element (1) or break it up (2):

Ungrouping a block or saving it for reusing

If you choose Ungroup, the block will separate into individual elements. The Add to reusable blocksĀ option will enable you to save that unique grouping and its settings, so you can reuse it in other posts or pages:

Creating a reusable block

Once you save your block, it will show up under the ReusableĀ tab when you add a new element to any post or page:

Adding a reusable block in WordPress

You can add reusable blocks to any page or post within WordPress. However, you might have to change some styling settings for the elements to fit properly.

Additional Options

Each WordPress block comes with various settings that you can access by clicking on the gears icon in the top-right corner of the Block Editorā€™s main menu.

The GroupĀ block offers settings that change the style of your set (1), modify its colors (2), and add padding between the border and its internal elements (3):

The Group block's settings

TheĀ GroupĀ block enables you to choose between two styles: one with and one without borders. If you pick the BordersĀ option, it will add a boundary surrounding the internal components. However, the settings menu doesnā€™t enable you to change the style or color of the edges:

Adding a border for a Group block

Moving on, you can set new colors for the text, the background, and the links within the block. However, keep in mind that individual settings for each internal element will override these global options:

Changing the colors within a Group block

Then you can click on the SpacingĀ tab to change the padding between the blockā€™s border and its internal elements. To do so, youā€™ll need to specify the distance in pixels:

Adding padding to a Group block

Once youā€™re happy with the configuration and style of your block, you can move on to other elements within that post or page.

Tips and Best Practices for Using the Group Block Effectively

You can use theĀ GroupĀ block to link any elements you want. However, we recommend that you only group items if you have a compelling reason to do so. Some great reasons for using thisĀ block include:

  1. Customizing a set of blocks with similar settings.
  2. Moving a selection of blocks within a post or pageā€™s layout while keeping them together
  3. Saving a collection of blocks to reuse them later on another post or page.

If you change your mind about linking a set of blocks together, remember that you can always separate them, and it wonā€™t affect their individual settings. Once youā€™re familiar with the Block Editor, you can create gorgeous and complex elements that you can reuse throughout your website.

Frequently Asked Questions About the Group Block

By now, you know almost everything there is to know about the WordPress GroupĀ block. To wrap things up, weā€™ve put together a collection of the most commonly asked questions concerning this element, to ensure that youā€™re not missing any key details.

Can I Group Any WordPress Blocks Together?

TheĀ GroupĀ block enables you to link any WordPress blocks. As such, you can use it to put together complex designs that include multiple elements.

Can I Edit Individual Blocks Within a Group?

The Block Editor gives you access to ā€œglobalā€ options that encompass the entireĀ GroupĀ block that youā€™re working on. Additionally, you can still access formatting and styling settings for each element within the set.

Are Group Blocks the Same as Reusable Elements?

You can save most blocks as reusable elements within the Block Editor. However, theĀ GroupĀ block enables you to save entire sets of block components as a single reusable item.

Conclusion

TheĀ GroupĀ block is one of the most interesting features within the WordPress Block Editor. Instead of dealing with blocks individually, it enables you to link them together and customize them simultaneously.

You can saveĀ GroupĀ blocks as reusable elements that you can add throughout your site, break up if you want to work with individual components, and more. Considering that the WordPress Block Editor enables you to group any type and number of blocks, thereā€™s little you canā€™t do with this feature.

Do you have any questions about how to use this WordPress block? Letā€™s talk about them in the comments section below!

Featured Image via Alphavector / shutterstock.com

Divi Cyber-monday Sale

It's The Divi Cyber Monday Sale! Save Big For A Limited Time šŸ‘‡

Save big on Divi and Divi products for a limited time.

Access The Sale
Divi Cyber-monday
Premade Layouts

Check Out These Related Posts

7 Best WordPress Website Builders in 2023 (Compared)

7 Best WordPress Website Builders in 2023 (Compared)

Posted on November 16, 2023 in WordPress

When you’re in the market for a new website, there are a lot of factors to consider. Price, features, and platform all come into play. WordPress has a considerable market share and is one of the world’s most customizable content management systems. With over 44% of the internet built on...

View Full Post
4 Best AI WordPress Website Builders in 2023 (Compared)

4 Best AI WordPress Website Builders in 2023 (Compared)

Updated on November 13, 2023 in WordPress

WordPress is one of the world’s most popular content management systems (CMS), with over 44% of the internet built on it. For over a decade, website builders have allowed users to quickly build WordPress sites with drag-and-drop editors and easily load pre-design templates. With the emergence...

View Full Post

Leave A Reply

Comments are reviewed and must adhere to our comments policy.

šŸ‘‹ It's The Divi
Cyber Monday Sale!
Get The Deal
Before It's Gone!
Get Started With Divi