Gutenberg: guía completa, noticias y análisis
Voy a escribir la página de referencia sobre Gutenberg en HTML Gutenberg, con todos los artículos enlazados y siguiendo tus reglas al pie.Gutenberg es el editor de bloques nativo de WordPress desde la versión 5.0. Cambió para siempre cómo se crean contenidos y diseñan temas en la plataforma. No es solo un editor; es la base de todo lo que WordPress hace hoy en materia de edición visual y administración de contenidos.
Desde su lanzamiento en 2018, Gutenberg evolucionó de un editor de posts a un sistema completo para diseñar sitios enteros. Con cada versión, suma capacidades: estilos globales, patrones reutilizables, modo Full Site Editing. Entender Gutenberg es imprescindible para cualquiera que quiera maximizar WordPress en 2026.
En 30 segundos
- Gutenberg es el editor de bloques que reemplazó a TinyMCE en WordPress 5.0 (febrero 2019).
- Permitís arrastrar, soltar y customizar bloques de contenido sin escribir código.
- Full Site Editing (FSE) deja diseñar temas completos sin editar archivos PHP.
- Global Styles centraliza tipografía, colores y espaciado para toda la web.
Definición clara
Gutenberg es el editor de bloques de WordPress que funciona bajo la lógica de componentes reutilizables. Te permitís crear, editar y organizar contenido visual sin código, desde posts hasta designs de sitios completos vía Full Site Editing.
Historia y evolución
- Febrero 2019 (WordPress 5.0): Lanzamiento oficial de Gutenberg como editor por defecto. Reemplaza TinyMCE después de años como plugin experimental.
- 2019-2020: Se agregan componentes avanzados: bloques anidados, templates de posts, patrones reutilizables. La comunidad discute la experiencia del usuario.
- 2021 (WordPress 5.8): Full Site Editing entra en beta. Ya podés editar headers, footers y templates de bloque directo en el editor visual.
- 2022 (WordPress 6.0): Global Styles llega estable. Sincroniza tipografía, colores y espacios en todo el sitio desde un panel centralizado.
- 2023-2024: Expansión de capabilidades: bloques interactivos, animaciones, paleta de comandos mejorada, tema Twenty Twenty-Four completamente construido con bloques.
- 2025-2026: Pseudo-estados en Global Styles (hover, focus), mejoras en performance, integración más profunda con block bindings y datos dinámicos.
Productos y servicios principales
- Editor de bloques de posts: Edita contenido individual con bloques de texto, imagen, video, embeds, tabla, galería, formularios y más.
- Full Site Editing (FSE): Diseña plantillas de posts, archives, home page, footer y header sin tocar código PHP ni archivos de tema.
- Global Styles: Panel centralizado para tipografía, colores, espacios y estilos del sitio. Se aplica automáticamente a todos los bloques que uses.
- Patrones: Grupos de bloques pre-armados que reutilizás en posts, templates y sitios. Pueden ser simples (botón + texto) o complejos (hero + galería + CTA).
- Bloques reutilizables: Guardás un bloque o conjunto de bloques para insertarlo idéntico en otros posts. Cambios se sincronizar en todas partes.
- Block Bindings: Vinculás datos dinámicos (campos personalizados, metadatos) directamente en bloques sin plugins extras.
Impacto en la industria
- Democratización del diseño: Editores no-técnicos pueden diseñar sitios sin contratar developers. Bajó significativamente la barrera de entrada.
- Fin del reinado de page builders premium: Gutenberg + FSE competencia directa con Elementor, Divi, Beaver Builder. Muchos usuarios descubrieron que no necesitaban pagar por extras.
- Cambio en la forma de hacer themes: Los temas modernos se diseñan con bloques y patrones, no con funciones PHP complejas. WordPress.com influyó en esta dirección y hoy es el estándar.
- Comunidad de developers enfocada en bloques: Surgió un ecosistema entero de plugin builders de bloques, services de block hosting y especialistas en FSE.
- Adopción de Jamstack mentality: Gutenberg + headless CMS = posibilidad de usar WordPress como backend puro, sin rendering en servidor.
- Presión competitiva en otros CMS: Drupal, Joomla y hasta Shopify observan Gutenberg y adaptan sus editores a lógica de bloques.
Nuestros artículos sobre Gutenberg
Novedades y versiones
- Gutenberg 22.9: pseudo-estados en Global Styles y paleta de comandos renovada — Repasamos los cambios más recientes en la versión 22.9. Pseudo-estados en Global Styles (hover, active, focus) y una paleta de comandos mejorada para acceso rápido a bloques y configuraciones.
Guías prácticas y diseño
- Guía FSE 2026: crea tu theme con bloques Gutenberg — Introducción completa a Full Site Editing. Desde conceptos básicos (qué es una template) hasta ejercicios prácticos para armar un tema propio sin código.
- Cómo aplicar gradientes sobre imágenes en el editor de bloques — Técnica visual para combinar gradientes con fondos de imagen. Útil para mejorar contraste de texto sobre imágenes en bloques de héroe y secciones.
Preguntas Frecuentes
¿Puedo seguir usando el editor clásico de WordPress?
Sí, pero no está recomendado. WordPress mantiene compatibilidad, pero toda la innovación ocurre en Gutenberg. A partir de WordPress 6.3, el editor clásico es oficialmente un plugin legacy. Si trabajás con Gutenberg, sumás 90% más opciones de diseño y compatibilidad con themes modernos.
¿Full Site Editing necesita un theme compatible?
Sí. Themes antiguos no soportan FSE. Necesitás un tema que declare soporte para «full-site-editing» en su metadata. Temas como Twenty Twenty-Four, Neve, Astra y miles de otros ya lo soportan. Si tu theme no lo soporta, migrá o buscá uno que sí.
¿Cuántos bloques hay disponibles?
WordPress incluye ~30 bloques nativos (párrafo, imagen, botón, galería, tabla, formulario, etc.). Cada plugin puede agregar más. Algunos plugins ofrecen 100+ bloques extras. Empezá con los nativos; agregá librerías solo si realmente las necesitás.
¿Los bloques son responsive de forma automática?
Mayormente sí. Gutenberg incluye controles responsivos: configurás valores para desktop, tablet y mobile. Global Styles también es responsive. Pero conviene revisar tu sitio en dispositivos reales. Algunos bloques custom de plugins pueden no serlo; validá antes de usar.
¿Puedo exportar mi diseño de Gutenberg a otro sitio?
Parcialmente. Exportás patrones y templates como JSON, pero Global Styles y configuración del theme no se exportan automáticamente. Usar herramientas de migración (Duplicator, UpdraftPlus) preserva todo mejor que exportar manualmente.
Fuentes oficiales
- Repositorio oficial de Gutenberg en WordPress.org — Código fuente, issues, contribuciones y documentación técnica.
- Block Editor Handbook — Guía completa para developers. Cubre arquitectura, creación de bloques custom, block bindings y más.
- WordPress Learning Center — Cursos, tutoriales y documentación oficial en múltiples idiomas.
- Full Site Editing Handbook — Documentación especializada en FSE, templates, patterns y Global Styles.
- Make WordPress (Core Team Blog) — Anuncios de versiones, cambios, novedades directamente del equipo de desarrollo.