Qué es el editor de bloques de WordPress
El editor de bloques, también conocido como Gutenberg, es la herramienta predeterminada para crear páginas y entradas en WordPress. Cada párrafo, imagen, encabezado o botón es una pieza independiente que puedes insertar, mover y configurar.
Este sistema permite crear contenido visual sin escribir HTML. Para practicar, abre un borrador siguiendo la guía para crear una página en WordPress.
Partes principales del editor
El espacio de trabajo se divide en:
- Barra superior: insertar, deshacer, vista de lista, vista previa y guardar.
- Lienzo: contenido de la página o entrada.
- Barra lateral: ajustes del documento y del bloque seleccionado.
- Insertador: bloques, patrones y medios disponibles.
Cuando no encuentres una opción, comprueba si la barra lateral está mostrando la pestaña Página/Entrada o la pestaña Bloque.
Cómo añadir un bloque
Pulsa el símbolo + y busca el bloque por nombre. También puedes escribir / en una línea vacía seguido de “imagen”, “lista” o “botón”.
Los bloques básicos más útiles son:
- Párrafo y encabezado.
- Lista.
- Imagen y galería.
- Botones.
- Grupo y columnas.
- Separador y espaciador.
- Incrustados de vídeo o redes.
No instales una colección adicional hasta confirmar que los bloques incluidos no resuelven la necesidad. Cada biblioteca externa añade código y mantenimiento.
Cómo seleccionar y mover bloques
Los diseños con grupos y columnas pueden dificultar la selección. Abre la Vista de lista para observar la jerarquía, seleccionar el elemento exacto y arrastrarlo a otra posición.
Utiliza grupos para reunir elementos relacionados. Evita anidar numerosos contenedores sin necesidad: una estructura sencilla es más fácil de adaptar a móvil y mantener.
Encabezados y estructura del contenido
El título de la página suele actuar como H1. Dentro del contenido, utiliza H2 para secciones principales y H3 para apartados internos. No saltes niveles solo para conseguir un tamaño determinado; cambia la apariencia desde estilos.
La vista de esquema ayuda a detectar una jerarquía incoherente. Una estructura clara permite encontrar respuestas y facilita que buscadores y asistentes interpreten el contenido.
Imágenes, columnas y botones
En imágenes, configura texto alternativo, tamaño y proporción. Evita utilizar la imagen original si es mucho mayor que el espacio visible.
Las columnas deben revisarse en pantallas pequeñas. Dos columnas estrechas pueden apilarse mejor en móvil. En los botones, utiliza textos concretos como “Solicitar presupuesto” o “Ver precios”, no “Haz clic aquí”.
Patrones, bloques reutilizables y sincronización
Los patrones permiten insertar composiciones completas. Algunos están sincronizados: un cambio se aplica en todos los lugares donde aparecen. Son útiles para llamadas a la acción o avisos repetidos, pero confirma el tipo antes de editar para no modificar varias páginas accidentalmente.
Deshacer, revisiones y recuperación
La barra superior permite deshacer cambios durante la sesión. WordPress también guarda revisiones según la configuración del sitio. Una revisión de contenido no sustituye una copia completa: no recupera necesariamente plugins, tema o archivos dañados.
Errores habituales
- Usar espaciadores enormes para corregir una estructura defectuosa.
- Añadir saltos de línea para separar secciones.
- Colocar todo el texto en un único bloque.
- Utilizar columnas sin revisar el móvil.
- Copiar contenido desde un procesador con formato innecesario.
- Instalar bloques externos para una función que WordPress ya incluye.
Preguntas frecuentes
¿Gutenberg y el editor de bloques son lo mismo?
Gutenberg es el nombre del proyecto que desarrolló esta experiencia. Habitualmente ambos términos se utilizan para referirse al editor de bloques.
¿Necesito Elementor?
No necesariamente. El editor nativo puede resolver muchas páginas y suele reducir dependencias. Elementor resulta útil en determinados proyectos, pero añade su propio sistema y requisitos de mantenimiento.
¿Puedo volver al editor clásico?
Es posible mediante un plugin, aunque para una web nueva conviene aprender el sistema actual salvo que exista una incompatibilidad concreta.
El siguiente capítulo explica cómo crear y organizar un menú en WordPress.