Qué es Gutenberg y cómo usarlo en WordPress

Gutenberg llegó en 2018 y a mucha gente no le gustó. Hoy es el editor predeterminado de WordPress y la realidad es que, una vez que lo entiendes, no hay vuelta atrás. La idea central es simple: en vez de un área de texto única, cada elemento de la página es un bloque independiente que puedes mover, configurar o duplicar sin tocar lo que hay alrededor.

Cómo funciona el sistema de bloques

Párrafo, titular, imagen, galería, cita, botón, código: cada uno vive en su propio bloque. Para insertar uno, haz clic en el + que aparece entre bloques o arriba a la izquierda, y busca lo que necesitas. Lo que no encuentres en la búsqueda probablemente lo consigues con un plugin de bloques.

El panel derecho cambia según el bloque que tengas seleccionado: en un párrafo controlas fuente y color; en una imagen, alineación, tamaño y alt text; en columnas, montas layouts de varias columnas sin escribir una línea de CSS. Esa adaptación por contexto es lo que hace útil el editor cuando te acostumbras.

Los bloques más útiles para el día a día

Los que vas a usar cada semana: Párrafo, Titular (H2, H3), Imagen, Columnas, Galería, Cita, Código, Separador y Botón. El que más gente ignora y más tiempo ahorra: el bloque Grupo, que agrupa varios bloques y les aplica fondo o padding de una vez. Cuando quieras una sección con fondo de color, ese es el bloque.

Patrones: bloques preconstruidos

Los Patrones son combinaciones de bloques ya diseñadas: cabeceras, secciones de características, CTAs. Los encuentras en la pestaña «Patrones» del insertor. Los insertas, los personalizas con tu contenido y listo. Para quien no quiere diseñar desde cero cada sección, esto es lo que más tiempo ahorra en el editor.

Atajos de teclado que aceleran el trabajo

El que más cambia el flujo: escribe / en un párrafo vacío y teclea el nombre del bloque que quieres. Directo. Sin abrir menús. El resto: Ctrl+Z deshace con historial largo, Ctrl+Shift+D duplica el bloque seleccionado y Ctrl+Alt+T inserta uno nuevo justo antes. Aprenderte estos cuatro atajos multiplica la velocidad en el editor.

Gutenberg y los page builders

No tienes que elegir uno u otro. Lo que funciona bien en la práctica: Elementor para las páginas donde el diseño importa (home, servicios, landings) y Gutenberg para el blog, donde lo que cuenta es el contenido. Usar Elementor en los posts del blog es añadir peso y complejidad donde no hacen falta.