How to Use the List View in the WordPress Block Editor

Whether you’re an eCommerce store owner, a service-based business, or a lifestyle blogger, WordPress not only powers your website and content but helps you reach your goals. The key is to leverage all that it has to offer.

With WordPress, there are nearly endless opportunities to create and customize content with the Block Editor. The List View feature can help you streamline your website creation and management process so you can focus more on creating content than weeding through it. Let’s see how. 

What Is List View and Why Does It Matter?

Let’s start with the basics: blocks. 

Blocks are the foundation of your site. You use blocks to add individual elements to pages in the WordPress editor without needing to know any code. There are tons of blocks available, ranging from images, paragraphs, and headers to slideshows, payment buttons, and social media feeds. 

Sample of a Latest Posts layout

As you create longer pages, the number of blocks on each one can add up and be a little difficult to navigate. That’s where the List View feature comes into play.

List View shows a list of all the blocks you’re using on each page based on hierarchy, allowing you to navigate layers of content. Once you open List View, you can easily select blocks — or groups of blocks — and rearrange, edit, or duplicate them. In essence, List View is similar to viewing a nested Table of Contents of all of the blocks on your page.

Ultimately, List View allows you to:

  • See the order of every block on a page or post at a glance
  • Select multiple blocks at once — like individual columns within a column block 
  • Rearrange, copy, and edit the blocks you select

How can this help you? Let’s say that you’re working with a theme that has a lot of demo content, much of which you don’t need. Instead of individually scrolling through tons of blocks and deleting them, you can view them and remove the ones you’re not using all at once.

Or maybe there are several blocks you want to use over and over again, like a three-column section of team members. You can select all of the blocks in that column directly in the List View and duplicate them however many times you need.

How To Use List View

To find List View, click on the icon with three lines at the top left of the Editor.

Showing where the List View icon is located

Once List View is open, you can see all of your content on the left side of the page. Select the block you want by clicking on its name. To choose more than one, hold the shift key while clicking multiple elements.

Sample of a List View group of blocks

To move the blocks, simply drag and drop them wherever you’d like, in relation to the other elements on the page.

Animation showing how to drag a group of blocks in list view from one position to another

If you click on the three vertical dots to the right of the block(s) you selected, you can also make a number of other changes. Copy or duplicate them. Move them to specific locations on the page. Group them together, add them to reusable blocks, or even delete them altogether.

Showing more options for selected List View items

Explore the Block Editor

As you create more content, you’ll see how beneficial the List View tool is. Not only can you use it to get a high-level look at your content, but you can also make quick changes to several blocks at once, ultimately saving you time and frustration.

But List View is just one powerful feature of the WordPress Block Editor. 

There are multiple options available to help you create beautiful, effective pages, no matter what your site’s about. Want to learn more? Check out these resources:


Level Up Your Knowledge and Skills

WordPress.com holds free courses which are taught by the best WordPress experts on Earth. Use your newfound knowledge to take your site to the next level.

ABOUT THE AUTHOR

The WordPress.com Team

At WordPress.com, our mission is to democratize publishing one website at a time. Create a free website or build a blog with ease on WordPress.com. Dozens of free, customizable, mobile-ready designs and themes.

More by The WordPress.com Team

%d bloggers like this: