En este article explicarem la vista de llista de blocs de l’editor Gutenberg de WordPress, la seua utilitat, el funcionament de l’arrossegament i reordenació de blocs, i els avantatges específics quan es treballa amb blocs contenidors.
1.-Introducció
La vista de llista de Gutenberg (o List View) és una de les ferramentes més potents i menys aprofitades de l’editor de blocs de WordPress. Encara que a simple vista Gutenberg funciona de forma molt visual —fent clic sobre cada bloc directament en el llenç—, la vista de llista oferix una forma alternativa, més precisa i eficient de treballar amb continguts complexos.
La vista de llista és un panell lateral que mostra tots els blocs del contingut en forma d’estructura jeràrquica, com si fora un arbre.
Permet visualitzar:
- Quins blocs conté cada secció
- Els blocs niats dins d’uns altres (columnes, contenidors, files…)
- L’estructura real del document
És especialment útil quan la teua pàgina:
- Té molts blocs
- Inclou maquetacions complexes
- Usa contenidors niats
- Treballa amb blocs que visualment són difícils de seleccionar
Pots obrir-la des de la icona amb forma de llista en la barra superior de l’editor.
2.-Utilitat de la vista de llista de blocs
1. Selecció precisa de blocs
A vegades seleccionar un bloc concret en el llenç és complicat, especialment si està dins de diversos nivells d’implantació.
En la vista de llista només has de fer clic en el seu nom.
2. Comprensió visual de l’estructura
Quan treballes amb contenidors, columnes o seccions complexes, veure la jerarquia t’ajuda a entendre millor:
- Què depén de què
- Si un bloc està dins o fora del contenidor correcte
- Com està organitzat realment el contingut
3. Més rapidesa en editar
Editar noms, moure blocs, duplicar o reorganitzar és molt més ràpid ací que usant només el llenç.
3.-Arrossegar i moure blocs des de la vista de llista
En la vista de llista pots arrossegar un bloc i soltar-lo en un altre lloc.
No sols pots reordenar-los dins del mateix nivell, sinó també moure’ls entre diferents nivells d’implantació, alguna cosa que en el llenç sol resultar incòmode.
Com funciona l’arrossegament?
- Fes clic en el bloc que vulgues moure.
- Mantín polsat i arrossega a la posició on vols col·locar-lo.
- Veuràs una línia blava que indica on se soltarà.
El sistema és especialment útil quan:
- Una pàgina té desenes de blocs
- Els blocs tenen poc contingut visual (espaiadors, contenidors buits…)
Pots seleccionar diversos blocs utilitzant la tecla MAJÚSCULES + CLIC esquerre del ratolí.
4.-Opcions sobre cada bloc
Si fas clic sobre els tres punts verticals, a la dreta de qualsevol bloc, observaràs que emergix un menú contextual on s’oferixen diferents accions com: Copiar, Duplicar, Afegir abans, Afegir després, Eliminar…
5.-Agrupar blocs dins d’un contenidor
Una de les accions més interessants és arrossegar diversos blocs dins d’un contenidor, com el que incorpora Portaledu, de GenerateBlocks.
Què aporta això?
✔ Reorganització instantània
Passa contingut solt a un contenidor sense haver de tallar i pegar.
✔ Control total sobre el disseny
Tot el que està dins del contenidor pot:
- Compartir estils comuns
- Tindre un fons comú
- Convertir-se en una secció reutilitzable
✔ Neteja estructural
La vista de llista et permet verificar que el bloc està realment dins del contenidor correcte —una cosa que visualment, a vegades,no és evident.
