≡En resumen
- Gutenberg es el editor de bloques de WordPress: cada elemento del contenido es un bloque que se añade, mueve y configura por separado.
- Se integró en WordPress 5.0 en diciembre de 2018 y desde WordPress 5.9 (2022) permite editar también cabecera, pie y plantillas con un tema de bloques.
- El proyecto avanza en cuatro fases: edición, personalización, colaboración y multilingüe.
- Guarda los bloques como HTML normal con comentarios que los identifican, así que el contenido sigue siendo legible sin el editor.
- No hay que confundirlo con Johannes Gutenberg, el impresor, ni con Project Gutenberg, la biblioteca de libros electrónicos gratuitos.
01 ¿Qué es Gutenberg en WordPress?
WordPress es el CMS más usado del mundo: según W3Techs, en septiembre de 2026 lo utiliza el 40,2 % de todas las webs. Por eso Gutenberg es, probablemente, el editor de contenidos que más gente usa a diario sin saber su nombre: cuando entras a editar una entrada en WordPress y ves el botón «+» para añadir bloques, estás en Gutenberg.
En la documentación oficial, «Gutenberg» designa el proyecto y también un plugin del mismo nombre donde se prueban las novedades antes de incorporarlas al núcleo. Para el usuario final, lo correcto es hablar de editor de bloques (Block Editor) y, cuando se diseña la web entera, de editor del sitio (Site Editor).
02 Gutenberg: el impresor, Project Gutenberg y el editor de WordPress
El editor de WordPress se llama así en homenaje a Johannes Gutenberg, cuya imprenta de tipos móviles también componía las páginas pieza a pieza. Si has llegado buscando otra cosa, estas son las tres acepciones más habituales:
| Gutenberg | Qué es | Dato clave |
|---|---|---|
| Johannes Gutenberg | Orfebre e impresor de Maguncia (Alemania), inventor de la imprenta de tipos móviles en Europa | Su Biblia de 42 líneas se terminó hacia 1455; murió en 1468 |
| Project Gutenberg | Biblioteca digital de libros electrónicos gratuitos de dominio público | Fundada por Michael Hart en 1971; más de 75.000 libros |
| Gutenberg (WordPress) | Proyecto y editor de bloques de WordPress | En el núcleo desde WordPress 5.0 (diciembre de 2018) |
03 Historia de Gutenberg: de plugin a editor de todo el sitio
-
1
Principios de 2017
Comienza el desarrollo del nuevo editor para WordPress.
-
2
Junio de 2017
Se publica el primer plugin de Gutenberg, presentado en la WordCamp Europe.
-
3
6 de diciembre de 2018
WordPress 5.0 «Bebo» integra el editor de bloques como editor por defecto, junto al tema Twenty Nineteen.
-
4
25 de enero de 2022
WordPress 5.9 «Josephine» trae la edición completa del sitio y el primer tema de bloques por defecto, Twenty Twenty-Two.
-
5
2 de diciembre de 2025
WordPress 6.9 «Gene» añade las Notas, comentarios a nivel de bloque para trabajar en equipo.
-
6
20 de mayo de 2026
WordPress 7.0 «Armstrong» incorpora un cliente de IA en el núcleo, nuevos bloques y CSS personalizado por bloque.
-
7
19 de agosto de 2026
WordPress 7.1 «Mary Lou» amplía las Notas con menciones y añade controles de estilo por dispositivo.
04 Las cuatro fases del proyecto Gutenberg
| Fase | Objetivo | Qué incluye |
|---|---|---|
| 1. Edición más fácil | Sustituir el editor clásico por bloques | Editor de bloques en entradas y páginas (desde WordPress 5.0) |
| 2. Personalización | Editar toda la web con bloques | Edición completa del sitio, temas de bloques, patrones y directorio de bloques |
| 3. Colaboración | Trabajar varias personas sobre el mismo contenido | Herramientas de coedición; las Notas por bloque llegaron en WordPress 6.9 |
| 4. Multilingüe | Webs en varios idiomas sin depender de plugins | Soporte multilingüe en el núcleo (pendiente) |
05 Cómo funciona el editor de bloques
Bloques
Cada elemento es un bloque con sus propios ajustes: párrafo, título, imagen, lista, tabla, botón, columnas, grupo…
Patrones
Conjuntos de bloques ya diseñados (una sección de precios, una cabecera) que insertas y adaptas. Los sincronizados se editan una vez y cambian en todas partes.
Editor del sitio
Con un tema de bloques, cabecera, pie y plantillas también se editan con bloques, en Apariencia > Editor.
Estilos globales
Colores, tipografías y espaciados de toda la web se definen en un solo panel y se aplican a todos los bloques.
Por dentro, Gutenberg guarda el contenido como HTML normal, añadiendo comentarios que indican dónde empieza y acaba cada bloque y qué ajustes tiene. Un párrafo queda así en la base de datos:
<!-- wp:paragraph --><p>Hola, mundo</p><!-- /wp:paragraph -->
La ventaja es que el contenido sigue siendo legible aunque desactives el editor o cambies de sistema: los comentarios simplemente se ignoran.
06 Cómo usar Gutenberg paso a paso
-
1
Crea o abre una entrada o página
Desde el escritorio de WordPress, en Entradas o Páginas > Añadir nueva.
-
2
Añade bloques
Pulsa el botón «+» o escribe «/» seguido del nombre del bloque (por ejemplo, /imagen) para insertarlo sin ratón.
-
3
Configura cada bloque
La barra que aparece sobre el bloque y el panel lateral de ajustes permiten cambiar alineación, colores, tamaños o enlaces.
-
4
Organiza la estructura
Usa la vista de lista para ver todos los bloques, seleccionarlos y moverlos, sobre todo en páginas largas.
-
5
Reutiliza
Guarda como patrón las secciones que repites y usa los patrones de tu tema para no empezar de cero.
-
6
Previsualiza y publica
Comprueba cómo queda en móvil, tableta y ordenador antes de publicar o programar.
07 Gutenberg vs. editor clásico vs. maquetadores visuales
| Gutenberg (editor de bloques) | Editor clásico | Maquetadores (Elementor, Divi…) | |
|---|---|---|---|
| Cómo se edita | Bloques visuales | Una caja de texto tipo procesador | Lienzo visual propio con widgets |
| Incluido en WordPress | Sí, por defecto | Solo con el plugin Classic Editor | No: plugin o tema aparte |
| Editar cabecera y pie | Sí, con un tema de bloques | No | Sí, en sus versiones con esa función |
| Código que genera | HTML con comentarios, ligero | HTML sencillo | Suele añadir más código y estilos propios |
| Dependencia | Ninguna: es parte de WordPress | Plugin oficial | Si lo desactivas, el diseño se pierde |
| Para quién | La mayoría de webs nuevas | Webs antiguas o flujos muy concretos | Quien ya trabaja con ese maquetador |
El editor de bloques es un editor WYSIWYG en el sentido de que ves el resultado mientras editas, pero con estructura: cada bloque sabe qué es. Eso facilita que el diseño de la web sea coherente y que el contenido sea accesible y fácil de migrar.
08 Ventajas y limitaciones de Gutenberg
Ventaja: sin dependencias
Viene con WordPress y se actualiza con él, así que no dependes de un plugin de terceros para maquetar.
Ventaja: ligero
Genera menos código que la mayoría de maquetadores, lo que ayuda a la velocidad de carga.
Ventaja: ecosistema
Temas de bloques, patrones y bloques de plugins amplían lo que puedes hacer sin programar.
Limitación: curva inicial
Quien viene del editor clásico o de un maquetador tarda un tiempo en acostumbrarse.
Limitación: diseños complejos
Algunos diseños muy a medida requieren bloques personalizados, que se programan con JavaScript y React.
Limitación: compatibilidad
Plugins o temas antiguos pensados para el editor clásico pueden no funcionar bien.
Un tema ligero pensado para bloques, pocos plugins y un buen alojamiento son la base para mejorar la velocidad web de un WordPress. Para elegir con criterio, revisa estas plantillas de WordPress gratis y de pago y los mejores plugins de WordPress por categoría. Si prefieres que alguien monte la web con el editor de bloques y la deje lista para que tu equipo la actualice, una agencia de diseño web puede crear los patrones y bloques a medida de tu marca.
Preguntas frecuentes sobre Gutenberg
Es el editor de bloques de WordPress: el sistema con el que creas entradas, páginas y, con un tema de bloques, toda la web, a base de bloques independientes.
Desde WordPress 5.0, publicado el 6 de diciembre de 2018. La edición completa del sitio con bloques llegó con WordPress 5.9, el 25 de enero de 2022.
En homenaje a Johannes Gutenberg, inventor de la imprenta de tipos móviles en Europa, que componía las páginas pieza a pieza, como los bloques del editor.
Sí, instalando el plugin oficial Classic Editor, que restaura el editor anterior. También existe un bloque Clásico dentro del propio editor de bloques.
Gutenberg viene incluido en WordPress y genera un código más ligero; Elementor es un maquetador de terceros con más opciones visuales propias, pero si lo desactivas el diseño se pierde.
Sí. Forma parte de WordPress, que es software libre, y no tiene coste. Algunos bloques o patrones de terceros sí son de pago.
Es una biblioteca digital de libros electrónicos gratuitos de dominio público, fundada por Michael Hart en 1971. No tiene relación con el editor de WordPress.
Fuentes consultadas
Sobre el autor
Development Manager en appyweb
Dirige el equipo de desarrollo de appyweb: aplicaciones web y móviles, SaaS, integraciones y arquitectura de software.
Ver perfil y artículos → Ver perfil en LinkedIn ↗