Editor de bloques de WordPress (Gutenberg): guía básica

El editor de bloques de WordPress, conocido como Gutenberg, organiza el contenido en bloques: cada párrafo, título, imagen o botón es una pieza que puedes mover, configurar y reutilizar. Para usarlo bien basta con dominar tres cosas: insertar bloques con /, ordenar con la vista de lista y aprovechar los patrones.

Cómo funciona el editor de bloques

En lugar de una gran caja de texto, cada parte del contenido es un bloque independiente con sus propias opciones. Esto permite armar diseños completos (columnas, botones, galerías, secciones con fondo) sin escribir código ni instalar un constructor de páginas.

Los bloques más usados son: Párrafo, Encabezado, Imagen, Lista, Botones, Columnas, Grupo (para agrupar bloques y darles un fondo o un margen) y Tabla.

Crear una página paso a paso

1. Crea la página y escribe el título

   Ve a Páginas › Añadir nueva y escribe el título. Ese título será el encabezado principal de la página.

2. Agrega bloques con la barra o con /

   Pulsa el botón + o escribe / seguido del nombre del bloque, por ejemplo /imagen o /encabezado, y pulsa Enter.

3. Ajusta cada bloque

   Al seleccionar un bloque aparece una barra de herramientas sobre él y, en el panel lateral, sus opciones: alineación, colores, tamaño o enlaces.

4. Ordena con la vista de lista

   Abre la vista de lista para ver todos los bloques de la página, arrastrarlos o seleccionar uno que está dentro de otro, como una imagen dentro de unas columnas.

5. Revisa y publica

   Usa la vista previa para ver cómo queda en escritorio y móvil, y pulsa Publicar. Puedes volver a una versión anterior desde las revisiones.

Trucos que ahorran tiempo

• Pega desde un documento: al pegar texto con títulos y listas desde un procesador de textos, WordPress los convierte en bloques.
• Transforma bloques: el icono del bloque en su barra de herramientas permite convertir, por ejemplo, un párrafo en un encabezado o una lista.
• Agrupa: selecciona varios bloques y agrúpalos para moverlos o darles un estilo en conjunto.
• Duplica: desde el menú de opciones de un bloque puedes duplicarlo con todos sus ajustes.
• Deshaz sin miedo: Ctrl + Z (o Cmd + Z en Mac) deshace el último cambio, y las revisiones guardan versiones anteriores.

Patrones: diseños listos para usar

Los patrones son grupos de bloques ya diseñados: una cabecera con imagen, una sección de precios, un llamado a la acción. Los encuentras en la pestaña Patrones del insertor de bloques. Al insertar uno, puedes cambiar textos e imágenes como en cualquier bloque.

También puedes crear los tuyos: selecciona varios bloques y guárdalos como patrón. Si lo marcas como sincronizado, cada cambio se reflejará en todas las páginas que lo usan.

Editor de bloques o editor clásico

Si tu tema es de bloques, el editor también sirve para diseñar cabecera, pie y plantillas desde Apariencia › Editor. Más sobre tipos de temas en la guía para elegir un tema.

Guía revisada con WordPress 7.1.