How To Convert Blog Posts Written With The Classic Editor Into Gutenberg Posts

If like me, you’re using the Gutenberg editor, you’ll have lots of blog posts in your archives that were written with the Classic editor.

However, fear not! Those blog posts can be converted, so they look like they were written with the Gutenberg editor; thus you’ll be able to use the many benefits Gutenberg brings to the art of blogging to those posts.

Photo by on

I’m still in the process of converting many of my most popular posts to Gutenberg, so I thought I’d share with you the quickest and easiest method to convert those posts.

Let’s get started

First of all, ensure your blog is in Gutenberg mode. To do this, from the draft page of a post, click on the ‘Learn More’ box on the righthand side of your screen.

Click on the ‘Learn More’ button.
  • Next, click on ‘Try the block editor‘ box.
The ‘Try the block editor’ button
  • Your blog will now have been switched to the Gutenberg editor.

Now you’re in the Gutenberg editor, what next?

  • Find a blog post you want to convert to Gutenberg and place it in edit mode. I’m using one of my favourite posts entitled ‘What To Do When One Of Your Blog Posts Is Reblogged.’
  • In the screenshot below, you’ll see that Gutenberg has placed the whole post into a ‘Classic‘ block.
This is what the post looks like in classic mode.

Let the magic begin

  • Click anywhere in the classic bar to open the Classic menu.
Open the classic menu
  • Next, click on the three vertical dots at the end of the bar.
Click on the three dots
  • Click on ‘Convert to Blocks‘ in the new menu that opens just under the three vertical dots.
Click on Convert To Blocks

Has the magic happened?

It may not seem very obvious, but the post has now been converted into Gutenberg blocks. Instead of the whole post being in one block, in the screenshot below, it’s been turned into six blocks.

The whole post will now be in separate blocks

Anything else?

Yes. Before pressing the update button to confirm you want to make the changes, I’d recommend you preview the post first to make sure you’re happy with its layout.

Preview your post.

Something I always do is to ensure that all images in the post are aligned to the centre. I think the layout of them looks better that way.

But that’s not all you can do, is it?

No. You can also resize images to make them fit into the post better, as well as change the order of the blocks, or delete any blocks that are no longer needed. In my case, I removed an out-of-date block at the end of the post that mentioned a competition I was running at the time I published the post.

Don’t forget that you can also update the tags and categories for the post. It’s worth doing this if you’ve discovered more popular tags and categories since the post was first published.

We’re almost done

Once you’re happy with the final layout and do not need to make any further edits or changes, click on the update button.

Hey-presto! Your post is now live in the Gutenberg editor.

Image credit: Pixabay

Any questions?

Leave them in the comments section. I’ll get back to you with answers as quickly as possible.

Click here to join my ‘Blogging Tips’ magazine on Flipboard.

Copyright © 2019 – All rights reserved.

85 thoughts on “How To Convert Blog Posts Written With The Classic Editor Into Gutenberg Posts

  1. Hi Hugh, your blog is a wealth of good blogging knowledge! I’ve converted posts from classic in the past by painstakingly copying it across bit by bit (think it took me short of an hour to do this way), this will be a massive time-saver. Thank you again!

    1. Hi James, WordPress has made it even easier to covert Classic editor posts to Block editor posts. Open up a post in edit mode, and click on ‘Classic.’ at the top of the post; it’ll ask you if you want it converting to Blocks. Click the ‘Convert to Blocks’ button, and it’s instantly done for you. I’ve done it a few as I’ve been repairing broken links.

Join the discussion by leaving me a comment

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.