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.

7 comentarios en “Justificar texto con Gutenberg (WordPress)

Deja una respuesta

Tu dirección de correo electrónico no será publicada.

Los comentarios de esta página se procesan por un sistema automático de moderación por lo cual no siempre se publican de forma instantánea. Por favor respeta a los demás y ciñete al tema del post. Nos reservamos el derecho de eliminar cualquier comentario o enlace que nos parezca inadecuado o tenga una expresión de grosería, insulto, odio, hostilidad o negatividad.

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