Partendo dal template precedente ho iniziato una serie di esperimenti per la creazione di un layout alternativo su lushanoperera.com. Il sito sembra funzionare su tutti i browser eccetto il vecchio IE6.
Dategli un’occhiata e magari se avete qualche idea, fatemi sapere.
Qui una screenshot:
(e qui la pagina su ScrnShots)
Ho ancora qualche piccola grana a causa di Flash e della sua brutta attitudine a non rispettare valori di z-index superiori, però credo riuscirò a risolvere tutto velocemente.
Chi è passato recentemente da queste pagine avrà notato un cambiamento radicale nell’immagine di questo blog. Effettivamente dopo aver speso diverso tempo navigando in rete alla ricerca di un tema che si adattasse alle mie esigenze, ho trovato quel che cercavo: un tema dall’aspetto grafico un po’ rude, ma sicuramente forte. Fondamentale per conferire quell’idea di personalità che è mancata fin’ora a questo mio accrocchio. Grande impulso l’ho avuto dopo aver letto quest’articolo di senzastile che, come già successo in precedenza, in qualche modo continua a contribuire ispirandomi e motivandomi nella ricerca e nello studio di soluzioni efficaci. Così dopo aver scelto il tema di base (in fondo alla pagina nella sezione About trovate i credits, più che doverosi) ho aggiunto quelle righe di codice per adattare il tema alle mie esigenze, arricchendolo di qualche piccola ma importante funzionalità.
Non mi voglio dilungare oltre. Credo di aver fatto un buon lavoro ma in ogni caso vi invito a segnalarmi eventuali malfunzionamenti o anche idee e suggerimenti per migliorare la navigazione.
Tutte le informazioni per l’aggiunta di funzioni come quelle per la visualizzazione della category images le potete trovare nel Codex di WordPress ed in WordPress Italy.
A seguito della visione del magnifico sito di Yongfook, ho deciso di realizzare qualcosa di simile sfruttando gli strumenti in mio possesso, cioè WordPress (con i suoi plugin) ed la sommaria conoscenza di html, php e css. Mettendo insieme i vari pezzi ho realizzato un lifestream alternativo, ispirato fortemente a quello di Yongfook.
Di lifestream ne hanno parlato qualche giorno fa Sid05 ed il buon fedmor; cercando in rete si trovano varie soluzioni nelle quali i flussi di dati vengono aggregati e visualizzati per mostrare una progressione temporale delle varie attività. Sono in pratica dei semplici log. Tempo fa ne realizzai uno (#).
Io però sono troppo affascinato dall’approccio seguito dal webdesigner anglo-nippo-cinese (vive a Tokyo ed è, come dice lui, “half Singaporean Chinese, half British“), approccio in cui tutti questi dati provenienti da varie fonti si uniscono in un flusso che non è unidirezionale, ma che permette una interazione con chi visiona queste informazioni. In pratica, ogni tweet, ogni immagine postata su Flickr oppure ogni bookmark segnato su del.icio.us passa dall’essere supporto per la creazione di un eventuale articolo a diventare l’articolo stesso. In questa ottica ogni volta che utilizziamo i servizi cosìdetti “web 2.0”, noi produciamo contenuti fruibili e commentabili da parte degli altri “naviganti” del web al pari del classico post di un blog. Come se il nostro caro vecchio blogghe fosse in realtà distribuito nelle funzionalità per tutta la rete: voglio parlare di musica? Ascolto e taggo canzoni su Lastfm; voglio segnalare un sito interessante? Sfrutto il mio servizio preferito di social bookmarking per salvarmi il link lasciando assieme ad esso una mia nota. Poi ci sono Twitter, i calendari online e molto altro ancora. Sono diversi i modi con cui arricchiamo quasi inconsapevolmente il web.
Sid05 ha seguito questo tipo di strada creando un lifestream basato su Tumblr, efficace quanto spettacolare nella resa grafica. Passando da qui potrete trovare il suo lavoro, che – immagino – continuerà ad evolversi ancora. Altro interessantissimo progetto è quello di Kurai, il quale ha seguito l’approccio più estremo andando a fondere insieme lifestream e blog (esattamente quello che ha fatto Yongfook) scrivendosi da solo tutto il codice.
Ed ora il mio turno.
Incuriosito ed ispirato da questi bellissimi progetti mi sono buttato a testa bassa tra codice php e fogli di stile, arrivando a realizzare un sito che – considerata la pochezza del mio livello di preparazione – è più che soddisfacente. Ovviamente, anche per quanto mi riguarda, i lavori proseguiranno con l’aggiunta di nuove funzioni e con una lenta (ma importante) opera di pulizia del codice. Quando avrò sistemato il tutto in modo meno approssimativo preparerò una piccola guida con notizie utili per la realizzazione di questa tipologia di sito con WordPress.
Tornerò sicuramente sull’argomento. Nel caso fossi stato poco chiaro, per chiarimenti e richieste d’approfondimento, lasciate un messaggio tra i commenti.
Dopo aver riflettuto sull’effettiva utilità del lifestream (#) mi sono deciso. Via il sito nella root, e blog spostato al suo posto. Detto fatto. Questo trasferimento ha però comportato dei cambiamenti, che mi accingo ad illustrare:
Trasferendo il blog dalla directory “blog” alla root ho pensato fosse doveroso cambiarne il nome per chiamarlo come il dominio in cui risiede: disconnesso, appunto.
L’assenza del colore verde dall’attuale template, nonché l’esigenza di avere qualcosa di più curato mi ha portato a disegnare una nuova iconcina. Questa è l’immagine – realizzata rapidamente col GIMP – che ho utilizzato per generare la favicon tramite questo sito, Favicon from Pics:
Lo spostamento del blog ed il relativo cambio di indirizzo (non più disconnesso.com/blog ma solamente disconnesso.com) ha portato una questione. Come preservare le pagine indicizzate dai motori di ricerca, i collegamenti al blog ed ai post precedenti oltre che i link presenti sugli altri siti? Dopo un po’ di ricerche mi sono informato sull’utilizzo dei file “.htaccess” (solo su webserver Apache) per il redirect permanente della pagine: un sistema search-engine friendly. Ho quindi tenuto una directory /blog/ nel mio spazio web e ci ho inserito un file di testo nominato .htaccess con questo contenuto:
RedirectMatch 301 /blog(.*) /$1
Così si impone un redirect per ogni file richiesto su /blog al corrispondente file presente nella root (/). In questo modo dovrei riuscire a mantenere vivi i link che altri possono avere verso questo blog.
Come ultima cosa ho sostituito i vecchi indirizzi dei feed con i nuovi in Feedburner
Credo di aver fatto tutto il possibile per rendere operativo il blog dopo questo spostamento. Il prossimo passo sarà quello di spostare invece il portfolio su un nuovo dominio.
Nel caso ci fossero dei malfunzionamenti, o se voleste semplicemente darmi qualche dritta, lasciate un messaggio tra i commenti.
Nella root di questo dominio ho realizzato – tramite l’ausilio di questo plugin – un aggregatore dei feed provenienti dai vari servizi a cui sono iscritto. Qui potete vedere di cosa si tratta. Oltre a visualizzare le informazioni provenienti dai miei account Twitter, del.icio.us e Last.fm, registra anche i feed di Flickr che poi vengono utilizzati per generare una photogallery raggiungibile dal menu presente alla destra del sito.
Al momento non ho voluto dare molta priorità al lato estetico, scegliendo di utilizzare la mod a tre colonne del arcinoto template K2, anche se credo più avanti proverò a fare qualcosa di graficamente più accattivante. La cosa che più mi interesserebbe al momento sarebbe invece quella di utilizzare un template basato su ajax che magari aggiorni i dati ogni tot tempo senza fare il refresh di tutta la pagina. Appena avrò modo studierò una soluzione. Nel frattempo, ecco il mio “lifestream”: http://disconnesso.com/
UPDATE
I miei esperimenti di Lifestream sono proseguiti a questo indirizzo: http://lushanoperera.netsons.org/
Nei giorni successivi all’acquisto di questo dominio (disconnesso.com) ho ragionato molto sulle possibili soluzioni con cui realizzare le pagine rappresentanti me stesso sul web ed ho navigato ore ed ore in ricerca di idee e soluzioni. Un punto di svolta è stata la lettura di questa pagina nella quale viene discussa la possibilità di usare WordPress come un CMS tradizionale: soluzione interessante per la semplicità d’utilizzo che ne deriva, quanto complessa nell’attuazione vista la natura del software in questione, cioè quella di gestire blog. Sta di fatto che leggendo tale pagina, vengo a conoscenza di tale Eric Powell e del suo magnifico portfolio realizzato proprio in WordPress; è stato amore a prima vista, cose che non succedevano dai tempi della visione di subtraction.com. Da lì parte il mio studio per realizzare qualcosa di simile, se non uguale, e grazie a questo template gratuito – realizzato proprio per la tipologia di sito che volevo realizzare – ho potuto iniziare i miei smanettamenti con codice php, plugin e, soprattutto, con i fogli di stile. Ringrazio di nuovo Senzastile per avermi indirizzato nelle ricerche. Devo dire che il risultato, anche se il lavoro non è ultimato, è entusiasmante. L’utilizzo sapiente dei CSS coniugato alle funzioni avanzate delle “Custom Fields” di WordPress mi ha permesso di creare finalmente un mio portfolio. Ok, è ancora spoglio.. ma nei prossimi giorni si comincerà a popolare con i miei piccoli grandi lavori svolti fin’ora.
Dimenticavo il link, buona visione: http://disconnesso.com/portfolio