Cómo tener un blog fácil de leer en WordPress

Unos meses atrás, en el blog de Jonathan Emanuel Lewenhaupt, se hablaba del "Estándar 100%FDL" (tener un blog 100% Fácil de Leer). Llegué a ese post por medio de un enlace mientras admiraba el trabajo que Horacio Bella realizó con el theme ZOOM para WordPress.

Allí se propone una combinación de fuentes en 1em, letras oscuras sobre fondos claros, y un generoso interlineado (entre otras cosas) para lograr un diseño web de tu blog o página web que permita leer texto sin comprometer demasiado la visión.

Personalmente me gustan los diseños minimalistas, pero también he leído blogs "ilegibles", y es verdad que es algo molesto tener que recurrir al zoom del navegador para ver algo. Además si no tenés en cuenta estas cosas, estás negando la posibilidad de una mejor experiencia lectora y comunicativa con tus visitantes. Para solucionar estas cuestiones en WordPress sin mucho esfuerzo, hay dos alternativas.

La primera es optar por un nuevo diseño o theme que tenga en cuenta los consejos vistos con Jonathan, o bien, adaptar tu hoja de estilos actual (CSS). Tendrás que tener en cuenta el tema de las equivalencias tipográficas con el estándar propuesto que es 1em (letra de 12 puntos en Word u OpenOffice). La fuente Verdana en tamaño de 12 puntos es para mí una buena opción, porque es ancha y sencilla de leer como Bookman Old Style.

La segunda opción si no querés renunciar a tu diseño minimalista es... adivinen... un plugin, claro que sí! El elegido en esta ocasión será Change Font Size. Esta maravilla permite cambiar el tipo y tamaño de letra de los artículos y páginas de tu blog por medio de links generados con JavaScript. Incluso podés mostrar esos links como imágenes. Para que funcione, tienes que pegar los códigos en los archivos de tu theme donde querés que aparezca la función (la famosa trilogía de archivos index, page y single de nuestro theme favorito), por ejemplo, antes de la llamada de los posts ("if have posts") es un buen lugar. Los códigos para cambiar el tamaño de letra (hay otro que sirve para cambiar la letra, pero que no me interesa tratar ahora) son:

- Ejemplo para cambiar texto de tu blog a 1em por medio de un link que diga "Aumentar Fuente":


<a href="javascript:fsize('1','em','content');" >Aumentar Fuente</a>


- Ejemplo para cambiar texto de tu blog a 1em por medio de una imagen (puede ser una lupa, una letra A, un signo +, etc.):


<a href='javascript:fsize("1","em","content");' title='Aumentar Fuente' onclick="this.blur()"><img src='http://www.loquesea.com/images/lupa.gif' alt='Aumentar Fuente' /></a>


Por supuesto que se pueden usar otras medidas mayores de 1em, e incluso expresarlas en otras unidades (pixeles, points, porcentaje). Todo está en tu destreza de ir probando las posibilidades. Veremos si podemos encontrar alternativas para Blogger (si conocés alguna, ya sabés: comentarios).