{"id":42255,"date":"2023-03-23T18:03:17","date_gmt":"2023-03-23T16:03:17","guid":{"rendered":"https:\/\/www.hostinet.com\/formacion\/?p=42255"},"modified":"2023-03-23T18:33:49","modified_gmt":"2023-03-23T16:33:49","slug":"como-justificar-texto-en-wordpress","status":"publish","type":"post","link":"https:\/\/www.hostinet.com\/formacion\/wordpress\/como-justificar-texto-en-wordpress\/","title":{"rendered":"C\u00f3mo Justificar Texto en WordPress"},"content":{"rendered":"
<\/div>

\"C\u00f3mo<\/p>\n

\u00bfTe has preguntado alguna vez c\u00f3mo justificar texto en WordPress<\/strong>? Si es as\u00ed, aqu\u00ed vamos a ver las distintas formas que tienes de hacerlo.<\/p>\n

Te explicaremos paso a paso c\u00f3mo alinear el texto de tus entradas y p\u00e1ginas de forma que quede distribuido uniformemente a ambos lados del borde<\/strong>.<\/p>\n

Justificar el texto significa que todas las l\u00edneas de un p\u00e1rrafo tienen la misma longitud, excepto la \u00faltima, que puede ser m\u00e1s corta. Esto se consigue ajustando el espacio entre las palabras y las letras para que el texto ocupe todo el ancho disponible<\/strong>.<\/p>\n

El resultado es un bloque de texto compacto y ordenado, sin espacios en blanco ni saltos irregulares.<\/p>\n

Sin embargo, justificar el texto en WordPress no es tan sencillo como parece.<\/p>\n

Por defecto, el editor de WordPress no incluye una opci\u00f3n para justificar el texto<\/strong>, ya que seg\u00fan dicen los expertos en WordPress, un navegador web puede \u00abentender\u00bb <\/em>mal el contenido y provocar problemas de visualizaci\u00f3n.<\/p>\n

Por este motivo WordPress dej\u00f3 de ofrecer esta opci\u00f3n en su editor, ya sea el editor cl\u00e1sico, como el editor de bloques Gutenberg.<\/p>\n

\"editor<\/p>\n

Adem\u00e1s, algunos temas y plugins pueden interferir con la alineaci\u00f3n del texto o provocar problemas de legibilidad, por lo que decidieron evitar esta opci\u00f3n.<\/p>\n

<\/h2>\n

\u00bfPor qu\u00e9 justificar el texto en WordPress?<\/h2>\n

Antes de entrar en materia, quiz\u00e1s te preguntes por qu\u00e9 querr\u00edas justificar el texto en WordPress<\/strong>, ya que despu\u00e9s de todo, hay otras opciones de alineaci\u00f3n disponibles, como la izquierda, la derecha o la centrada.<\/p>\n

\u00bfQu\u00e9 ventajas tiene justificar el texto frente a estas alternativas?<\/strong><\/p>\n

La respuesta depende del tipo de contenido que est\u00e9s creando y del efecto que quieras conseguir. Justificar el texto tiene algunas ventajas e inconvenientes que debes tener en cuenta:<\/p>\n

Ventajas<\/h3>\n
    \n
  • Justificar el texto le da un aspecto m\u00e1s formal y serio a tu contenido<\/strong>. Es una opci\u00f3n muy utilizada en publicaciones acad\u00e9micas, libros y revistas.<\/li>\n<\/ul>\n
      \n
    • Justificar el texto crea una sensaci\u00f3n de armon\u00eda y equilibrio visual. Al eliminar los espacios vac\u00edos entre las palabras<\/strong> y los m\u00e1rgenes, se crea una superficie uniforme que facilita la lectura.<\/li>\n<\/ul>\n
        \n
      • Justificar el texto puede ayudarte a optimizar el espacio disponible. Al rellenar todo el ancho del contenedor, se reduce la cantidad de l\u00edneas necesarias para mostrar un mismo contenido.<\/li>\n<\/ul>\n

        Inconvenientes<\/h3>\n
          \n
        • Justificar el texto puede afectar negativamente a la legibilidad del contenido<\/strong>. Al ajustar los espacios entre las palabras y las letras, se pueden crear huecos demasiado grandes o peque\u00f1os que dificultan la lectura.<\/li>\n<\/ul>\n
            \n
          • Justificar el texto puede provocar problemas con algunos idiomas<\/strong> o caracteres especiales. Por ejemplo, algunos idiomas como el \u00e1rabe o el hebreo se escriben de derecha a izquierda, lo que requiere un tratamiento diferente al justificarlos. Tambi\u00e9n hay caracteres como los guiones o las comillas que pueden causar saltos indeseados<\/strong> al final o al principio de las l\u00edneas.<\/li>\n<\/ul>\n
              \n
            • Justificar el texto puede requerir un trabajo extra para conseguir un resultado \u00f3ptimo. Como veremos m\u00e1s adelante, hay varias formas de justificar el texto en WordPress, pero ninguna es perfecta ni funciona siempre<\/strong>. Por eso es importante revisar bien c\u00f3mo queda tu contenido antes de publicarlo.<\/li>\n<\/ul>\n

              C\u00f3mo justificar texto en WordPress: 4 m\u00e9todos diferentes<\/h2>\n

              Ahora que ya sabes qu\u00e9 implica justificar el texto en WordPress y por qu\u00e9 querr\u00edas hacerlo (o no), vamos a ver c\u00f3mo puedes hacerlo realidad. Te presento cuatro m\u00e9todos diferentes para justificar tu contenido:<\/p>\n

                \n
              1. Usando un plugin<\/li>\n
              2. Usando c\u00f3digo CSS<\/li>\n
              3. Usando HTML<\/li>\n<\/ol>\n

                Usando el plugin Re-add text underline and justify<\/h3>\n

                \"plugin<\/p>\n

                La forma m\u00e1s sencilla y r\u00e1pida de justificar tu contenido es usar un plugin espec\u00edfico<\/strong> para ello. Hay varios plugins disponibles que te permiten a\u00f1adir una opci\u00f3n para justificar tu contenido desde el editor cl\u00e1sico o desde Gutenberg.<\/p>\n

                Uno de los plugins m\u00e1s populares es Re-add text underline and justify<\/strong>, que hace exactamente lo que dice su nombre: a\u00f1ade un bot\u00f3n para justificar tu contenido desde cualquier editor (cl\u00e1sico o Gutenberg).<\/p>\n

                Para usarlo solo tienes que instalarlo y activarlo desde tu panel de administraci\u00f3n o descargarlo desde aqu\u00ed<\/a><\/em>.<\/p>\n

                Una vez lo hayas activado, s\u00f3lo tienes que ir al editor, seleccionar el texto y ver\u00e1s que el bot\u00f3n de justificado ha vuelto a WordPress.<\/strong><\/p>\n

                \"boton<\/p>\n

                Usando un c\u00f3digo CSS<\/h3>\n

                Si te defiendes bien con el CSS, sabr\u00e1s que puedes generar cualquier tipo de modificaci\u00f3n en el texto con un c\u00f3digo CSS.<\/p>\n

                Y aunque los temas de WordPress o al menos la mayor\u00eda nos ofrecen opciones para a\u00f1adir un CSS Adicional,<\/strong> es conveniente que tengas una copia de seguridad a mano.<\/p>\n

                El c\u00f3digo que puedes usar es el siguiente:<\/p>\n

                p {\r\ntext-align: justify;\r\ntext-justify: inter-word;\r\n}\r\n<\/code><\/pre>\n
                Puedes a\u00f1adirlo a la opci\u00f3n CSS Adicional<\/strong> del tema que est\u00e9s usando. Es muy sencillo, s\u00f3lo tienes que acceder al panel de administrador de WordPress, despu\u00e9s acceder a Apariencia > Temas > Personalizar<\/strong> en el tema que quieras modificar.<\/p>\n
                \"apariencia<\/p>\n
                En las opciones de personalizaci\u00f3n del tema ver\u00e1s que tiene la opci\u00f3n de a\u00f1adir el CSS adicional.<\/p>\n
                En la caja del c\u00f3digo s\u00f3lo tienes que a\u00f1adir el c\u00f3digo y ver\u00e1s que en la muestra de ejemplo de la derecha el texto se muestra justificado con s\u00f3lo ponerlo. Si te gusta c\u00f3mo queda recuerda que tienes que Guardar los Cambios<\/strong>.<\/p>\n
                \"wordpress<\/p>\n
                \"wordpress<\/p>\n
                Usando c\u00f3digo HTML<\/h3>\n
                Tambi\u00e9n puedes usar HTML para justificar el texto de un bloque o p\u00e1rrafo. Esto es \u00fatil si s\u00f3lo quieres justificar una parte del texto, en lugar de todo el texto que se muestre en tu WordPress.<\/p>\n
                Para esto accede a la entrada o p\u00e1gina y selecciona el texto. Desde ah\u00ed haz click en los 3 puntos verticales que ver\u00e1s en la parte superior y selecciona Editar como HTML.<\/strong><\/p>\n
                \"wordpress<\/p>\n
                Ahora puedes a\u00f1adir el texto entre un c\u00f3digo HTML para justificarlo, de esta manera:<\/p>\n
                <p style=\u201dtext-align: justify;\u201d> TEXTO<\/p>\r\n<\/code><\/pre>\n
                \"editar<\/p>\n
                Despu\u00e9s vuelves a activar el modo visual y listo, el texto del p\u00e1rrafo que hayas editado con el c\u00f3digo HTML estar\u00e1 justificado.<\/p>\n
                Cosas a Tener en Cuenta<\/h2>\n
                Ya has visto que, aunque WordPress haya quitado la opci\u00f3n de justificar el texto, es posible seguir haci\u00e9ndolo y adem\u00e1s, con varios m\u00e9todos distintos.<\/p>\n
                Lo m\u00e1s c\u00f3modo es a\u00f1adir un plugin, pero si lo prefieres puedes usar el c\u00f3digo CSS para justificar todo el tema.<\/p>\n
                Si por el contrario quieres justificar s\u00f3lo un p\u00e1rrafo, la opci\u00f3n HTML parece la mejor opci\u00f3n, lo importante es que sepas que se puede hacer y que conozcas las distintas formas de hacerlo.<\/p>\n
                FAQs<\/h2>\n
                  \n
                1. \u00bfLa justificaci\u00f3n de texto afecta a la legibilidad del contenido?<\/strong>
                  \nNo necesariamente. Sin embargo, es importante revisar el resultado final para asegurarte de que la justificaci\u00f3n no afecte negativamente a la legibilidad.<\/li>\n
                2. \u00bfLa justificaci\u00f3n de texto funciona en dispositivos m\u00f3viles?<\/strong>
                  \nS\u00ed, la justificaci\u00f3n de texto funciona en dispositivos m\u00f3viles.<\/li>\n
                3. \u00bfQu\u00e9 pasa si el texto contiene im\u00e1genes o videos?<\/strong>
                  \nLa justificaci\u00f3n de texto solo afecta al texto en s\u00ed. Las im\u00e1genes y videos no se ven afectados por la justificaci\u00f3n.<\/li>\n
                4. \u00bfPuedo justificar solo una parte del texto en un p\u00e1rrafo?<\/strong>
                  \nS\u00ed, puedes seleccionar solo una parte del texto en un p\u00e1rrafo y justificarla sin afectar al resto del texto.<\/li>\n
                5. \u00bfLa justificaci\u00f3n de texto es compatible con todos los navegadores web?<\/strong>
                  \nS\u00ed, la justificaci\u00f3n de texto es compatible con la mayor\u00eda de los navegadores web modernos, incluyendo Google Chrome, Mozilla Firefox y Microsoft Edge.<\/li>\n<\/ol>\n
                  \"Hosting<\/a><\/p>\n