Block Editor: How to Rearrange Blocks

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

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.

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
3. To drag and drop, click and hold the rectangle made of dots, then drag to a new location.
   You 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.
   

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