En este artículo explicaremos la vista de lista de bloques del editor Gutenberg de WordPress, su utilidad, el funcionamiento del arrastre y reordenación de bloques, y las ventajas específicas cuando se trabaja con bloques contenedores.
1.-Introducción
La vista de lista de Gutenberg (o List View) es una de las herramientas más potentes y menos aprovechadas del editor de bloques de WordPress. Aunque a simple vista Gutenberg funciona de forma muy visual —haciendo clic sobre cada bloque directamente en el lienzo—, la vista de lista ofrece una forma alternativa, más precisa y eficiente de trabajar con contenidos complejos.
La vista de lista es un panel lateral que muestra todos los bloques del contenido en forma de estructura jerárquica, como si fuera un árbol.
Permite visualizar:
- Qué bloques contiene cada sección
- Los bloques anidados dentro de otros (columnas, contenedores, filas…)
- La estructura real del documento
Es especialmente útil cuando tu página:
- Tiene muchos bloques
- Incluye maquetaciones complejas
- Usa contenedores anidados
- Trabaja con bloques que visualmente son difíciles de seleccionar
Puedes abrirla desde el icono con forma de lista en la barra superior del editor.
2.-Utilidad de la vista de lista de bloques
1. Selección precisa de bloques
A veces seleccionar un bloque concreto en el lienzo es complicado, especialmente si está dentro de varios niveles de anidación.
En la vista de lista solo tienes que hacer clic en su nombre.
2. Comprensión visual de la estructura
Cuando trabajas con contenedores, columnas o secciones complejas, ver la jerarquía te ayuda a entender mejor:
- Qué depende de qué
- Si un bloque está dentro o fuera del contenedor correcto
- Cómo está organizado realmente el contenido
3. Más rapidez al editar
Editar nombres, mover bloques, duplicar o reorganizar es mucho más rápido aquí que usando solo el lienzo.
3.-Arrastrar y mover bloques desde la vista de lista
En la vista de lista puedes arrastrar un bloque y soltarlo en otro sitio.
No solo puedes reordenarlos dentro del mismo nivel, sino también moverlos entre distintos niveles de anidación, algo que en el lienzo suele resultar incómodo.
¿Cómo funciona el arrastre?
- Haz clic en el bloque que quieras mover.
- Mantén pulsado y arrastra a la posición donde quieres colocarlo.
- Verás una línea azul que indica dónde se va a soltar.
El sistema es especialmente útil cuando:
- Una página tiene decenas de bloques
- Los bloques tienen poco contenido visual (espaciadores, contenedores vacíos…)
Puedes seleccionar varios bloques utilizando la tecla MAYÚSCULAS + CLIC izquierdo del ratón.
4.-Opciones sobre cada bloque
Si haces clic sobre los tres puntos verticales, a la derecha de cualquier bloque, observarás que emerge un menú contextual donde se ofrecen diferentes acciones como: Copiar, Duplicar, Añadir antes, Añadir después, Eliminar…
5.-Agrupar bloques dentro de un contenedor
Una de las acciones más interesantes es arrastrar varios bloques dentro de un contenedor, como el que incorpora Portaledu, de GenerateBlocks.
¿Qué aporta esto?
✔ Reorganización instantánea
Pasa contenido suelto a un contenedor sin tener que cortar y pegar.
✔ Control total sobre el diseño
Todo lo que está dentro del contenedor puede:
- Compartir estilos comunes
- Tener un fondo común
- Convertirse en una sección reutilizable
✔ Limpieza estructural
La vista de lista te permite verificar que el bloque está realmente dentro del contenedor correcto —algo que visualmente, a veces, no es evidente.
