Flickr style Sitemap

Grazie ad un articoletto di ichris.ws, ho modificato in modo brutale il modulo site_map per ottenere una visualizzazione della tassonomia molto simile a quella dei tag su flickr. Un po' di CSS ed il gioco è fatto.

L'idea è quella di sfruttare la variabile $count che rappresenta il numero totale di post associati ad una categoria per stabilire la dimensione del carattere. Più è grande il numero di post di una categoria, maggiore sarà il carattere con cui tale categoria verrà stampata sullo schermo. Potete dare un occhiata al risultato cliccando su Mappa del sito.

Non ho contollato se l'output generato fosse corretto, il tutto è molto sperimentale. Il codice CSS da aggiungere al foglio di stile è questo:

.site_map { padding: 10px; }
.site_map .tree { line-height:2.2em; }
.site_map .tree a.tag{ text-decoration:none; vertical-align:middle; }
.site_map .tree a.tag:hover{ background-color:#def; }