How To Convert Blocks In WordPress

Convert blocks in WordPress

WordPress blocks are a great way to add custom content to your website. In this article, we’ll show you how to convert certain types of block content from one form to another. This will allow you to add and mix different types of content in WordPress, regardless of the origin.

Convert To Blocks

Whether you have recently switched from the classic editor to the Gutenberg editor, or you are editing content that was written previously in the classic editor, you can easily convert content into blocks.

This is extremely useful if you prefer to write in HTML, Markdown, or something outside of the WordPress editor. There is an easy “convert to blocks” option you can use for this. By converting into blocks, you can ensure consistency. Read to learn how to this conversion process works.

Convert Classic Editor To Blocks

If you have an existing classic editor block in use in a post or page, you can easily and quickly convert that classic editor to blocks following the steps below:

  1. Log into the WordPress dashboard
  2. Select a post to edit or create new content
  3. Select the area of text you want to convert to blocks
  4. Click the Convert to blocks button in the toolbar
    Convert to blocks

Convert Blocks to Classic

Now we’re going to go in the opposite direction. What if you have a series of blocks and you want to convert them to the classic editor. There are few different ways to do this. Two methods are described below:

Install The Classic Editor Plugin

If you have a lot of block content on your site and want a grand solution to convert all of it to the classic editor, the easiest way to accomplish that is to use a plugin. Check out our full guide on how to install the classic editor plugin.

Paste Blocks Into Classic Editor

Another easy way to get blocks into the classic editor on a single post basis is to easily copy and paste blocks into a classic editor block.

You create a classic editor block in the same way that you can create any other block. This block gives you a complete classic editor with toolbar. Once you have created this block, all you need to do is paste the block content into it:

Add classic block

Convert HTML To Blocks

If you prefer to compose in HTML, or your text editor exports content as HTML, you can easily convert this raw code into convenient, easily editable WordPress blocks following the steps below:

  1. Select a post or page to edit
  2. Create an HTML block (if you don’t have one already)
  3. Select convert to blocks under the dropdown menu
    Convert HTML to blocks

Convert Blocks To HTML

Now, the reverse of the above, you can also convert block content into HTML. Why would you want to do this? If your origin platform, wherever you like to compose content, only accepts plain text, it helps to be able to get your block content in text form. This way you can easily retrieve and edit the content for future posts and make the conversion to block process smoother.

In order to get the plain text version of your WordPress block, all you need to do is compose your block in the WordPress editor and copy it. When you past the text into any plain text editor you will see the raw block code, which you can save and reuse in your local editor.


Well done! You now know a few different ways to convert various blocks into other kinds of blocks. If you have any questions or comments about these procedures feel free to drop a comment below or reach out to our live support team 24/7. We’re always happy to help.

CM
Christopher Maiorana Content Writer II

Christopher Maiorana joined the InMotion community team in 2015 and regularly dispenses tips and tricks in the Support Center, Community Q&A, and the InMotion Hosting Blog.

More Articles by Christopher

Comments

It looks like this article doesn't have any comments yet - you can be the first. If you have any comments or questions, start the conversation!

Was this article helpful? Let us know!