How to Update Your Old WordPress Posts with Gutenberg Block Editor

Wondering how to update your old blog posts with Gutenberg, the default WordPress Block Editor?

Some readers are reluctant to stop using the old Classic Editor. The good news is that you can easily move to the Block Editor without hurting your old articles.

In this article, we will show you how to update your old articles with Gutenberg, also known as the WordPress Block Editor.

update-your-old-articles-with-gutenberg

Note: The WordPress Gutenberg editor offers an easy and flexible way of creating content in WordPress. However, if you are not ready to use it yet, then you can disable Gutenberg and use the Classic Editor plugin.

Alternatively, you can test your website’s compatibility for updating to Gutenberg first.

What’s the Difference Between Classic Editor and Gutenberg Editor?

Before we get started, let’s first discuss the major differences between the old Classic Editor and the Gutenberg Block Editor.

The Classic Editor was a text editor that looked very similar to Microsoft Word. It had a single editing field with formatting options at the top.

Here’s what the Classic Editor looks like:

Old WordPress editor

On the other hand, the Gutenberg editor is a fully block-based editor, available since WordPress 5.0. You’ll add all the content in the form of blocks.

Here’s what the Gutenberg Block Editor looks like:

Editing the 'Home' Page With the Block Editor

Blocks are content elements that are separate from each other with their own set of formatting options. There are individual blocks for every piece of content, including:

  • Regular text or paragraph
  • Image
  • Button
  • Gallery
  • List
  • Table
  • Embeds, and more.

Plus, you can find more content block options provided by your WordPress plugins and theme.

For example, WPForms adds a block that allows you to embed your forms in your website.

Adding the WPForms block to a WordPress page or post

To create or edit a post in the Gutenberg editor, you will need to use blocks. Here’s how to update your old blog posts and pages with the Gutenberg Block Editor.

How to Convert Your Classic WordPress Posts to Gutenberg (Step by Step)

If you’ve updated your WordPress blog to the latest version of WordPress, then you will have the Gutenberg Block Editor as your default editor.

The good thing about Gutenberg is that it doesn’t affect any of your old content, and you can easily edit your old articles.

To edit an older post or page, simply edit it as you would normally do in WordPress.

In the content editor, you will see the entire content wrapped inside a single Classic block.

Classic block in Gutenberg Block Editor

The same post would look like the screenshot below in the old classic editor.

As you may notice, the existing content is the same. However, the way it’s organized looks slightly different.

Classic editor post example

The new WordPress block editor will not make any changes to the content, and it will still look the same on your WordPress website.

Now, you have two options to edit your old blog posts and pages:

  1. Continue editing inside the Classic block.
  2. Convert your old content to new Gutenberg blocks.

The first option is to continue editing your old article inside the Classic block.

The Classic block offers you the same Classic editor interface with formatting options at the top. This should be fairly straightforward.

The second option is converting your old content into new Gutenberg blocks.

You can do this by clicking on the top of the content and selecting the ‘Convert to blocks’ button.

Convert classic post to blocks

That’s it!

Your old content will be automatically converted into matching blocks. The content inside the Classic block will be split into several different blocks.

Now, you can edit your old article using the new Gutenberg editor blocks. Each block is a separate entity with its own formatting options, styles, and design options.

If you want to make changes to how the image appears, then you can simply click the image to select the block, and the editing options will appear at the top.

You will also see more options in the ‘Block’ tab in the right column of the screen.

Example of Gutenberg blocks

For example, with a Paragraph block, you can use the toolbar to change its text and background color, choose the typography, add links, add custom CSS, and more.

Following the same process, you can edit all of the blocks and make your article look visually impressive.

Once you have finished making all the necessary edits, you can simply click the ‘Update’ button at the top right of the screen to save your changes.

Learn More Gutenberg Editor Tips and Tricks

Ready to make the most of the block editor? Here are some WordPress tutorials to get you started:

  • How to Add and Align Images in WordPress Block Editor (Gutenberg)
  • How to Change Block Height and Width in WordPress
  • How to Select and Use Nested Blocks in WordPress
  • How to Bulk Convert Classic Blocks to Gutenberg in WordPress
  • Best Gutenberg Blocks Plugins for WordPress (Super Useful)
  • How to Create a Custom WordPress Block (Easy Way)
  • How to Create a Reusable Block in WordPress Block Editor (Gutenberg)

We hope this article helped you learn how to update your old articles with the Gutenberg Block Editor. You may also want to see our list of the most common block editor problems and how to fix them and our guide on how to use WordPress block patterns.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Lượt xem: 27

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *