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 rawpixel.com on Pexels.com

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?

  • 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 hughsviewsandnews.com – All rights reserved.

Author: Hugh W. Roberts

My name is Hugh. I live in the city of Swansea, South Wales, in the United Kingdom. My blog covers a wide range of subjects, the most popular of which are my blogging tips posts. If you have any questions about blogging or anything else, please contact me by clicking on the 'Contact Hugh' button on the menu bar. Click on the 'Meet Hugh' button on the menu bar to learn more about me and my blog.

Join the discussion by leaving me a comment

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

WordPress.com Logo

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

Google photo

You are commenting using your Google 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.