| WordPress

How to Use the Group Block in Gutenberg WordPress

Over the last few weeks, I've been using (and enjoying) Gutenberg more and more.

I've learned to work around its eccentricities and in many way it has made my blogging faster and easier. The Reusable blocks feature has been particularly useful. I'm able to create an image with a caption, or a list of useful links, and quickly drop it into any post.

A new version of Gutenberg is about the make Reusable blocks even better: Gutenberg 5.5 introduces a "Group" block:

gutenberg groups block

A "Group" block can have multiple other blocks nested inside it. In the example below, there is a Heading and a Paragaph block inside the main Group block. You can tell it's a group because of the single line on the left side that unites both blocks.

group of blocks

Inside the group, there an indicator showing that blocks are child blocks. In the example below, the grey block shows "Group > Paragraph".

group paragraph

The feature is a little fiddly at the moment, but I can imagine this increasing my use of Gutenberg even further. I'll enjoy being able to save groups of blocks inside a single "Reusable block".

The features in Gutenberg 5.5 will be in the upcoming WordPress 5.2 release, which is due for release in early May.

WPTavern quotes the lead developer as saying, “It’s a minimal version at the moment and improvements about the flows to add inner blocks, group/ungroup blocks are expected in follow-up releases."

More New Gutenberg Goodness

The video introduction to Gutenberg

WordPress 5 is here with a brand new editor called Gutenberg that changes the way posts and pages are created and edited. This video is your complete guide to Gutenberg! Thanks to our friends at Glowhost for making this video possible: Save 60% on your first invoice when you host your WordPress site with GlowHost. Click here and use the coupon "WPGUTENBURG".

About the author

Steve is the founder of OSTraining. Originally from the UK, he now lives in Sarasota in the USA. Steve's work straddles the line between teaching and web development.