FORMACIÓN

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.

6.-Copiar y pegar bloques

1-¿Cómo nos ayudan las categorías en wordpress?

Las categorías de WordPress nos permiten agrupar las entradas en grandes grupos para poder gestionar o visualizar aquellas entradas relacionadas con esa categoría. Un sitio web puede tener categorizados diferentes temas. Por ejemplo, novedades, secretaría, general, preguntas frecuentes, o niveles educativos como primaria, secundaria, etc…

La categorización del contenido es útil en muchos aspectos:

• Darle al usuario una experiencia cómoda donde le sea rápido encontrar información sobre un tema.
• Cuando un usuario entra en un artículo y le gusta su contenido, puede seguir leyendo sobre otros asuntos relacionados accediendo a los demás artículos de la categoría.
• El contenido estructurado de nuestra web puede ayudar al posicionamiento, ya que los robots de indexado pueden leer y categorizar el contenido de forma ágil.

En Portaledu disponemos de diferentes bloques capaces de mostrar, de diferentes formas, las entradas de una misma categoría. Esto nos permite que cualquier nueva entrada categorizada y publicada pueda mostrarse automáticamente en las páginas configuradas con esos bloques dinámicos.

Al final de este post, encontrarás toda la información sobre estos bloques.

2-Añadir una categoría

Desde el menú de Categorías (Entradas –> Categorías), podemos crear una categoría para después asociar cualquier entrada a esta. Crear una categoría es simple; el formulario de creación nos explica qué es cada cosa para que no nos perdamos.

Como se puede ver, en el formulario, aparecen explicaciones de todos los apartados: Nombre, Slug, Categoría madre, Descripción e Idioma. Hacemos énfasis en el campo slug, que será el identificador de la categoría. Se recomienda que sea lo más claro y sencillo posible para que los visitantes entiendan qué contenido estará adscrito a esa categoría.

3-Categoría en varios idiomas. Traducciones.

Los sitios web en Portaledu son habitualmente bilingües o multilingües. Necesitaremos crear las traducciones para cada categoría y enlazarlas entre sí. Pongamos un ejemplo:

Si hemos creado la categoría Novetats, en valenciano:

• Nombre: Novetats
• Slug: novetats-va
• Categoría madre: ninguna
• Descripción: Categoria per a classificar les novetats del portal
• Idioma: Valencià

Crearemos su equivalente en castellano:

• Nombre: Novedades
• Slug: novedades-es
• Categoría madre: ninguna
• Descripción: Categoría para clasificar las novedades del portal
• Idioma: Castellano

Una vez creadas ambas categorías, editaremos una de ellas y le asignaremos su traducción, desde el campo Traducciones. Simplemente tecleando el nombre de la categoría en el idioma correspondiente, WordPress nos ofrecerá la opción.

Otra opción, que podéis explorar, es generar la traducción desde el listado de categorías. En este caso, crearíamos la categoría en el primer idioma y después, desde el listado de categorías, utilizaremos la opción de «+» o «crear traducción» como mostramos en la imagen siguiente:

Una vez creadas y emparejadas las traducciones, podemos comprobar en el listado que ya no aparece el «+» de crear traducción, sino un icono de un lápiz, para editar las traducciones:

4-Administrar categorías

Desde el menú de categorías, podemos editar, borrar y actualizar las categorías. El listado es idéntico a como se muestran las entradas o las páginas de WordPress. Se muestra su nombre con las opciones de Edición, Edición Rápida, Borrar o Ver.

5-Categoría por defecto

WordPress añade la categoría llamada ‘Sin categoría’ por defecto, ya que todos las entradas se añaden a esta categoría para tener un orden a pesar de que el usuario no utilice las categorías o se añadan a esta categoría especial para saber si existe una entrada sin categorizar.

Esta categoría se puede modificar, pero no borrar. Si no queremos mostrar esta categoría a nuestros visitantes, simplemente debemos asegurarnos de que ninguna entrada pertenece a la categoría «Sin categoría».

Es una práctica habitual, renombrar esa categoría (y el slug) a «General»:

Para saber cuántas entradas pertenecen a una categoría, basta mirar, en el listado de categorías, el número que se muestra a la derecha. Si hacemos clic sobre este número, se mostrarán las entradas adscritas a esa categoría.

6-¿Cómo categorizar una entrada?

Se puede hacer de dos formas: desde la edición rápida de cada post o bien editando el artículo, desde la barra lateral de utilidades. Recomendamos la segunda opción, ya que en la edición rápida no aparecen todas las posibilidades de edición de las entradas.

Cuando estamos editando la entrada o durante la creación de esta, podemos observar que hay un pequeño recuadro donde pone ‘Categorías’. En él, podremos observar todas las categorías que tenemos ya agregadas, las más utilizadas o incluso crear categorías nuevas si se necesita alguna en un momento específico. Obviamente, no vamos a poder añadir toda la información desde este panel, pero podemos crear rápidamente una categoría para que nuestro artículo no quede sin categorizar.

En la imagen de arriba, podemos ver la categoría seleccionada para la entrada que estamos editando.

7-Cómo mostrar las entradas de una categoría

Tenemos muchas formas de hacerlo!