Premessa
Quasi tutti i blog mostrano gli articoli nello stesso modo: una lista verticale, dal più recente al più vecchio. Funziona, ma appiattisce una cosa che secondo me conta davvero, cioè come gli articoli sono collegati tra loro. Due pezzi che parlano dello stesso argomento restano lontani nella lista solo perché scritti a mesi di distanza.
Da qui è nato WP Post Graph, un plugin WordPress che disegna gli articoli del blog come un grafo a rete interattivo. I nodi sono gli articoli, le linee che li uniscono rappresentano le cose che hanno in comune. Si attiva con un solo shortcode e niente più.
Dall’elenco alla mappa
L’idea è semplice: la rete di relazioni tra gli articoli esiste già dentro WordPress, nelle categorie e nei tag, ma la lista cronologica la nasconde. WP Post Graph la rende visibile. Apri la pagina e vedi i gruppi di argomenti che si formano da soli, gli articoli centrali più grandi degli altri, i ponti tra temi diversi. Clicchi su un nodo e si apre l’articolo: il grafo non è una decorazione, è un modo di navigare il blog.
Come sono collegati gli articoli
Due articoli vengono uniti da una linea quando condividono categorie o tag. Più termini hanno in comune, più la linea è spessa: la forza della relazione si legge a colpo d’occhio. Anche la dimensione di ogni nodo racconta qualcosa, perché cresce con il numero di collegamenti. Gli articoli che fanno da ponte tra argomenti diversi diventano così i più evidenti della mappa.
Il colore aggiunge un altro livello di lettura: ogni nodo prende la tinta della sua categoria, con una legenda che fa da guida. I colori partono da una palette coordinata con lo stile del sito, e si possono personalizzare categoria per categoria.
Un grafo che reagisce
Il disegno si appoggia a una libreria che dispone i nodi con una piccola simulazione fisica, come se gli articoli correlati si attirassero a vicenda. Il risultato è un layout che si organizza da solo. All’apertura il grafo entra in scena con un’animazione, e al passaggio del mouse mette in evidenza l’articolo e i suoi collegati, lasciando il resto sullo sfondo.
Un dettaglio pensato per chi legge: lo zoom con la rotella del mouse è disattivato, così scorrere la pagina resta semplice. Per ingrandire ci sono tre pulsanti dedicati, mentre il trascinamento sposta la vista.
Leggero e sempre aggiornato
Costruire il grafo a ogni visita sarebbe uno spreco, perché i contenuti cambiano di rado. Per questo i dati vengono messi in cache e ricalcolati solo quando pubblico o modifico un articolo, oppure quando tocco categorie e tag. Il grafo è sempre allineato al blog senza appesantire le pagine.
Un altro pezzo del progetto
WP Post Graph fa parte della stessa famiglia di plugin che sto costruendo per questo sito. Come gli altri, si configura da un pannello dedicato, si inserisce ovunque con uno shortcode e si aggiorna automaticamente a partire dal codice ospitato su GitHub. È piccolo, a fuoco, e fa una cosa sola: rendere l’archivio del blog qualcosa da esplorare, non solo da scorrere.