Get the Official WPSaviour App Now!

Beginner’s GuideBlog

How to Update Your Old WordPress Posts with Gutenberg Block Editor

Questioning how one can replace your outdated weblog posts with Gutenberg, the brand new WordPress block editor? In the event you haven’t upgraded to WordPress 5.0, you then’re not alone.

A whole lot of readers are involved as a result of Gutenberg is a totally new expertise. The excellent news is that your outdated articles are secure even after upgrading to Gutenberg. On this article, we’ll present you how one can replace your outdated articles with Gutenberg, the brand new WordPress Block editor.

You may additionally wish to know what is going to occur to your current content material after upgrading your weblog to Gutenberg.


What’s The Distinction Between Basic Editor and Gutenberg Editor?

Earlier than we get began, let’s first talk about the key variations between the outdated Basic Editor and the brand new Gutenberg Editor.

The Basic Editor was a textual content editor that regarded similar to Microsoft Phrase. It had a single modifying subject with formatting choices on the prime. Right here’s what the Basic Editor appears like:

Old WordPress editor

However, the brand new Gutenberg editor is a completely block-based editor. You’ll add all of the content material within the type of blocks. Right here’s how the Gutenberg Block Editor appears like:

New WordPress Block Editor also known as Gutenberg

Blocks are content material components that are separate from one another with their very own set of formatting choices. There’re particular person blocks for each piece of content material together with:

  • Common textual content or paragraph
  • Picture
  • Button
  • Gallery
  • Record
  • Desk
  • Embeds, and so forth.

Plus, you’ll find extra blocks and widgets offered by your plugins and theme.


So as to create or edit a submit within the new Gutenberg editor, you’ll want to make use of blocks. Right here’s how one can replace your outdated weblog posts and pages with Gutenberg block editor.

Enhancing Your Older WordPress Articles with Gutenberg

In the event you’ve up to date your WordPress blog to five.Zero or the later model, you then’ll have the brand new Gutenberg block editor as your default editor.

The nice half about Gutenberg is that it doesn’t have an effect on any of your outdated content material, and you may simply edit them.

To edit an older article, merely edit it as you’ll usually do in WordPress.

On the submit edit display screen, you’ll see all the content material wrapped inside a single Basic block.


The identical submit would appear like the screenshot beneath within the outdated traditional editor.


As you may discover, the content material is similar nevertheless the way in which it’s organized appears barely completely different.

Sure, that’s the one change you’ll see.

The brand new WordPress block editor is not going to make any adjustments to the content material, and it could nonetheless look the identical in your web site.

Now, you have got two choices to edit your outdated weblog posts and pages:

    1. Proceed modifying contained in the Basic block
    2. Convert your outdated content material to new Gutenberg blocks

The primary possibility is to proceed modifying your outdated article contained in the Basic block.

The Basic block gives you a similar Basic editor interface with formatting choices on the prime. This ought to be pretty straight ahead.

The second possibility is changing your outdated content material into new Gutenberg blocks.

You are able to do this by clicking on the three-dot menu possibility on the highest proper nook of Basic block.

From the menu dropdown, it’s essential to choose Convert to Blocks possibility.


That’s it!

Your outdated content material can be routinely transformed into applicable blocks. The content material contained in the Basic block can be break up into a number of completely different blocks.


Now, you may edit your outdated article utilizing the brand new Gutenberg editor blocks. Every block is a separate entity with its personal formatting choices, types, and design choices.

For instance, in our screenshot above, there’s a picture block and a paragraph block.

If you wish to make adjustments to how the picture seems, then you may merely click on the picture to pick out the block, and the modifying choices will seem on the prime.

Additionally, you will see extra choices underneath the Block tab in the proper column of the display screen.


You’ll be able to realign the picture, make it full width, add Alt textual content, change picture dimensions, add a hyperlink, and extra.

Following the identical course of, you may edit all the blocks and make your article look visually spectacular.

When you’re executed making all the mandatory edits, you may merely click on the Replace button on the prime proper of the display screen to save lots of your adjustments.

Be aware: Though Gutenberg works advantageous with most themes and plugins, some should not have Gutenberg help. It’s higher to check your theme and plugins for Gutenberg compatibility earlier than switching to it.

The brand new WordPress Gutenberg editor gives a simple and versatile method of making content material in WordPress. Nonetheless if you’re not prepared to make use of it but, then you may disable Gutenberg and preserve utilizing the traditional editor.

You’ll be able to preserve utilizing the Basic editor till 2022 which ought to be sufficient time for getting acquainted with the brand new WordPress block editor. We’ve got a whole Gutenberg Block Editor tutorial for saviours that it’s best to take a look at.

We hope this text helped you learn to replace your outdated articles with Gutenberg Block Editor. You may additionally wish to see our record of the should have WordPress plugins for skilled web sites.

Download The WPSaviour App Now

Related posts
Beginner’s GuideBlogShowcase

7 Best Shopify Alternatives in 2020 (Cheaper and More Powerful)

Beginner’s GuideBest WordPress PluginsBlog

14 Best AI Chatbots Software for Your Website (Comparison)

Beginner’s GuideBlogTips

Magento vs WooCommerce – Which one is Better? (Comparison)

Beginner’s GuideBlogTips

12 Best Calculator Plugins for Your WordPress Site

Sign up for our Newsletter and
stay informed

Leave a Reply

Your email address will not be published.

Fear Of Missing Out?

Sign up with your email address to receive WordPress tips and updates
Terms and Conditions apply
Click Me