Ago 27 2007

Nube de Etiquetas

Publicado por Javier España a las 23:52 en Recursos Web, Tutoriales

Bien, esto es un tutorial de creación propia para todas aquellas personas que quieran poner en su página web una nube de etiquetas como la que yo tengo puesta en este blog.

Nube de Etiquetas

Los pasos a realizar son los siguientes:

1. Primero, bajarte este archivo y asegurarte de que se llame weighted_categories.php y posteriormente colocarlo en tu servidor en la carpeta plugins.

2. Activar el plugin desde el panel de control de wordpress.

3. In el archivo donde tu quieras mostrar la nube de etiquetas, insertar el siguiente código:

< ?
$minfont = 10;
$maxfont = 40;
$fontunit = "pt";
$category_ids_to_exclude = "1,25";
weighted_categories($minfont, $maxfont, $fontunit, $category_ids_to_exclude);
?>

4. Después de todo esto, deberás ir ajustando el tamaño mínimo y máximo de la fuente para la nube de etiquetas. Si por alguna razón quieres excluir alguna categoría de la nube de etiquetas, pon el ID de la categoría en $category_ids_to_exclude.

5. Agregar el siguiente código en tu hoja de estilo (CSS):
#categories {
border: 1px solid #ccc;
background-color: #eee;
padding: 10px;
width: 500px;
text-align: justify;
}

#categories a {
text-decoration: none;
}

Espero que os halla servido para poder colocar en vuestra web vuestra nube de etiquetas. Para los expertos, no es necesario que se lo indique, pero para aquellos que no andan tan suelto en estas cosas, indicarle que obviamente todos los parámetros que se refieren al tema visual (tamaño de la fuente en el código php, colores, tamaños y alineación de los parámetros de la hoja de estilo) podeis cambiarlo a vuestra elección.

Pongo a disponibilidad de Internet este tutorial para que sea publicado allí donde se crea conveniente siempre que se respete y se notifique el origen de la fuente.

Trackback URI | Comentarios RSS

Escribe un comentario

Calendario

Octubre 2008
L M X J V S D
« Sep    
 12345
6789101112
13141516171819
20212223242526
2728293031  

Nube de Etiquetas

ActionScript Diseño Diseño Web Diversión Flash Formación Fotografia Freelancer Google Noticias Photoshop Posicionamiento Web Recursos Web Tutoriales Web 2.0 Webmasters