Gutenberg Editor: How to Rearrange Blocks

WP Enthusiast

WP Professional

WP Professional Plus

PairSIM WordPress

The Gutenberg editor allows you to rearrange blocks in posts and pages.

Make sure you are using the Gutenberg 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 Rearrange Blocks

Use these steps to move your blocks without having to delete and re-add them:

  1. Click on the block you want to move
  2. To the left of the block, an interface will appear that allows you to move the block interface image
  3. To drag and drop, click and hold the rectangle made of dots, then drag to a new location.
    rectangle dotsYou can also move the block by using the arrow icons. The arrow icons will move the block up and down one level at a time.arrows image

    Note that if you are using columns, the interface used for moving blocks may be in a different location. move interface exception image

Updated on April 16, 2020

Was this article helpful?

Related Articles