Desactivar la división de palabras con guiones en WordPress

En las últimas versiones de WordPress podemos ver que a veces se dividen con guiones las palabras al final de las líneas y continúan en las líneas siguientes, para ajustar mejor el texto al ancho disponible. Esto es una característica experimental de CSS3 de la que hacen uso las plantillas de WordPress.

Si por algún motivo queremos desactivar esta característica, debemos editar la plantilla que estemos usando (o mejor, editar un child theme) buscando en el archivo style.css  la siguiente etiqueta:

word-wrap: break-word;

Y sustituir todas las veces que aparezca el valor break-word por normal, dejándolo así:

word-wrap: normal;

También debemos buscar líneas como las siguientes:

-webkit-hyphens: auto;
-moz-hyphens:    auto;
-ms-hyphens:     auto;
hyphens:         auto;

Y sustituir los valores auto por none:

-webkit-hyphens: none;
-moz-hyphens:    none;
-ms-hyphens:     none;
hyphens:         none;

Con estos cambios ya no debería dividirse ninguna palabra, aunque si sólo queremos desactivar la división de palabras en algunas zonas del blog y no en todas, debemos prestar atención a los elementos a los que pertenecen los valores que estamos cambiando. Por ejemplo, para la plantilla de 2013, twentythirteen, debemos aplicar estos cambios al apartado .entry-content si queremos desactivar la división por guiones sólo para el contenido de los posts, o a .widget para hacer lo mismo con los widgets.

Más información:

5 comentarios en “Desactivar la división de palabras con guiones en WordPress

  1. Muchas gracias por el aporte de la eliminación de los guiones, Le había dado unas cuantas vueltas sin encontrar solución y la solución que propones funciona perfectamente.

    Saludos cordiales,
    Jesús

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.