How one can Replace Your Previous WordPress Posts with Gutenberg Block Editor

  • January 11, 2023
  • elkenz
  • 5 min read

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

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

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

update-your-old-articles-with-gutenberg

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

Earlier than we get began, let’s first focus on the most important variations between the previous Traditional Editor and the brand new Gutenberg Editor.

The Traditional Editor was a textual content editor that appeared similar to Microsoft Phrase. It had a single enhancing subject with formatting choices on the prime. Right here’s what the Traditional Editor appears to be like 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 to be like 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 on.

Plus, yow will discover extra blocks and widgets offered by your plugins and theme.

gutenberg-blocks

With the intention to create or edit a publish within the new Gutenberg editor, you’ll want to make use of blocks. Right here’s learn how to replace your previous weblog posts and pages with Gutenberg block editor.

Modifying Your Older WordPress Articles with Gutenberg

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

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

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

On the publish edit display, you’ll see the complete content material wrapped inside a single Traditional block.

classic-block-guteberg-edit

The identical publish would appear to be the screenshot under within the previous traditional editor.

classic-wp-editor

As you’ll be able to discover, the content material is similar nevertheless the best way it’s organized appears to be like barely totally different.

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

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

Now, you will have two choices to edit your previous weblog posts and pages:

    1. Proceed enhancing contained in the Traditional block
    2. Convert your previous content material to new Gutenberg blocks

The primary choice is to proceed enhancing your previous article contained in the Traditional block.

The Traditional block gives you an identical Traditional editor interface with formatting choices on the prime. This must be pretty straight ahead.

The second choice is changing your previous content material into new Gutenberg blocks.

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

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

convert-to-blocks-wp-block-editor

That’s it!

Your previous content material shall be routinely transformed into applicable blocks. The content material contained in the Traditional block shall be cut up into a number of totally different blocks.

wp-block-editor-classic-block-converted

Now, you’ll be able to edit your previous 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’ll be able to merely click on the picture to pick the block, and the enhancing choices will seem on the prime.

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

image-block-edit-options

You may 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’ll be able to edit the entire blocks and make your article look visually spectacular.

When you’re carried out making all the mandatory edits, you’ll be able to merely click on the Replace button on the prime proper of the display to avoid wasting your adjustments.

Be aware: Though Gutenberg works wonderful with most themes and plugins, some should not have Gutenberg assist. 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’ll be able to disable Gutenberg and hold utilizing the traditional editor.

You may hold utilizing the Traditional editor till 2022 which must be sufficient time for getting conversant in the brand new WordPress block editor. We now have a whole Gutenberg Block Editor tutorial for novices that it is best to try.

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

In case you appreciated this text, then please subscribe to our YouTube Channel for WordPress video tutorials. You can even discover us on Twitter and Fb.