Classic Block

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

WordPress Gutenberg Blocks – Classic

WordPress Gutenberg - Classic Block

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

***

Classic Block Description

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

Add content using the WordPress visual content editor inside the Classic Block

(Add content using the WordPress visual content editor inside the Classic Block)

Info

You cannot convert content created using a Gutenberg Block into a Classic Block.

How To Use The Classic Block

To add a Classic Block:

Let’s go through the above steps:

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 Block' Tool - Add Classic Block

(‘Add Block’ Tool – Add Classic Block)

Or, select a Classic Block in the Content Area

Add a Classic Block from the Content Area

(Add a Classic Block from the Content Area)

After adding a Classic Block, type or paste in your content …

Add content using the WordPress visual content editor inside the Classic Block

(Add content using the WordPress Classic editor)

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

How To Edit A Classic Block

There are no options for editing settings in a Classic Block. To edit your content, use the Classic Block’s content editing toolbar. …

Classic Block Content Editor

(Classic Block Content Editor)

To learn about all the features of the Classic Block Content Editor, see the tutorial below:

To learn how to switch from using the Gutenberg Content Editor to the WordPress Classic Editor, see the tutorial below:

Info

The Classic Block provides a couple of additional options in the ‘More Options’ tool that you can use to edit, format, and customize your content:

  • Convert to Blocks
  • Edit as HTML

Classic Block - 'More Options'

(Classic Block – ‘More Options’)

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.
  • Select ‘More Options’ > ‘Convert to Blocks’ to convert your content from the Classic WordPress Editor to Gutenberg Blocks.
  • Select ‘More Options’ > ‘Edit as HTML’ to view, edit, and format your content using the HTML editor (i.e. the old ‘Text’ tab in the WordPress Classic Editor), and switch back to ‘Edit Visually’ to preview your changes.

Classic Block - More Options

(Classic Block – More Options)

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

How To Remove A Classic Block

To delete or remove a classic block:

  • 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.

Remove a Classic Block

(Remove a Classic Block)

Additionally …

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

Classic Block Tools, Options & Settings

The Classic Block Settings section includes only the following sections:

  • Classic Block Editor – This section contains only the ‘More Options’ tool.
  • Classic Block Settings – This section contains only a  description of the block.

Classic Block Settings

(Classic Block Settings)

Info

  • There are no additional tools, options, or settings for the Classic Block.
  • The Classic Block cannot be converted into any other block type.

Additionally:

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

***

Congratulations! Now you know how to use the WordPress Gutenberg content editor Classic Block.

WordPress Gutenberg - Making WordPress Easier For Non-Techies

***

"Your training is the best in the world! It is simple, yet detailed, direct, understandable, memorable, and complete." Andrea Adams, FinancialJourney.org

How To Use The WordPress Classic Editor Plugin

Learn how to restore the Classic WordPress editor in WordPress sites using version 5.0 or higher using the WordPress Classic Editor plugin.

How To Use The WordPress Classic Editor Plugin

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

***

On December 6, 2018, WordPress announced the release of WordPress version 5.0.

WordPress 5.0 introduced a new content editor called Gutenberg (named after Johannes Gutenberg, who invented the printing press over 500 years ago) …

WordPress 5.0 introduces the new Gutenberg content editor

(WordPress 5.0 introduced Gutenberg – the new WordPress content editor)

The Gutenberg editor replaces the pre version 5.0 content editor (now referred to as the WordPress ‘Classic’ editor …

WordPress 'Classic' Content Editor - pre WordPress 5.0

(WordPress ‘Classic’ Content Editor – pre WordPress 5.0)

If you have been using WordPress for a while and prefer to keep using the pre-WordPress 5.0 content editor (i.e. the WordPress ‘Classic’ editor), a ‘WordPress Classic Editor’ plugin has been developed by the WordPress community that restores the familiar editor to your WordPress site, replaces the new Gutenberg editor as the default content editor, and lets you keep working as you were previously.

The tutorial below shows you how to install, activate, and use the WordPress ‘Classic’ editor plugin.

Important

If you’re new to WordPress, see these tutorials first:

How To Install The WordPress Classic Editor Plugin

Important

As new updates and improvements are made to WordPress Gutenberg and new features are introduced to support the new direction of the platform, WordPress plans to eventually phase out the old editor.

For this reason, the plugin developers have stated that they will fully support and maintain the plugin until at least 2022 (or longer if necessary).

WordPress Classic Editor Plugin

WordPress Classic Editor Plugin

(WordPress Classic Editor Plugin)

Plugin Description

WordPress Classic Editor Plugin is the free official plugin maintained by the WordPress team to restore the pre WordPress 5.0 (‘classic’) WordPress editor and the ‘Edit Post’ screen.

This plugin also makes it possible to use plugins that:

  • Extend the ‘Edit Post’ screen,
  • Add old-style meta boxes, or
  • Depend on the previous editor.

Once installed and activated, the plugin will hide all functionality available in the new Gutenberg Block Editor.

Plugin Installation

To install the WordPress Classic Editor Plugin plugin from your WordPress dashboard, go to Plugins > Add New …

WordPress Dashboard Menu: Plugins > Add New

(WordPress Dashboard Menu: Plugins > Add New)

If the plugin isn’t showing on the screen, type in “classic editor” into the Keyword search field …

Add Plugins > Classic Editor

(Add Plugins > Classic Editor)

Click on the ‘Install Now’ button …

Install the plugin

(Install the plugin)

After installing the plugin, click ‘Activate’ …

Activate the plugin

(Activate the plugin)

The plugin is now installed and activated.

Plugin Configuration

The Classic Editor plugin is ready to use as soon as it has been activated.

If you want to change the plugin’s settings, select Plugins > Installed Plugins from your dashboard menu, then locate the Classic Editor plugin and click on the ‘Settings’ link …

Classic Editor > Settings

(Classic Editor > Settings)

This will take you to the ‘Writing Settings‘ screen, where a new section will be added, allowing you to specify the ‘Default editor fo all users (‘Classic’ or ‘Block’ editors) and whether or not to allow your site users to switch editors …

WordPress Writing Settings - Editor Section

(WordPress Writing Settings – Editor Section)

Using The Plugin

Once the plugin has been installed and activated, you will see the familiar ‘Classic’ editor screen appear when you create or edit your posts or pages …

Classic Editor Screen

(Classic Editor Screen)

Important

If you deactivate the Classic Editor plugin (go to ‘Plugins > Installed Plugins’and click on ‘Deactivate’ link) …

xxxx

(Classic Editor plugin – Deactivate)

Your content editor will instantly revert to the new Gutenberg interface …

Gutenberg Content Editor screen

(Gutenberg Content Editor screen)

Congratulations! Now you know how to install, activate, and use the WordPress Classic Editor plugin.

If you need help understanding the Gutenberg content editor, we have created a comprehensive guide here:

WordPress Gutenberg - Making WordPress Easier For Non-Techies

***

"Your training is the best in the world! It is simple, yet detailed, direct, understandable, memorable, and complete." Andrea Adams, FinancialJourney.org