-as of [11 AUGUST 2025]-
.
.
Nested blocks are one of the most powerful features in the WordPress block editor — and mastering them can take your designs to the next level.
They let you group and organize multiple elements like paragraphs, images, and buttons into a single layout.
Once you understand how to use them, you can create more flexible, professional-looking pages without relying on extra plugins or custom code.
At WPBeginner, we’ve been using nested blocks since they first launched, and they’ve completely changed how we approach page design.
They make complex layouts easier to manage and help turn basic content into polished, user-friendly sections.
In this guide, we’ll walk you through how to select and use nested blocks in WordPress, step by step — so you can start building cleaner, more effective layouts with confidence
.
Select and use nested blocks in WordPress
What Are WordPress Nested Blocks?
The WordPress Gutenberg nested block feature allows you to insert (or ‘nest’) one or more blocks within another block.
Nested blocks help you create more complex layouts on your WordPress website by adding multiple blocks inside each other.
This allows for more flexibility when designing and formatting content for pages and posts.
For instance, you can nest multiple Image blocks within a Group block to display a set of photos from a particular event
or a series of artworks created using a particular technique.
.
Preview of WordPress nested blocks
.
Additionally, the nested block feature allows you to edit individual blocks separately.
This allows you to customize each block according to your needs without affecting the other blocks.
.
This, in turn, results in…
better content organization,
makes content more attractive,
and streamlines the creative process
.
That being said, let’s see how you can easily select and use WordPress Gutenberg nested blocks.
.
How to Use the WordPress Nested Blocks
You can easily nest multiple blocks together using the Group or Columns block in the Gutenberg block editor.
First, you need to open up an existing or new post in the block editor from the WordPress admin sidebar.
From here, simply click on the add block ‘+’ button in the top left corner of the screen and find the Group block.
Upon clicking it and adding it to the page, you must select a layout for the blocks that you will nest together.
For this tutorial, we will be selecting the ‘Group’ layout.
Select Group block from the block menu
Next, simply click on the ‘+’ button on the screen to start adding content within the parent block.
For the sake of this tutorial, we will be adding an Image block.
Add an image block within the Group block
Upon adding the block, just click the ‘Group’ button in the block toolbar at the top to select the parent block.
Next, you need to click the ‘+’ button to open up the block menu again, from where you can choose other blocks to add.
Open the block menu to add another block within the Group block
.
How to Configure WordPress Nested Block Settings
Once you have nested multiple blocks, you can configure their individual settings by clicking on each block.
From there, the block settings will appear in the right column on the screen
From here, you can adjust the background color, text color, and size of the individual blocks without affecting the other blocks that are nested within it
.
Configure the individual block settings
To configure the settings of all the nested blocks together, you will have to click the ‘Group’ button in the block toolbar at the top.
This will open up the parent block settings in the right column.
You can now configure the justification, orientation, background color, text color, and typography of all the nested blocks
Keep in mind that these settings will affect all the blocks nested within the parent block
.
Configure the settings of the Group block
You can also convert an existing individual block into nested blocks by clicking the ‘Options’ button in the top toolbar of any block.
This will open up a menu prompt, where you need to select the ‘Create Pattern’ option
.
Create a pattern
Once you have done that, a prompt will open up asking you to give a name and choose a category for your new reusable block.
Then, click the ‘Create’ button to store your settings
.
Add a name for the pattern
.
After you are satisfied, don’t forget to click the ‘Publish’ or ‘Update’ button to save your changes
.
In our example, we have nested a Title, Image, and Paragraph block within a Group block.
This is how the nested blocks looked on our demo website
Preview of WordPress nested blocks
Bonus: Use the Wayfinder Plugin to Easily Select Nested Blocks
Sometimes, it can be difficult to select an individual block and configure it when there are multiple blocks nested together.
Luckily, the Wayfinder plugin makes it super easy to select nested blocks from a parent block and even tells you the type and class of the blocks.
First, you will need to install and activate the Wayfinder plugin. For more instructions, see our beginner’s guide on how to install a WordPress plugin.
Upon activation, head over to the Settings » Wayfinder page from the WordPress admin sidebar.
Once you are there, all the settings will already be activated. You simply need to uncheck the box next to the settings that you don’t want to use.
For example, if you want Wayfinder to display block types for all the blocks in the editor, then keep the box checked next to the ‘Display block type’ option.
Configure the Wayfinder plugin settings
However, if you don’t want the plugin to display block classes, simply uncheck the box next to that option.
After configuring the settings, don’t forget to click the ‘Save Changes’ button.
Next, you need to open up an existing or new post in the WordPress block editor from the dashboard.
Once you are there, hovering your mouse over any inner block will show an outline with its name. You will also be able to see the outline and name of any nested blocks within the parent block.
GIF for the Wayfinder plugin
This will help you identify all the different blocks that are nested within a Group or Column block.
From here, you can easily select an individual block from the parent block to configure its settings.
Use Wayfinder plugin to easily select a block
You can also select all the nested blocks at once by clicking on the ‘Columns’ or ‘Group’ heading. This will open the parent block settings in the right column.
After configuring the block settings, simply click the ‘Update’ or ‘Publish’ button to save your changes.
Click the Group block outline to open its settings
We hope this article helped you learn how to select and use WordPress nested blocks. You may also want to see our step-by-step tutorial on how to change block height and width in WordPress and our beginner’s guide on how to use WordPress block patterns.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. See how WPBeginner is funded, why it matters, and how you can support us. Here’s our editorial process.
Editorial Staff
About the Editorial Staff
Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing.
Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.
www.wpbeginner.com /wp-tutorials/how-to-select-and-use-wordpress-nested-blocks/
How to Select and Use Nested Blocks in WordPress
Syed Balkhi7-9 minutes 6/23/2023
.
.
*👨🔬🕵️♀️🙇♀️*SKETCHES*🙇♂️👩🔬🕵️♂️*
.
.
👈👈👈☜*-[WORDPRESS WEBSITE] INSTRUCTIONS-* ☞ 👉👉👉
.
.
💕💝💖💓🖤💙🖤💙🖤💙🖤❤️💚💛🧡❣️💞💔💘❣️🧡💛💚❤️🖤💜🖤💙🖤💙🖤💗💖💝💘
.
.
*🌈✨ *TABLE OF CONTENTS* ✨🌷*
.
.
🔥🔥🔥🔥🔥🔥*we won the war* 🔥🔥🔥🔥🔥🔥