List view

List view is a navigation tool that displays all the blocks in your post or page in a structured outline. It makes it easy to move between nested blocks, select specific content, and understand how your content is organized. Whether you’re looking for a single Paragraph block buried deep within a long post or a Columns block containing multiple items, List view helps you quickly find and edit exactly what you need.

How to use List view

Click on the Document Overview button in the top left of the editor to open the List view panel.

This will cause the view to open and stay open until you close it once more. You can close List View by either selecting the “x” or by selecting the Document Overview icon once more.

List view will show image previews for Image and Gallery blocks. It will also display blocks the names of HTML anchors given to blocks.

How to select blocks

List view allows you to both see all of your content at once and select any block you’d like. To select a block and bring it into focus, click on the name of the block in List view. This will select the block for you to then customize in the editor. Press the escape key to deselect all blocks.

How to select multiple blocks

You can select multiple blocks at once in List view by holding down the Shift key and clicking them

How to drag and drop blocks

After opening List view, select the block or section of blocks you want to drag and drop. After selecting, you can then drag and drop the content wherever you’d like within the List view sidebar. You are not able to drag and drop within the Editor itself.

How to make changes to individual blocks

Each block within List view has a three-dot menu that you can click on to take further action on the block itself. List view block controls include: Copy, Cut, Duplicate, Add before, Add after, Add note, Copy styles, Paste styles, Group, Ungroup, Lock, Unlock, Rename, Hide, Create Pattern, and Delete.

How to collapse sections

Next to each section of blocks, you’ll see an arrow icon that you can click to collapse or expand sections of blocks. This is helpful if you’re trying to navigate between complex content in order to more readily focus on different sections.

How to display an HTML anchor

If a block has an HTML Anchor set, it’s displayed in List view so it’s easier to distinguish between other blocks and reference as you want. Here’s an example with a my-anchor-2 anchor.

Learn more about HTML Anchors in the Page Jumps documentation.

Locked Blocks

If a block has been locked, a small icon will show next to its name in the List view.

Hidden Blocks

If a block has been hidden, a small eye icon will show next to its name in the List view.

Synced Patterns

Synced patterns are highlighted in purple to distinguish them from regular blocks. When you select a Synched pattern from the List view, you will see additional options in the editor.

Outline

Choose the Outline tab to display the following post information:

• Number of characters
• Number of words
• Time to read
• Heading structure

Resources

• Improve your workflow with List view