List View

·

List View is a new tool to help you navigate between layers of content and nested blocks. It’s currently visible in the Top Toolbar and will remain open as you navigate through your content. This makes it easy to move between the exact pieces of content you want to alter, whether that’s an individual Paragraph block at the very end of a post or a Columns block that contains a beautiful selection of products to choose from. Think of it as the ultimate tool to navigate block complexity, select exactly what you need, and easily view all of the blocks that make up your content at once.

How to use List View

How to find List View

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

How to open and close List View

To open list view, select the List View icon as shown above. 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 List View icon once more.

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 that layer of content for you to then customize to your liking.

How to help distinguish between blocks

If a block has an ID/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 portfolio anchor:

Image of the List View open with an HTML anchor set and visible.

Demonstration of List View

Resources

Changelog:

  • 2021-07-09 Created