Mejorando el código de las nubes de tags en Wordpress
17 de Noviembre 2008
Las nubes de tags o etiquetas, sirven, además de para catalogar el contenido, para ofrecer una idea rápida sobre la temática de un sitio, generalmete un blog. Además, parece que a Google le gusta el rel="tag".
El principal problema de las nubes de tags es su código HTML, que no suele ser lo más ideal. En primer lugar, nos muestran un listado como un párrafo o simplemente una serie de enlaces separados por comas o espacios, cuando lo propio sería que cada uno de estos enlaces fuera un elemento de lista. En segundo lugar, utilizan estilos en línea para aumentar más o menos el tamaño de fuente según el número de entradas que contiene la etiqueta, lo que supone que ese estilo, muy probablemente no podrá ser sobrescrito por una hoja de estilo de usuario, dependiendo del navegador. Por último, a pesar de que se indique el número de entradas para cada etiqueta en el title del enlace, esta información transimitida en mayor parte de forma visual, podrá no estar disponible para algunos usuarios.
A pesar de todos estos inconvenientes, podemos seguir usándolas y mejorar un poco su código mediante varios parámetros de la etiqueta wp_tag_cloud() de Wordpress.
Estos parámetros que pueden mejorar el código de las nubes de tags son:
- unit:
- Permite especificar la unidad de medida, que por defecto es el punto (pt). Utilizando emes, ofreceremos la posibilidad de aumentar este texto en navegadores como Internet Explorer 6 si su tamaño dificulta la lectura.
- smallest:
- Permite especificar el tamaño mínimo de texto que tendrá una etiqueta. Mediante el uso de este parámetro podremos asegurarnos de que el texto no sea demasiado pequeño.
- format:
- Especifica el formato de salida, cuyo valor por defecto es separación de los enlaces por espacios (flat). Utilizando el valor list, los enlaces apareceran como un listado HTML (
<li>)
Para este tema, estoy utilizando el siguiente código, en el que especifico tamaño mínimo y máximo de texto, unidad, número máximo de etiquetas y formato de salida:
<?php wp_tag_cloud("smallest=.812&largest=1.812&unit=em&number=100&format=list"); ?>
Fuentes / Más información
- wp_tag_cloud(), una función que dirá mucho en Wordpress 2.3 en Anieto2k
- Referencia de la etiqueta wp_tag_cloud() en Wordpress Codex


2 comentarios a “Mejorando el código de las nubes de tags en Wordpress”
Mario, el Noviembre 18th, 2008:
Muy muy interesante.
Veo que andas emperrada en tunear Wordpress eh?
Supongo que ya le habrás echado un ojo a esto, pero por si acaso: http://accessites.org/site/2008/11/wordpress-and-accessibility/ un par de truquitos para mejorar la accesibilidad del blog ;).
admin, el Noviembre 18th, 2008:
Hola Mario.
Pues no conocía este artículo pero le voy a echar un ojo.
Gracias!