Justificar texto con Gutenberg (WordPress)

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;">

Añadir "text-align: justify;" a la definición del párrafo

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

Error al añadir "text-align: justify;" a la definición del párrafo

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;
}

Añadir CSS para justificar el texto

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

Añadimos la clase

justify-text

al párrafo:

Añadimos la clase "justify-text" al párrafo

Y justificará ese párrafo.

Párrafo justificado con Gutenberg

Y listo.

3 comentarios en “Justificar texto con Gutenberg (WordPress)

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.