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.
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:
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:
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.
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.
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.
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:
- Continue editing inside the Classic block.
- 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.
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.
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.
Syed Balkhi says
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
Steve says
In the classic editor, there was a way to update the date on an existing post and schedule it for a new date/time. I don’t see that option in Gutenberg. I only see a way to change the date and then update the post. Does this accomplish the same thing?
WPBeginner Support says
You should be able to change the date with the same functionality as the classic editor. We would recommend taking a look at our article below:
https://www.wpbeginner.com/beginners-guide/schedule-your-posts-in-wordpress/
Admin
Deborah says
When I click Convert to blocks my page turns to what looks like code. So, I guess it is not converting correctly. I have other pages that converted fine a while back and I’m able to create new pages using blocks. Does that mean I will need to retype it all by hand?
WPBeginner Support says
If it is a specific page then there may be an issue with that page, you likely would need to manually recreate that specific page.
Admin
Bettye says
I don’t have the 3 dots to the right of the editing toolbar. Does that mean my theme does not support the Gutenberg editor? I’ve been using it since 2016 but I’m on WordPress version 5.3.2.
Bettye
WPBeginner Support says
You may not be using a classic block for your content if the editor looks different than what we’re showing as one common reason for that
Admin
RoseMary says
I am on the current version of WordPress, but do not have any option to switch from the classic editor to Gutenberg. Now that’s a puzzle! I do not have any plugins installed that would inhibit Gutenberg or keep me with the classic editor.
Any ideas?
WPBeginner Support says
You may want to go to your profile to see if you have disable visual editor checked as a possible reason.
Admin
Karen says
I guess pages would done the same way? Can you add meta description for each page with code block? Thank you.
WPBeginner Support says
Yes, pages would be done the same way and if you wanted you could add the HTML using the code block if you wanted
Admin
Sarmad says
how will i earn from bloging when i have not to write articles
WPBeginner Support says
If you’re looking to monetize your site, you would want to take a look at our article: https://www.wpbeginner.com/beginners-guide/make-money-online/
Admin
Van says
Oh my goodness, I’ve been doing the conversion laboriously by hand. At least I haven’t done all of my prior posts by hand. Thank you for this great post. The info will definitely be a time saver for me.
WPBeginner Support says
Hey Van,
Glad you found the article helpful.
Admin
Van says
I tried the technique earlier this morning. It works and it’s definitely better than redoing a post by hand, but it strips out inline CSS.
Deb says
Very difficult getting a PayPal Button into a page now. Even with the PayPal Plugin installed and I tried to us the new button block. Hours later, I am still stuck.
WPBeginner Support says
If you are using their html to embed the button you may want to try the custom html block
Admin
Janet says
I believe the article is correct when you have something simple like an image and some text. What about videos, links, embeds, anchors, documents, woocommerce, plugins that are images or text etc.? How much after the fact fixing is needed for hundreds of pages created in the old editor. Creating from scratch looks easy, fixing created pages scares me for the amount of additional work needed.
WPBeginner Support says
Hi Janet,
Your content would work just fine even if you don’t edit your old articles. However, if you feel you need to create them from scratch, then you can do that as well.
Admin