El 5 de febrero de 2026 tuve la oportunidad de dar una pequeña charla en el Meetup de WordPress Bilbao sobre cómo trabajar con WordPress aprovechando al máximo el maquetador visual Gutenberg y los temas de bloques.
Antes de Gutenberg y los themes de bloques
En la sesión comenzamos con una breve retrospectiva: vimos cómo se presentaba el backend de WordPress con los temas clásicos de la comunidad, cómo era el editor de contenido TinyMCE (con sus opciones básicas tipo documento de Word, y poco más, salvo que editaras en modo HTML) y cómo cambia todo eso cuando activamos un tema de bloques. En ese momento, algunas secciones clásicas desaparecen o se integran en un único espacio llamado “Editor”, incluyendo incluso el menú, que ya no se muestra como antes.
Gutenberg y los themes de bloques, en acción
Tras este repaso, revertimos el cambio en WordPress para recordar cómo era el editor TinyMCE y volvimos a activarlo, contrastando visualmente la evolución hacia Gutenberg. Una vez activado el tema de bloques y con Gutenberg en marcha, continuamos explicando cómo maquetar contenidos con el editor visual: exploramos los bloques disponibles, descubrimos cómo utilizar los patrones predefinidos y cómo crear nuevos patrones personalizados desde cero.
También hicimos un breve recorrido por el panel de herramientas de la derecha, que permite personalizar la estética de cada bloque (colores, tipografía, espaciado, etc.). A partir de ahí, nos adentramos en el nuevo espacio que generan los temas de bloques: el Editor de Sitio.
Este espacio es clave para la personalización visual de WordPress. Mientras que en las secciones de “Páginas” y “Entradas” trabajamos la estructura y el contenido gracias a Gutenberg, en el apartado del “Editor” nos centramos en todo lo relacionado con el diseño: colores, tipografías, sombras, anchos, layouts globales y mucho más, sin necesidad de tocar código.
Los nuevos temas de bloques de WordPress utilizan el Editor de Sitio (accesible desde Apariencia > Editor), que reemplaza al personalizador clásico y permite editar todo el sitio con bloques. Este espacio se organiza en varios apartados clave en la navegación izquierda y la barra superior, cada uno con funciones específicas para personalizar el tema:
- Estilos: Accede a las variaciones de estilos del tema; configura paletas de colores, tipografías, layouts globales y estilos de bloques de forma unificada para todo el sitio.
- Navegación: Gestiona los menús de navegación del sitio; permite crear, editar o seleccionar menús existentes usando el bloque de Navegación.
- Páginas: Edita, crea o gestiona el contenido de páginas directamente en el editor (disponible desde WP 6.3); ideal para trabajar contenido singular sin salir del entorno de bloques.
- Plantillas: Lista y edita plantillas predeterminadas (como página de inicio, archivo, 404); define layouts para tipos de páginas específicas usando bloques.
- Patrones: Administra patrones sincronizados y partes de plantilla (como headers o footers); permite reutilizar grupos de bloques en múltiples plantillas.
A continuación comparto los slides que se mostraron durante la charla, que sirven como un pequeño resumen de todo lo comentado.
Si tienes cualquier pregunta sobre estos cambios en Gutenberg y los temas de bloques, o quieres añadir algo más, no dudes en comentar esta publicación. 😉👇
Deja una respuesta