-as of [28 SEPTEMBER 2025]-
.
-AKA “DOCUMENT OVERVIEW”-
.
.
.
.
*CLICK INTO THE [BLOCK] YOU WANT TO APPEAR AT THE [TOP] WHEN “BULK-MOVING” MULTIPLE [BLOX]* —>
(SO THAT YOUR CURSOR IS BLINKING IN THE [TOP BLOCK])
.
*REVEAL THE [LIST VIEW] LEFT COLUMN* —>
-[OPTION] + [CONTROL] + [ o ]
.
.
*SELECT ALL [BLOX] UNDERNEATH “CURRENTLY SELECTED BLOCK”* —>
-[SHIFT] + [fn] + [RIGHT ARROW]-
.
.
-THE “LIST VIEW” SCROLLS TO BOTTOM OF [POST]-
-THE “MAIN EDITOR” REMAINS IN PLACE-
.
*TO NAVIGATE TO BOTTOM OF POST IN “MAIN EDITOR” WITHOUT “UN-SELECTING” BLOX, DRAG THE “RIGHT SLIDER HANDLE” IN “MAIN EDITOR” TO THE BOTTOM* —>
.
-IN “MAIN EDITOR”, ROLL “MOUSE SCROLLWHEEL” TOWARDS YOU TO SCROLL UP UNTIL YOU FIND THE “LAST BLOCK” YOU WANT SELECTED IN THE GROUP-
.
.
-IN “LIST VIEW”, [SHIFT-CLICK] A “BLOCK LISTING” IN THE “LEFT COLUMN” TO MAKE THAT THE “LAST SELECTED BLOCK”* —>
.
*REPEAT THIS PROCESS UNTIL YOU ARRIVE AT YOUR “TARGET LAST SELECTED BLOCK” IN THE “MAIN EDITOR”* —>
.
*CUT “SELECTED TEXT”* —>
-[COMMAND] + [ x ]-
.
-IN “MAIN EDITOR”, USE [MOUSE SCROLLWHEEL] TO LOCATE THE BLOCK WHICH WIILL BE DIRECTLY ABOVE YOUR “PASTE TARGET”-
.
*CLICK INTO THAT BLOCK* —>
.
-HIT [RETURN]-
.
.
*PASTE YOUR “CUT” INTO THE BLOCK* —>
-[COMMAND] + [ v ]-
.
*TOP LEFT CORNER* —>
.
*[SHOW/HIDE] “LIST”* —>
-[OPTION] + [CONTROL] + [ o ]
.
.
*WHEN “LIST VIEW” IS ACTIVATED, ITS BUTTON TURNS “BLACK”* —>
.
-YOU CAN’T ADJUST [WIDTH] OF THE [LIST]-
(NOR CAN YOU ADJUST [WIDTH] OF [RIGHT COLUMN])
.
*2 TABS* —>
“LIST VIEW”
“OUTLINE”
.
*THE “CURRENTLY DISPLAYED TAB” IS UNDERLINED* —>
.
*LIST VIEW* —>
.
*OUTLINE* —>
.
-CHARACTER COUNT-
-WORD COUNT-
-ESTIMATED READING TIME-
.
WHAT THE FUCK?
-THIS IMAGE IS SO CONFUSING-
.
-4 HORIZONTAL LINES-
,
*from “top” to “bottom”* —>
H1
H2
H4
H4
(not quite in order!)
(and the “out of order” H4 (on “line 3” from top) is a different color than the rest)
“reddish”
(as opposed to “light gray”)
(the text size is the same)
(the alignment is not)
.
*from top* —>
“left of center”
“slightly left of center”
“right of center”
“slightly right of center”
.
-navigate the structure of your document and address issues like “empty/incorrect heading levels”-
.
*to close the “list view” panel, click the “x button” in [top right corner] of panel* —>
.
*or use this KS* —>
-[OPTION] + [CONTROL] + [ o ]-
(YOU MAY HAVE TO PRESS THE [KS] TWICE)
.
-WHEN YOU CLICK INTO YOUR “TITLE BOX”, THE “RIGHT COLUMN” REMAINS ON THE “POST” TAB-
.
*WHEN YOU [CLICK IN] TO A [BLOCK], THE “RIGHT COLUMN TAB” SHIFTS FROM THE “POST TAB” TO THE “BLOCK TAB” (FOR THE BLOCK YOU CLICKED INTO)* —>
.
*IN [RIGHT COLUMN], CLICK THE [“POST” TAB HEADER] TO SWITCH TO THE “POST TAB”* —>
.
-YOUR [BLOX] REMAIN “SELECTED” IF YOU CLICK BACK INTO THE RIGHT COLUMN “BLOCK TAB”* —>
.
*TO [DE-SELECT] ALL [BLOX], CLICK ANYWHERE IN THE [CENTER PANEL] OF [POST EDITOR] OUTSIDE A “BLOCK”-
.
*YOU AUTOMATICALLY NAVIGATE BACK TO THE “POST TAB” IN THE [RIGHT COLUMN]* —>
.
*CLICK THE “BLOCK TAB HEADER” TO MAKE SURE ALL [BLOX] HAVE BEEN [DE-SELECTED]* —>
.
*IF YOU HOLD [SHIFT] + CLICK INTO THE BLOCK UNDERNEATH YOUR [CURRENTLY SELECTED BLOCK], BOTH BLOX ARE SELECTED* —>
.
-THE [BORDERS] FOR THESE [BLOX] ARE NOT DISPLAYED-
-BOTH BLOX ARE SELECTED, BUT ONLY THE [BOTTOM BLOCK] HAS ITS CONTENTS SELECTED-
-THERE IS NO MORE “BLINKING CURSOR” IN THE [TOP BLOCK]-
.
*THE [RIGHT COLUMN] NOW DISPLAYS THE # OF “CURRENTLY SELECTED BLOX”* —>
.
-IF THE [SELECTED BLOX] ARE OF THE SAME “TYPE”, THE [RIGHT COLUMN] DISPLAYS THE PROPERTIES YOU CAN EDIT ACROSS ALL [SELECTED BLOX]-
.
*IF ALL “SELECTED BLOX” ARE “PARAGRAPH BLOX”* —>
.
*3 PROPERTIES* —>
-TEXT COLOR-
-BACKGROUND COLOR-
-TEXT SIZE-
.
-WHEN YOUR SELECTION INCLUDES MULTIPLE “BLOCK TYPES”* —>
*when you select a [paragraph block] + [image block]* —>
(the selections are more clearly delineated with the “blue background”)
.
-BECAUSE THE [SELECTION] CONTAINS MULTIPLE “BLOCK TYPES”, THERE ARE NO “UNIVERSAL SHARED PROPERTIES” YOU CAN SET-
(EVEN IF ALL OF THE “BLOCK TYPES” IN THE SELECTION ALLOW YOU TO CUSTOMIZE TEXT)
.
*ONLY THE “# OF SELECTED BLOX” IS DISPLAYED IN [RIGHT COLUMN]* —>
.
*CLICK THE [X BUTTON] IN [TOP RIGHT CORNER] TO CLOSE THE [RIGHT COLUMN]* —>
.
*YOU CAN TOGGLE THE [RIGHT COLUMN] “SETTINGS SIDEBAR” WITH THIS KS* —>
-[SHIFT] + [COMMAND] + [ , ]
.
*TO DISPLAY “LIST VIEW” IN [LEFT COLUMN]* —>
-[OPTION] + [CONTROL] + [ o ]-
.
*IF NO [BLOX] ARE SELECTED, THE [LEFT COLUMN] OPENS WITH THE [FIRST BLOCK] AT TOP OF COLUMN*
(NO MATTER WHERE YOU ARE SCROLLED TO IN THE MAIN CENTER “POST EDITOR”)
.
-“NESTED BLOX” ARE HIDDEN BY DEFAULT-
.
*THE 1ST BLOCK WILL HAVE A “BLUE OUTLINE” INDICATING THAT IT IS THE “TARGET BLOCK”* —>
.
-MEANING THAT WHEN YOU HIT [SPACE BAR],YOUR [CENTER EDITOR] SCROLLS UP TO THE 1ST [BLOCK]-
(YOU CAN ALSO HIT [RETURN])
.
.
*THE “DARK BLUE BACKGROUND” INDICATES THAT THE BLOCK IS “SELECTED”* —>
.
*WHEN A BLOCK IS SELECTED IN [LEFT COLUMN], IT HAS A “BLUE BORDER” IN THE [POST EDITOR]* —>
.
*TO EDIT THE “TITLE BLOCK”, PRESS THE [UP ARROW] KEY SO THAT YOUR [CURSOR] MOVES FROM YOUR [TOP BLOCK] TO YOUR [TITLE BLOCK]* —>
.
-YOUR CURSOR IS NOW ON THE [FAR LEFT] OF THE [BOTTOM LINE]-
(TO THE LEFT OF THE [LEFT BRACKET] IN “[WORDPRESS]”)
.
-THE [FIRST BLOCK] LOSES ITS [BLUE BORDER] IN THE [CENTRAL EDITOR]-
-THE [FIRST BLOCK] LISTING IN THE [LIST VIEW] IS [DE-SELECTED]-
-ALL [BLOX] ARE NOW [DE-SELECTED]-
.
-PRESS [UP ARROW] KEY AGAIN TO MOVE [CURSOR] TO [FAR LEFT] OF [TOP LINE] OF YOUR [TITLE BOX]-
(TO THE LEFT OF THE 1ST “HYPHEN” IN “-LIST VIEW-“)
.
-AFTER THIS, THE “UP ARROW KEY” BECOMES “USELESS”-
.
.
-PRESS THE [DOWN ARROW] KEY TO MOVE [CURSOR] BACK TO THE [FAR LEFT] OF [BOTTOM LINE] IN [TITLE INPUT BLOCK]-
.
.
-PRESS THE [DOWN ARROW] KEY AGAIN + THE “TOP BLOCK” IS SELECTED* —>
.
-THE “GROUP BLOCK” IS SELECTED-
.
*EDIT THE SELECTED GROUP BLOCK’S SETTINGS IN THE [RIGHT COLUMN]* —>
.
*4 “GROUPING OPTIONS”* —>
-GROUP-
-ROW-
-STAX-
-GRID-
.
-GROUP-
“COLOR MENUS”
.
.
*CLICK THE “VERTICAL ELLIPSIS” IN [TOP RIGHT CORNER]* —>
.
-THE AVAILABLE OPTIONS WILL VARY BASED ON “BLOCK TYPE”-
-THIS IS A “GROUP BLOCK”-
-IT CONTAINS 2 “IMAGE BLOX”-
.
-YOU CAN CUSTOMIZE COLOR FOR 2 ELEMENTS OF A “PARAGRAPH BLOCK”-
(“TEXT” / “BACKGROUND”)
.
.
*FOR “GROUP BLOX”, YOU CAN CUSTOMIZE COLOR OF THESE ELEMENTS* —>
-TEXT-
-BACKGROUND-
-BUTTON-
-HEADING-
-H1-
-H2-
-H3-
-H4-
-H5-
-H6-
.
.
-WHEN YOU CLICK “RESET ALL”, ONLY [“TEXT” / “BACKGROUND”] WILL BE CHECKED-
.
.
(YOU CANNOT UN-CHECK [“TEXT” / “BACKGROUND”])
.
-text color-
.
-background color-
*color tab* —>
.
*gradient tab* —>
.
ABC ABC
.
XYZ XYZ
.
also known as Document overview,
List View, is an indispensable feature of the WordPress editor that makes it easy for you to work with the blocks on your site.
This guide will show you how to make the most of List View.
In this guide
Video Tutorial
.
Access List View
To access List View, click the icon that looks like three horizontal lines above each other at the top left corner of the editor:
.
GIF showing how to open the List View by clicking on the three offset stacked vertical lines representing the List View
.
Opening List View
Select a Block in the List
Once you open the List View, you will see a list of all blocks on the page in order:
An example of blocks appearing in the List View.
An example of blocks appearing in List View
Some blocks are nested (i.e., contained) within other blocks.
Click the > symbol to the left of a block’s name to reveal the blocks inside.
Click the > symbol again to collapse the list.
GIF showing how to select a block in the List View
.
Select Multiple Blocks
You can select multiple blocks in List View by taking the following actions:
Open List View by clicking the three horizontal lines icon in the top left of the editor.
Click on the first block.
Hold the shift key on your keyboard and click on the last block. This will select all blocks between the first and last block.
To select all blocks in List View, use the keyboard command CTRL + A on PC or CMD + A on Mac
.
Uses of List View
List View has several useful benefits:
You can view the exact order and structure of every block on the page, which is especially helpful if you have a page with a lot of content.
You can select blocks that have other blocks nested inside them, such as each individual column inside of a Columns block.
You can click and drag blocks to move them to a different part of the page.
Learn more about moving blocks
.
You can click the ellipses (three dots) next to any block in List View and:
Copy the block.
Create a duplicate of the block.
Insert a new block before or after the selected block.
Copy the block’s styles.
Group the block.
Lock the block from being edited.
Create a pattern block out of the selected block.
Rename the block.
Move the block to a new part of the page.
Edit the block as HTML.
Delete the block.
.
Clean Up Your Blocks
When working with demo content added by your theme or using block patterns, you may have inadvertently ended up with a tangled mess of blocks you don’t need.
This can result in display issues on your site, especially when working with layout blocks like the Columns block, Group block, or the Layout Grid block.
You can use List View to clean up the structure of your blocks, making sure you only have the blocks you need and nothing extra:
First, open List View by clicking the icon that looks like three horizontal lines above each other at the top left of the editor.
View your list of blocks on the page to see if you can identify the block or blocks that may be causing issues.
Click the ellipses (three dots) next to any block and choose the Delete option to remove that block.
If a block has several blocks nested within it, deleting that block will also remove the nested blocks.
First, move any blocks out from under that block before deleting the parent block.
Here’s a video demonstration of this process:
wordpress.com /support/wordpress-editor/use-list-view/
Use List View
4-4 minutes 3/1/2022
.
.
*👨🔬🕵️♀️🙇♀️*SKETCHES*🙇♂️👩🔬🕵️♂️*
.
.
👈👈👈☜*-[WORDPRESS WEBSITE] INSTRUCTIONS-* ☞ 👉👉👉
.
.
💕💝💖💓🖤💙🖤💙🖤💙🖤❤️💚💛🧡❣️💞💔💘❣️🧡💛💚❤️🖤💜🖤💙🖤💙🖤💗💖💝💘
.
.
*🌈✨ *TABLE OF CONTENTS* ✨🌷*
.
.
🔥🔥🔥🔥🔥🔥*we won the war* 🔥🔥🔥🔥🔥🔥