lunes, 22 de febrero de 2016

Palabras divididas por guión en Wordpress (la solución)

Algunos temas de WP (como twenty-fourteen) dividen en algunos navegadores las palabras en el contenido con guiones ¿Cómo solucionarlo en dos minutos?

solucion guiones wp
Esta es la hoja de estilos que tenéis que buscar en el editor para solucionar
este molesto problema de las palabras cortadas de un plumazo...
Hoy quiero poner un temilla de WordPress, si, posiblemente el mejor gestor de contenidos que podamos tener, hoy por hoy, para cualquier tipo de web, con miles de módulos que hacen aquello que queremos, que se instalan en un "plis" y que siempre nos solucionan los problemas...

Pues bien, a veces, en esta herramienta, te encuentras con problemas inesperados y te puedes volver loco leyendo foros en busca de una solución eficaz, y, uno de ellos, es el de los dichosos guiones que cortan las palabras en el contenido en Wordpress en los navegadores Firefox y Explorer, pero, que sin embargo, no dan problema en Chrome.

Tras leer en los foros que podría ser la versión de los navegadores, que si el copia y pega de Word y otras muchas causas, la solución más rápida y sencilla la encontré en el blog de Samu García (Ver aquí), y que con un simple cambio en la hoja de estilos podemos arreglar. ¡A mi me ha funcionado de maravilla!

Podéis ver su entrada y hacerlo con tranquilidad, pero resumiendo la solución (para el tema Fourteen que yo estaba usando):
  1. Os vais a apariencia/editor en el administrador de WP
  2. Abrís style.css y buscais varias cosas y las cambiais dónde pone:
    1. "word-wrap: break-word;" y lo cambiais por "word-wrap: none;"
    2. "- webkit-hyphens: auto;" 
    3. "- moz-hyphens:    auto;"
    4. "- ms-hyphens:     auto;"
    5. "- hyphens:         auto;"
Todos los autos los cambiáis por "none"

Con eso, el asunto está solucionado, atentos porque la hoja de estilo tiene varios (para los títulos, para las entradas, archivos, etc), lo mejor, es cambiarlos todos y listo...

Si no os funciona, hay una solución más costosa, "a pelo", que consiste en hacer saltos de linea manuales en cada guión que nos salga... os ponéis al principio de la palabra que se corta y la pasáis a la siguiente linea, con CTRL+ESPACIO (si no os saltará 2 líneas) en el editor de cada entrada.