How to Delete a Block Using the Gutenberg Editor

The Gutenberg editor makes it easy to manipulate blocks that you add to your pages or posts. One of the common tasks that you’ll find yourself doing when working with posts is removing entries or blocks within your content. We’ll show you how to quickly and easily remove a block using the Gutenberg editor in the tutorial below.

Keep in mind that the current release of the Gutenberg editor is still considered a beta version. WordPress recommends not using Gutenberg for a live site. Always create a current backup when making changes to your site so that you can recover your web site if needed.

Deleting a Block with the Gutenberg editor

  1. If you are not already in logged in to the WordPress Administrator Dashboard, please log in.
  2. Go to your existing page or post. If you are working on a new page or post please go to the block where you want to remove the content.
  3. Locate the content you wish to remove. Note that this tutorial is for removing a block. The block may or may not include content that you wish to keep. If you find that you wish to keep some text in a large block of content, then create a new block and copy the desired content into it. We highly recommend that you keep a copy of your site in a backup if you wish to preserve any current content. Additionally, you can use the Revision feature to recover content after a change.
  4. To the right of the block that you wish to delete you will see 3 vertical dots. Click on the dots.
  5. In order to delete the block, click on the Delete option.
  6. Make sure to click on the Save Draft, Update or Publish button in order to save your deletion.

That completes our tutorial on how to delete a block using the Gutenberg editor. For further information on using blocks in the Gutenberg editor, please see Using Blocks in the Gutenberg editor.  Additionally, you can learn more about using the Gutenberg editor by using Widgets and Embedded content in your page or post content.

Leave a Reply