List View in WordPress

Banner for an overview of List View functionality of a WordPress core

List View is a feature of the WordPress editor to work with the blocks on a page. This makes it easy to move between the exact pieces of your content.

Enable List View

You can find List View in the top toolbar of the editor.

Location of List View in the Editor for pages.
Location of List View in the Editor for widgets. View a short video tutorial on how to enable List View in Widgets screen.

To access List View, click the icon with three horizontal lines above each other at the top left corner of the page.

This will cause the view to list of all the blocks you have added.

Select blocks

To select a block, click on the name of the block in List View.

Preview of selecting blocks in the Editor.

To choose more than one block in the List View sidebar, hold the shift key while clicking multiple blocks at the same time.

View a short video tutorial on how to select blocks in a widget area.

Drag and drop blocks

You can move the block (or blocks) to a different part of the page or widget area.

Preview of moving blocks in the Editor.

To move a block, select it and then drag and drop the block wherever you like within the List View sidebar.

View a short video tutorial on how to move blocks in a widget area.

Modify blocks

In List View, select a block to display a three-dot icon on the right-hand side.

Preview of opening block settings in the Editor.

Click on the icon to open a list of settings, allowing to edit the block.

View a short video tutorial on how to remove blocks in a widget area.

Grouping blocks

You can group current blocks on a page or widget area.

First, select the block or blocks you wish to group.

After, the block toolbar will appear.

Then, select the Group icon.

In widget area, transform selected blocks to Group.

Location of transform action in widget area.

View a short video tutorial on how to group blocks in a widget area.

Disable List View

You can close List View in order to hide it.

Preview of buttons to close List View in the Editor.

To disable List View, either click the “x” icon or the List View icon again.

Leave a Reply

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.