Block Editor: How to Add Blocks

WP Enthusiast

WP Professional

WP Professional Plus

PairSIM WordPress

Podcast Websites

Blocks are the cornerstone of the Gutenberg Block editor. They are how you will add paragraphs, images, and other content. Blocks also make it easier to edit sections and rearrange content.

Make sure you are using the Gutenberg Block editor. If you upgraded to WordPress 5, then your post and page editor will default to use the Gutenberg editor. If you are still using WordPress 4 (or earlier) or have the Classic Editor installed, then your editor will not work with this tutorial.

How to Add Blocks

To add blocks to the Gutenberg editor, follow these steps:

  1. Go to your WordPress Admin interface and open a post or page editor
  2. Click the plus button in the top left corner or in the body of the post/pagePlus button image
  3. Search for the content you would like to add
  4. Click the content to add itsearch block image

The block will be added to the body of your post.

block image

How to Edit Blocks

Once a block has been added, you can edit it. The editable features of the block will depend on the block type.

However, for most blocks, there is a sidebar to the right of the screen that contains extra options for the block.sidebar image

To access the sidebar, make sure the block is selected. The sidebar will change based on what block is selected. You can select a block by clicking it in the body of the post/page.

How to Rearrange Block Order

One of the bonuses of using blocks is the convenience of rearranging them. Since everything is contained in blocks, they are easy to move. To move them, follow these steps:

  1. Hover over the block you want to be moved
  2. To the left of the block, a block and two arrows will appearblock and arrows image
  3. You have two options to move:
    • Use the block to click and drag the block to a new locationblock dots image
      You will see a blue line near your mouse indicating where the block will goblue line image
    • Click the arrows to move the block up or down a blockArrows image







You can use both these methods to move blocks around within the Gutenberg editor.

Updated on November 4, 2021

Was this article helpful?

Related Articles

Need Support?
Can't find the answer you're looking for?
Contact Support