sábado, 24 de agosto de 2019

Wordpress: cómo justificar texto en el editor Gutenberg

Desde la versión 4.7 de Wordpress, la opción de justificar texto (y la de subrayar texto) ya no está disponible, de acuerdo a este foro en GitHub. Se argumenta, en contra, que el texto justificado se hace ilegible a causa de la incompatibilidad del navegador. La verdad no sé a qué se refiere.
Wordpress: cómo justificar texto en el editor Gutenberg. Photo by Roozbeh Eslami on Unsplash.
Wordpress: cómo justificar texto en el editor Gutenberg. Photo by Roozbeh Eslami on Unsplash.
"The justify button was removed because it has uneven browser implementation and often makes text less readable. However, keyboard shortcuts for both buttons will continue to work in 4.7."

A pesar de que se afirma que las combinaciones de teclas para justificar el texto siguen funcionando, hay personas que reportan que eso no es cierto. No se puede ya justificar el texto en Wordpress, al menos en su editor por defecto Gutenberg.

"But you could use the shortcut Shift + Alt + J to justify the selected text. With Gutenberg this shortcut does not work anymore!"

Cómo justificar el texto en Wordpress

Para poder justificar el texto dentro de un párrafo de una entrada o página de Wordpress usando su editor Gutenberg por defecto, tienes que seguir los siguientes pasos:

Hay que ubicarse en un párrafo. Del lado derecho selecciona la pestaña "Bloque" y hasta abajo hay un cuadro de texto que dice "Clase CSS adicional". Ahí teclea el nombre tal como deseas bautizar la clase que usarás para que te justifique el texto. Bien puede ser "justify" o incluso "justificar".
Wordpress: cómo justificar texto en el editor Gutenberg
Wordpress: cómo justificar texto en el editor Gutenberg

Dado que el tema o "theme" activado gobierna el diseño de nuestro sitio web, tenemos que ir a la parte de "personalizar" el tema.
Wordpress: cómo justificar texto en el editor Gutenberg
Wordpress: cómo justificar texto en el editor Gutenberg

Del lado izquierdo se nos mostrará un menu con varias opciones de personalización. Busquemos la que diga "CSS adicional" y hagamos clic ahí.
Wordpress: cómo justificar texto en el editor Gutenberg
Wordpress: cómo justificar texto en el editor Gutenberg

Ahora se desplegará un cuadro de texto en donde deberemos teclear el código en CSS para especificar que queremos justificar el texto de un párrafo.
Wordpress: cómo justificar texto en el editor Gutenberg
Wordpress: cómo justificar texto en el editor Gutenberg
Y bien, insertamos el siguiente código en dicho cuadro de texto:
------------------------------------------------------------
p.justify{
 text-align: justify;
}
------------------------------------------------------------
La letra "p" antes de "justify", se refiere a que hay que justificar el texto de un párrafo.
Wordpress: cómo justificar texto en el editor Gutenberg
Wordpress: cómo justificar texto en el editor Gutenberg
Y finalmente hacemos clic en el botón "Publicar" para guardar los cambios.
Wordpress: cómo justificar texto en el editor Gutenberg
Wordpress: cómo justificar texto en el editor Gutenberg
Y como verán, ¡el texto de ese párrafo ya está justificado! 🤙🏽😁🍻
Ahora, para cada párrafo habrá que especificarle la clase CSS para justificar.

Referencias

No hay comentarios.:

 

Tags