What is a reusable block?
A reusable block is a block (or several blocks) created in the WordPress editor. The created reusable blocks are used on multiple pages or posts on a site as clones. This means the content and display settings for the reusable block remain the same across all instances.
What are reusable blocks used for?
Reusable blocks are typically used for content that you want to remain consistent across a site when used in multiple places (on multiple pages or posts). They can be created in the editor of any page or post and saved as a reusable block. Once a reusable block is created it can be used on any other page or post. Reusable blocks can also be edited and saved from any page or post, resulting in the changes being updated in all instances of the reusable block.
Reusable blocks can also be inserted in the editor then changed to regular blocks, breaking the connection between all of the other instances. In this case, changes to the block will not be updated across the site.
How do I make a reusable block?
Creating a reusable block is incredibly simple, especially compared to creating block patterns.
- Add Blocks to the Editor
The first step in creating a reusable block is to add a block (or several blocks) to your page or post editor in WordPress.
- Customize the Blocks
Go ahead and start customizing the blocks that you want to be included in the reusable block. This may include adding text, images, layout elements, and customizing the settings. Remember, all of the settings for the reusable blocks can be easily modified and updated across the site.
- Select the Blocks
When you’re ready, select the block(s) that you’d like to turn into a reusable block. If you are selecting more than one block, use the SHIFT key. You can hold SHIFT and click one block at a time, or click the first and last block.
- Create a Reusable Block
Once you are sure you have selected all of the blocks that you’d like to become a reusable block, click the 3 vertical dots in the block toolbar. You should see a dropdown menu. Select “Add to Reusable blocks.”
- Name Your Reusable Block
After choosing to add your block(s) to reusable blocks, you will be prompted to specify a name for your reusable block. This name will only be seen in the editor, so don’t worry about what your site viewers might see. Name it something that is meaningful to you and its purpose. Don’t forget to click “Save” when you’re done.
- Publish Your Page or Post
When you are ready to publish your page or post, you will notice a couple of checkboxes in the right sidebar. By checking the name you created for the reusable block, you are confirming that you’d like any changes made to that block to be updated on the site. This will happen anytime you save a page or post, not just when you’re created a new one.
How do I use a reusable block?
How do I edit a reusable block?
Editing reusable blocks is as easy as (if not easier than) creating a reusable block. Here is how you edit a reusable block that you have added to your page:
- Select the reusable block.
- Click the “Edit” button.
- Make any changes you want to the blocks including text, images, and settings.
- Click the “Save” button.
- When you publish the page or post, make sure the checkbox beside the reusable block is selected.
Keep in mind, when you update a reusable block it will be updated on every page or post that it has been used on the site. If you prefer to make a reusable block unique, you can select “Convert to regular blocks” in the block toolbar. This will disconnect the reusable block from the reusable block system and they will become normal blocks.
Reusable blocks are one of the best Gutenberg features for keeping your site consistent and easy to manage. I recommend using reusable blocks for things like calls-to-action where you would want to update verbiage and/or a link on every instance at the same time. It’s much easier than tracking down everywhere a specific link is used and updating each one manually.