¿Qué es el Editor de Bloques de WordPress?
El Editor de Bloques de WordPress, comúnmente llamado Gutenberg, es el editor de contenido predeterminado en WordPress. Introducido en WordPress 5.0, reemplazó al Editor Clásico con un sistema modular basado en bloques donde cada pieza de contenido — un párrafo, imagen, encabezado o incrustación — es un bloque individual que puedes organizar, personalizar y reorganizar de forma independiente.
Para 2026, Gutenberg ha evolucionado mucho más allá de un simple editor de contenido. Con la Edición Completa del Sitio (FSE), ahora controla el diseño completo del sitio, incluidos encabezados, pies de página, plantillas y partes de plantillas. Esta guía te guiará a través de todo lo que necesitas saber, desde la edición básica de bloques hasta técnicas avanzadas de construcción de sitios.
Resumen de Bloques Principales
WordPress incluye más de 90 bloques principales organizados en categorías. Aquí están los que usarás con más frecuencia:
| Categoría | Bloques Clave | Caso de Uso |
|---|---|---|
| Texto | Párrafo, Encabezado, Lista, Cita, Detalles | Creación de contenido estándar |
| Medios | Imagen, Galería, Video, Audio, Portada | Contenido visual y multimedia |
| Diseño | Columnas, Grupo, Fila, Pila, Espaciador | Diseño y estructura de página |
| Widgets | Buscar, Navegación, Íconos Sociales, Nube de Etiquetas | Elementos interactivos y dinámicos |
| Tema | Título del Sitio, Logo, Navegación, Bucle de Consulta | Componentes de Edición Completa del Sitio |
| Incrustaciones | YouTube, Twitter, Spotify, Vimeo | Incrustación de contenido de terceros |
Creando Contenido con Bloques
Agregando Bloques
Hay varias formas de agregar bloques a tu contenido:
- Botón de más (+): Haz clic en el ícono de más en la barra de herramientas o entre bloques para abrir el inserto de bloques
- Comando de barra: Escribe
/seguido del nombre de un bloque (por ejemplo,/imagen,/encabezado) para una inserción rápida - Paleta de comandos: Presiona
Ctrl+K(Windows) oCmd+K(Mac) para buscar cualquier bloque o acción - Arrastrar y soltar: Arrastra bloques desde el panel de inserción directamente al lienzo
Configurando Bloques
Cada bloque tiene dos áreas de configuración:
- Barra de herramientas: Aparece sobre el bloque seleccionado con acciones comunes (alineación, negrita, cursiva, enlace)
- Panel lateral: Proporciona configuraciones detalladas que incluyen colores, tipografía, espaciado y opciones avanzadas
Organizando Bloques
Organiza tu contenido moviendo bloques hacia arriba o hacia abajo utilizando las flechas en la barra de herramientas del bloque, o arrástralos a una nueva posición. También puedes usar el panel de Vista de Lista (Shift+Alt+O) para ver toda la estructura de tu documento y arrastrar bloques dentro del árbol.
Bloques Reutilizables (Patrones Sincronizados)
Los bloques reutilizables —renombrados como Patrones Sincronizados en 2026— te permiten crear un bloque o grupo de bloques una vez e insertarlos en múltiples publicaciones y páginas. Cuando actualizas el patrón sincronizado, cada instancia se actualiza automáticamente.
Usos comunes para patrones sincronizados:
- Secciones de llamada a la acción que aparecen en múltiples páginas
- Cajas de biografía del autor utilizadas en publicaciones de blog
- Avisos de descargo de responsabilidad o divulgación de afiliados estandarizados
- Formularios de suscripción a boletines
- Bloques de información de contacto
Para crear un patrón sincronizado: selecciona bloques, haz clic en el menú de tres puntos, elige "Crear patrón", asígnale un nombre y activa "Sincronizado". Para insertarlo más tarde, encuéntralo en la pestaña de Patrones del inserto de bloques.
Patrones de Bloques
Los patrones de bloques son arreglos pre-diseñados de bloques que puedes insertar y personalizar. A diferencia de los patrones sincronizados, no están vinculados: editar una instancia de un patrón no afecta a otros usos.
Patrones Integrados
WordPress incluye patrones para diseños comunes: secciones hero, cuadrículas de características, diseños de testimonios, tablas de precios y más. Tu tema activo puede registrar patrones adicionales optimizados para su sistema de diseño.
Directorio de Patrones de WordPress.org
El directorio de patrones de WordPress.org ofrece miles de patrones contribuidos por la comunidad. Puedes navegar, previsualizar y copiar patrones directamente desde el inserto o desde el sitio web del directorio de patrones.
Creando Patrones Personalizados
Crea tus propios patrones organizando bloques, seleccionándolos todos y creando un patrón desde el menú de bloques. Los patrones personalizados aparecen en la sección "Mis Patrones" del inserto, haciéndolos reutilizables en tu sitio.
Fundamentos de la Edición Completa del Sitio
La Edición Completa del Sitio (FSE) extiende la edición de bloques más allá del contenido de publicaciones y páginas a toda la estructura de tu sitio. Con un tema de bloques, puedes editar:
- Plantillas: Controla el diseño de tipos de página específicos (publicación única, archivo, 404, resultados de búsqueda)
- Partes de Plantilla: Edita secciones reutilizables como encabezados y pies de página
- Estilos Globales: Establece colores y tipografía en todo el sitio
- Navegación: Construir y gestionar menús visualmente
Accediendo al Editor del Sitio
Navega a Apariencia → Editor en tu panel de WordPress. Esto abre el editor del sitio donde puedes explorar plantillas, editar partes de plantillas y ajustar estilos globales. Ten en cuenta que FSE requiere un tema de bloques; los temas clásicos utilizan el Personalizador tradicional en su lugar.
Plantillas vs Partes de Plantillas
| Concepto | Lo que Controla | Ejemplo |
|---|---|---|
| Plantilla | Diseño de página completa para un tipo de contenido | Publicación Única, Página, Archivo, 404 |
| Parte de Plantilla | Sección reutilizable dentro de plantillas | Encabezado, Pie de página, Barra lateral |
Personalizando Bloques con theme.json
El archivo theme.json es el centro de configuración para temas de bloques. Controla:
- Paletas de colores y gradientes disponibles en el editor
- Preajustes de tipografía (familias de fuentes, tamaños, alturas de línea)
- Escalas de espaciado y anchos de diseño
- Qué características de bloques están habilitadas o deshabilitadas
- Estilos predeterminados para bloques específicos
Los desarrolladores de temas utilizan theme.json para crear un sistema de diseño consistente. Como propietario del sitio, puedes modificar estas configuraciones a través de la interfaz de Estilos Globales en el editor del sitio sin editar el archivo directamente.
Atajos de Teclado
Aprender atajos de teclado acelera significativamente tu flujo de trabajo de edición:
| Acción | Windows / Linux | Mac |
|---|---|---|
| Agregar nuevo bloque | / (barra diagonal) | / (barra diagonal) |
| Paleta de comandos | Ctrl + K | Cmd + K |
| Duplicar bloque | Ctrl + Shift + D | Cmd + Shift + D |
| Eliminar bloque | Shift + Alt + Z | Ctrl + Option + Z |
| Abrir Vista de Lista | Shift + Alt + O | Ctrl + Option + O |
| Alternar inserción de bloques | Ctrl + Shift + , | Cmd + Shift + , |
| Guardar borrador / Actualizar | Ctrl + S | Cmd + S |
| Deshacer | Ctrl + Z | Cmd + Z |
| Insertar enlace | Ctrl + K | Cmd + K |
Gutenberg vs Editor Clásico
Algunos usuarios de WordPress todavía prefieren el plugin del Editor Clásico. Aquí hay una comparación entre los dos:
| Aspecto | Gutenberg | Editor Clásico |
|---|---|---|
| Enfoque de edición | Basado en bloques, modular | Área de texto única (TinyMCE) |
| Capacidades de diseño | Columnas, rejillas, secciones de ancho completo | Contenido lineal solamente |
| Manejo de medios | Galerías en línea, imágenes de portada, medios+texto | Inserción básica de medios |
| Compatibilidad futura | Desarrollo activo, soporte FSE | Modo de mantenimiento solamente |
| Soporte de plugins/temas | Ecosistema de bloques en crecimiento | Desarrollo nuevo en declive |
El plugin Classic Editor sigue siendo mantenido, pero el desarrollo de WordPress se ha comprometido completamente con el editor de bloques. Las nuevas características, temas y plugins están cada vez más orientados a Gutenberg primero.
Plugins de Bloques que Extienden Gutenberg
Si bien los bloques principales cubren la mayoría de las necesidades, estos plugins añaden funcionalidad especializada:
- Plugin Flavor: Añade bloques avanzados como pestañas, acordeones, tablas de precios y carruseles de publicaciones
- Plugin Flavor: Proporciona bloques enfocados en el contenido para mejores experiencias de escritura — barras de progreso, clic para tuitear, alertas
- Plugin Flavor: Ofrece bloques orientados al diseño con animación y opciones de estilo avanzadas
- Plugin Flavor: Extiende Gutenberg con bloques diseñados específicamente para temas FSE
- Plugin Flavor: Añade bloques de consulta y filtro para la visualización de contenido dinámico
Al seleccionar plugins de bloques, elige aquellos que sigan los estándares de codificación de WordPress y generen un marcado limpio. Evita plugins que carguen frameworks de JavaScript pesados, ya que anulan las ventajas de rendimiento de Gutenberg.
Consejos Prácticos para una Edición Eficiente de Bloques
Usa la Vista de Lista
Para páginas complejas, la Vista de Lista (Shift+Alt+O) es esencial. Muestra toda la estructura de tu documento como un árbol, facilitando la selección de bloques anidados, reordenar secciones y entender la jerarquía de tu página.
Agrupa Bloques para Acciones Masivas
Selecciona múltiples bloques (haz clic en el primero, Shift+clica en el último) y agrúpalos. Los bloques agrupados pueden ser estilizados juntos, movidos como una unidad y convertidos en patrones. Esto es particularmente útil para crear secciones consistentes.
Bloquea Bloques para Prevenir Cambios Accidentales
Bloquea bloques importantes para evitar movimientos o eliminaciones accidentales. Haz clic derecho en un bloque y elige "Bloquear" para restringir modificaciones. Esto es útil para plantillas o contenido gestionado por múltiples editores.
Usa Atajos de Teclado de Manera Agresiva
La diferencia entre una edición de bloques eficiente y lenta a menudo se reduce a los atajos de teclado. Aprende primero los cinco atajos más comunes (comando de barra, duplicar, eliminar, guardar, deshacer), luego amplía tu repertorio a medida que te sientas cómodo.
Para una comparación con Elementor y otros creadores de páginas, consulta nuestra comparación de Elementor vs Gutenberg y nuestra guía más amplia de comparación de creadores de páginas. Si estás eligiendo un tema que funcione bien con Gutenberg, lee nuestra guía de selección de temas.
Preguntas Frecuentes
¿Puedo seguir usando el Classic Editor?
Sí. El plugin Classic Editor sigue disponible y es mantenido por el equipo de WordPress. Sin embargo, solo recibe actualizaciones de mantenimiento — no nuevas características. WordPress recomienda migrar al editor de bloques para acceder a características modernas y desarrollo continuo.
¿Gutenberg funciona con todos los temas de WordPress?
Gutenberg funciona tanto con temas clásicos como con temas de bloques. Los temas clásicos soportan la edición de bloques dentro del contenido de publicaciones y páginas. Los temas de bloques además soportan la Edición Completa del Sitio para encabezados, pies de página, plantillas y estilos globales. Para la experiencia completa de FSE, necesitas un tema de bloques.
¿Cómo convierto contenido del Classic Editor a bloques?
Cuando abres una publicación del Classic Editor en Gutenberg, WordPress envuelve el contenido en un bloque clásico. Puedes hacer clic en "Convertir a bloques" para transformar el contenido en bloques individuales. Revisa la conversión después, ya que los diseños complejos pueden necesitar ajustes manuales.
¿Son más lentas las páginas de Gutenberg que las del Classic Editor?
No. Gutenberg genera HTML limpio que es comparable o más ligero que la salida del Classic Editor. El editor de bloques no añade una sobrecarga significativa en el frontend. La interfaz del editor en sí (en el admin) utiliza más recursos que el Classic Editor, pero esto no afecta lo que experimentan los visitantes.
¿Puedo crear bloques personalizados sin codificación?
Sí, hasta cierto punto. Puedes crear patrones de bloques personalizados organizando bloques existentes. Para bloques verdaderamente personalizados con funcionalidad única, necesitas desarrollo en JavaScript (React). Varios plugins ofrecen creadores de bloques sin código, aunque tienen limitaciones en comparación con soluciones codificadas.
¿Qué son los patrones sincronizados y cómo se diferencian de los patrones regulares?
Los patrones sincronizados (anteriormente Bloques Reutilizables) están vinculados a través de todas sus instancias. Editar uno actualiza todos ellos. Los patrones regulares son plantillas — insertar uno crea una copia independiente que puedes modificar sin afectar otros usos. Usa patrones sincronizados para contenido que debe ser consistente en todas partes (CTAs, avisos). Usa patrones regulares para diseños que deseas como puntos de partida.
¿Cómo soluciono problemas del editor de bloques?
Las soluciones comunes incluyen: limpiar la caché de tu navegador, desactivar plugins uno por uno para identificar conflictos, cambiar temporalmente a un tema predeterminado y revisar la consola de desarrollador de tu navegador en busca de errores de JavaScript. La mayoría de los problemas del editor de bloques provienen de conflictos de plugins en lugar de problemas del núcleo.
¿Está la Edición Completa del Sitio lista para uso en producción?
A partir de 2026, la Edición Completa del Sitio es estable y lista para producción. El conjunto de características ha madurado significativamente con cada lanzamiento de WordPress. Sin embargo, el ecosistema de temas y patrones de bloques sigue creciendo. Si necesitas plantillas preconstruidas extensas, es posible que encuentres la selección más limitada en comparación con las opciones de temas clásicos.
Encuentra un Tema de WordPress Listo para Bloques
Explora temas premium de WordPress optimizados para Gutenberg y la Edición Completa del Sitio. Código limpio, rendimiento rápido y diseños profesionales.
Explorar Temas →
