Classic Block

The Classic Block lets you add content to your posts and pages using the WordPress Classic Editor …

WordPress Block Editor – Classic Block

WordPress Block Editor - Classic Block

This tutorial is part of our series WordPress Gutenberg: The Ultimate Guide For Non-Technical WordPress Users.

***

Classic Block – Description

The Classic block works just like the WordPress Classic Editor but in block form.

Content created using the WordPress Classic Editor
Use the Classic block to add content created using the WordPress Classic Editor to the block editor.

How To Use The Classic Block

In this section, we’ll cover:

  • How to add a Classic block to your content.
  • How to edit and configure your Classic block and block settings.
  • How to remove the Classic block from your content.

For more details on using blocks (e.g. how to move blocks around your content), see this tutorial: How To Use Blocks.

Adding A Classic Block

To add a Classic block to your content:

  • Either:
    • Open a post created using the Classic Editor in the Block Editor (note: this automatically converts all the content into a Classic block).
    • Click on the ‘Add Block’ tool in the Editing Toolbar section and select the Classic block (in Most Used or Text section),
    • Add the Classic block in the Content Area.
  • Type or paste in your content (if adding a new Classic block).
  • Use the WordPress classic editor menu tools to edit and format your content.

Let’s go through the above steps:

Automatically Add A Classic Block When Opening An Existing Post Created With The Classic Editor

Here is a post created using the WordPress Classic Editor…

Sample post created using the WordPress Classic Editor.
This post was created using the WordPress Classic Editor.

If permission settings allow, users can open posts using either the block editor or classic editor. (For more information on how to set these permissions, see this tutorial: The WordPress Block Editor)

In this example, we’ll open a post created using the Classic Editor inside the Block Editor.

Table of Posts - Edit Post Using Block Editor or Classic Editor
Let’s open a post created with the classic editor using the block editor…

This will automatically add a Classic block to your post and all of the content in the post editor will be contained inside this block.

Classic Block with content.
All of the content in this post is contained inside the Classic block.

Clicking anywhere inside the block opens up the Classic editor menu.

Classic block
The block includes the Classic editor menu.

The classic editor menu includes all of the tools you need to edit your content just as if you were using the WordPress Classic Editor.

Editing content inside a Classic block.
Use the Classic editor menu to edit your post.
Add A Classic Block When Creating New Content With The Block Editor

To add a Classic block using the Block Editor, first, create a new post or page or open an existing post or page and either:

Click on the ‘Add Block’ tool and select a ‘Classic’ block…

Add a Classic block using the Add Block tool.
Add a Classic block using the Add Block tool.

Or, select a Classic block using the Inserter tool in the Content Area.

Add a Classic block using the Inserter tool.
Add a Classic block using the Inserter tool.

After adding a Classic block, begin typing or paste in your content.

Add and edit content inside a Classic block.
Add and edit your content inside the Classic block.

After adding and editing your content inside the Classic editor, save, publish, or update your post or page.

How To Edit A Classic Block

All content editing is done using the menu buttons and options inside the Classic block’s content editing toolbar.

To edit your content inside the Classic Block:

  • Click inside the Classic block to select it.
  • Use the Classic Content Editor tools to edit, format, and customize your text, add media, hyperlinks, etc. To learn how to use all the classic editor menu options, see this tutorial: How To Use The WordPress Classic Editor
Classic block content editor.
The Classic block content editor.

Info

To learn how to switch from the Block Editor to the Classic Editor, see this tutorial: How To Use The WordPress Block Editor

The Classic block provides a couple of additional useful options that you can use to format and edit your content:

  • Convert to Blocks
  • Edit as HTML

Let’s go through these options briefly:

Convert to Blocks

If you add content to a post or page using a classic block, you can convert your content into blocks by clicking on Convert to blocks in the Classic block editor.

Classic Block - Convert to Blocks
Convert content created in the Classic block into Blocks.

This will automatically add the right formatting tags and convert your content into blocks.

Convert Classic content to blocks.
Convert Classic content to blocks.

Info

Notes:

  • Opening content created with the Classic editor in the Block editor is ok, but we don’t recommend going the other way (i.e. opening content created with the Block editor in the Classic editor), as the block editor adds tags to your content.
  • Additionally, elements such as images may be missing or may need to be realigned.
Block editor tags
The Block editor adds special tags to your content.
Edit as HTML

You can also format content inside the Classic block using the HTML editor (the equivalent of the ‘Text’ tab in the WordPress Classic Editor) by selecting More Options > Edit as HTML.

Classic Block: More Options - Edit as HTML
Use the Edit as HTML option in the Classic block to format and edit your content.

Edit your content as HTML and switch back to ‘Edit visually’ to preview your changes.

Edit as HTML
Switch between Edit as HTML and Edit visually in the Classic block.

Remember to update and publish your post or page to save your changes.

Learn more about using HTML in this tutorial: A Basic Guide To Using HTML

Classic block: More Options - Edit as HTML.
Edit as HTML.

How To Remove A Classic Block

To delete or remove a Classic block from your content:

  • Click inside the Classic block to select it.
  • Select the ‘More Options’ tool in the Block Editor.
  • Click on ‘Remove Block’.
  • The block will be removed from your post or page.
Delete Classic block.
Deleting a Classic block.

Additionally…

  • You can reposition your block using the ‘Move Up’ and ‘Move Down’ arrows or the Drag and Drop handle tool (if you need help with this step, see this tutorial: How To Use Blocks).
  • Note: You cannot convert a Classic block into a Reusable Block.

Classic Block Tools, Options & Settings

The Classic block includes tools, options, and settings for:

  • Categories Block Editor
  • Categories Block Settings

Classic Block Editor

Classic block editor menu.
Classic block editor menu.

The Classic block editor includes tools that let you perform the following operations:

  • Change block type or style (See ‘Classic Block – Additional Info’ section below.)
  • Drag block
  • Move block up and down
  • Convert to blocks
  • More Options – See How To Use Blocks to learn how to use this section.

Classic Block Settings

Classic block settings.
Classic block settings.

This section contains only a description of the block. There are no options in the Settings section for editing a Classic block.

Classic Block – Additional Info

The Classic block can be converted into the following block types:

Classic block - Change to other block types.
Change the Classic block into other block types.

Installing plugins or themes on your site may also add new functionality, options, or settings to Classic blocks.

Content created using the WordPress Classic Editor.
Use the Classic block to add content created using the WordPress Classic Editor to your posts or pages.

Congratulations! Now you know how to use the WordPress content editor’s Classic block.

For tutorials on how to use other blocks, go here: WordPress Block Editor – How To Use Blocks

***

"If you're new to WordPress, this can stand on its own as a training course and will stay with you as you progress from beginner to advanced and even guru status." - Bruce (Columbus, Ohio)

***

We are not affiliated, associated, sponsored, or endorsed by WordPress or its parent company Automattic. This site contains affiliate links to products. We may receive a commission for purchases made through these links.