So, a lot of people are loving Gutenberg and many are still preferring the classic editor.
But one thing Gutenberg has the classic editor can’t compete with is Reusable Blocks.
What is a Reusable Block?
Well, in WordPress 5.0, the ‘Gutenberg’ Block Editor sections each paragraph, image or module inserted into a page or blog post as a ‘block’. You can select a block or multiple blocks and make them reusable.
So, you can reinsert a reusable block into another post and if you update it a somewhere else on your website, it will update within every instance you use that block.
So it’s like a global elements you can efficiently update regualry across your whole website!
How do they work? Let’s take a look.
Below is a video showing you how to use these Reusable Blocks. But beneath that I’ve written out some basic instructions for you.
Not a fan of video? Here are some written steps!
How to make a Reusable Block
It’s simple, when using the Gutenberg Block Editor in WordPress:
- Select the Block (or Blocks by dragging across several blocks)
- Click the button at the top which is 3 vertical dots.
- Click “Add to Reusable Blocks”
- Done!
How to insert a reusable block into another document.
Again, in your Block Editor…
- Click the circle/plus button (top left or in the document) where you want to insert the reusable block
- Scroll down to ‘Reusable’
- Find your block (you can see the preview on the right), then click it!
Great, how do I edit a reusable Block?
It doesn’t get much easier than this to edit a reusable block in Gutenberg!
- Insert the reusable block into a document
- Click on the block, then click the ‘edit’ button
- Make your edits and then click the ‘save’ button
Now you’re know all you need to know!
This is a truly powerful tool for any website owner to have access to. So Have a play your self, you can use it for ‘Call to Actions’, Ad space, Consent lines, or anything you need to reuse all over your website.
Got nay thoughts? Leave a comment below! Thanks for dropping by :)
Related Posts for WordPress Advice & Tutorials
- How to Start a WordPress Website on Hostgator
- Regular WordPress Website Maintenance – 10 Things You Must Do!
- 17 Ways to Speed up Your WordPress Website
- Gutenberg Block Editor – How to use it or disable it!
- Setting Up All In One SEO Pack for WordPress with some Basic Settings
- Top 9 Customizable Drag’N’Drop WordPress Themes
We’ve just released a plugin to help keep track of how many times and where each reusable block is reused, and we thought it might be useful to people reading this article: https://wordpress.org/plugins/fabrica-reusable-block-instances/
Among other things, it can help make sure that an edit to a reusable block doesn’t have unforeseen consequences on Posts that include it.
That is awesome, thanks for sharing Thomas! I think a lot of people will get value from that plugin :)
I have a theme which has a classic editor for items. So if we use a reusable block in the classic editor, I can copy and paste, is there any other method we can paste this reusable block in the classic editor which itself is updated when we make changes in the reusable block. Is that possible?
Let me respond to my own comment,
yes there is a plugin which is working perfectly well using shortcode to paste in classic editor. So i need not to change.
https://wordpress.org/plugins/reusable-blocks-extended/
by By audrasjb