WordPress Watch:

WordPress news and Gutenberg tips: Use reusable blocks

Another week, another roundup! We saw WordPress’ growth hit an important milestone last week, and an interesting proposal was made concerning available blocks in the editor. Let’s see what that’s all about! In this edition of my roundup, I also share a few more tricks about the Block Editor itself. And, last but not least, I have a bonus link for you again. Of course I do!

WordPress now powers one-third of the web!

Last week, Joost published an article on the WordPress.org site about WordPress now powering ⅓ of the web. Well, technically it’s ⅓ of the top 10 million sites, but still, that’s a staggering amount of WordPress sites out there now. Go check out his post to learn more.

Block Directory

An interesting proposal for a Block Directory was published on the Make WordPress Core blog that has the potential of being big:

A new type of WordPress plugin that provides blocks and nothing else: Single Block Plugins. These will be hosted in a separate Block Directory section of the Plugin Directory. They will be JavaScript-based, and each plugin will register a single Block. And they will be searchable and installable from within the Gutenberg editor itself.

Alex Shiels

If you’d like to find out more about what this proposal is about, go on and read Alex’ post.

Gutenberg tips and tricks

In a previous roundup, I shared some tips on using Gutenberg. Today I have a few more tips to share on how to best make use of the new Block Editor.

Reusable blocks

The WordPress Block Editor comes with a feature that’s called ‘Reusable block’. This feature allows you to define one specific block or a combination of blocks to be saved and reused anywhere else on the site.

When would you use that, you ask? Maybe you want to highlight one of your products on several pages. Or you have certain posts that need some sort of disclaimer at the bottom. Instead of having to write that same paragraph from scratch every single time, you write it once, save it as a reusable block and select it where needed.

You can save a block to your reusable blocks by clicking ‘More options’ (the icon with three dots in the bar directly above your block) then ‘Add to reusable blocks’. Once you’ve done that, you can find the reusable block when adding a new block. It’ll be at the end of the list under the tab, ‘Reusable’, with the name you gave it.

Use your reusable blocks on other sites

Now that you know how to create reusable blocks, it’s time we make this a bit more exciting! Did you know you can export your reusable blocks from one site and import them on another? Yes, you can! This is how: to access your blocks, click on the icon with the three dots in the top-right corner. Then, select Manage All Reusable Blocks and you’ll be taken to an admin interface where you can export your blocks into a JSON file.

You can import that same JSON file in another site via the same admin interface screen. Isn’t that neat?

Line break, but no new paragraph in Gutenberg?

Here’s a complaint I hear a lot: “Whatever I do, I can’t add a line break without creating a new block”.
Sometimes you just want to go to a new line without creating an entirely new block. Just like I did at the beginning of the previous sentence. It may feel like that’s impossible, but it isn’t. Hitting Shift+Enter creates a line break without a new block. It’s that simple.

Bonus link

Maybe I’m talking to the wrong crowd here, but even if I’m helping just one of you out there, I’m a happy man :)

So, this one is for those of you who develop plugins on Github, but have to jump through all kinds of fancy hoops to have those plugins committed to the WordPress.org repo. Our friends at 10Up have released a wonderful solution that allows you to publish your code on Github and only Github.

Their solution makes use of Github’s Action. Once you’ve set up your action and added your WordPress.org credentials, it will actually publish your newly created tag to the WordPress repo. I call that a win! So, if this is for you, go and check out Github Actions for WordPress.

WordPress Watch series

WordPress Watch series

Remkus keeps you in the loop of all things WordPress. News about WordPress releases, events, new plugins, community news and more ... don't miss anything!

Make Yoast SEO & Woo work together smoothly

  • Make your products stand out in Google
  • Get more buyers to your online store
  • Make products easier to find on your site
  • Have a cleaner XML sitemap & more
More info

10 Responses to WordPress news and Gutenberg tips: Use reusable blocks

  1. Peggy Staver
    Peggy Staver  • 7 months ago

    Thanks for the useful information on Gutenberg blocks. Shift+Enter is on my latest post it.

    • Remkus de Vries

      Glad you like it, Peggy!

  2. Marcus Tibesar
    Marcus Tibesar  • 7 months ago

    This is really an informative and well written article. I really enjoyed the tip as well. Thank you for sharing.

    • Remkus de Vries

      Thank you so much, Marcus! 🙏🏻

  3. Steve
    Steve  • 7 months ago

    How do I save a combination of blocks, say a few blocks that are a template for a post?

    • Remkus de Vries

      Hi Steve. Saving a combination of blocks can be achieved by selecting the blocks – just click and move the cursor like you would as if you were to select text. You’ll see the blocks highlighted blue and in the top left of those selected blocks, you’ll find the button again to save them as a reusable block.

  4. Madison Woods
    Madison Woods  • 7 months ago

    Thanks for these tips, especially the one about exporting reusable blocks. I’ll definitely try that. I have two sites for the same company but one just to showcase my art. I’ll use the reusable block at the bottom of posts for my bio and Wild Ozark ‘story’.

    • Remkus de Vries

      You’re welcome. Happy you see you’ve enjoyed these tips!

  5. sgfraz
    sgfraz  • 7 months ago

    I’ve found Gutenberg to be very user friendly which I’m glad to state after all the talk around the WordPress update. The tips and tricks mentioned here, which I’m grateful to learn, have me wanting to see it all in action through video, so I’ll visit YouTube to see if anyone is sharing these options in real time.

    By the way, the Yoast Site Structure course has delivered great results for me, moving my website’s position from page 2 to page 1 in search. I am thrilled!

    • Remkus de Vries

      Thank you for your kind comment! And I’m very happy to hear the Yoast Site Structure training has helped you book results so quickly! 💪🏻