Justificar texto con Gutenberg (WordPress)

Categorías: WordPress
Etiquetas: ,

En Gutenberg no se puede justificar el texto de los párrafos a través del interfaz. Te explicamos como se pueden justificar párrafos con Gutenberg.

Lo normal para los que controlan HTML y CSS sería modificar la definición del párrafo añadiéndole esto:

<p style="text-align: justify;">

Pero esto hace que el bloque de Gutenberg sea inválido:

Por tanto esta no es una opción válida.

¿Cómo justificar un párrafo en Gutenberg?

Añadimos CSS personalizado

Añadimos al CSS personalizado la siguiente definición:

/* --- Justify Text Option --- */
.justify-text {
	text-align: justify;
}

Le añadimos esa clase al párrafo que queramos justificar

Añadimos la clase

justify-text

al párrafo:

Y justificará ese párrafo.

Y listo.

Salir de la versión móvil