gfsolone.Com, come nasce un sito personale

Oggi facciamo della gran auto-referenzialità, non capitava da tanto e voglio approfittarne per spiegarvi come nasce un piccolo sito web in grado di raccogliere alcune pagine “quasi statiche” che raccontano la propria persona, mettano in mostra il Curriculum Vitae e facciano conoscere al visitatore gli interessi, le capacità e le informazioni di cui necessita per un primo approccio (fondamentali quindi i riferimenti per essere contattati).

gfsolone.Com, since 2005

Ho messo in piedi la prima versione del mio sito personale circa 4 anni fa. Novembre del 2005, grazie ad archive.org sono anche riuscito a trovare uno straccio di pagina ancora funzionante:

web.archive.org/web/20051124224608/http://www.gfsolone.com

La piattaforma usata era Simple PHP Blog, chiaramente modificata secondo le mie esigenze (avevo già usato lo stesso motore per diversi altri siti nello stesso periodo, compreso RavennaLUG), serviva a raccogliere le pagine secondo me utili a farmi conoscere quanto bastava, ancora niente blog, decisamente restio ad espormi in prima persona (lo facevo già via GxWare.org pubblicando articoli informatici).

Da li il passo ad una v2 è stato abbastanza breve, si parla del 24 giugno di 365 giorni dopo (24.06.06), giorno del mio onomastico durante il quale ho deciso di tirare fuori la versione rinnovata, decisamente più compatta e (ahimé) con informazioni dimezzate:

web.archive.org/web/20060724234250/http://www.gfsolone.com (si vede poco e nulla, c’erano molte immagini)

E così venne la terza versione, la penultima, quella durata più di tutte, basata semplicemente su codice scritto a manina, grafica personalizzata via CSS, PHP e qualche “funzioncina” qua e la in JavaScript, nulla di eccezionale ma ha fatto il suo “sporco lavoro“:

web.archive.org/web/20070204085430/http://www.gfsolone.com/index.html

Tra una modifica e l’altra (piccole, mai invasive), si è arrivati a “gfsolone.Com v4“, un rinnovamento completo di motore, grafica e contenuti con la speranza che questi ultimi rimangano sempre aggiornatissimi (dipende dal sottoscritto, lo so :P). Ve lo presento:

http://gfsolone.com

e questi sono i suoi dettagli:

• Motore: WordPress (attualmente 2.7.1).
• Hosting: Linux (rigorosamente) su macchine WebPerTe (approfondirò in seguito l’argomento).
• Tema grafico: CryBook, chiaramente modificato (dal sottoscritto) per accontentare i miei desideri.
• Plugin: allo stato attuale post2pdf, WordPress Database Backup & WP-ContactForm.

Nulla quindi di particolarmente ostico da mettere in piedi, non trovate?

# perché WordPress?

Perché è il CMS più scalabile, modificabile e personalizzabile in pochi minuti che esista sulla faccia della terra, pensiero personale ovviamente. Perché è gratuito, open-source, ha dietro di se una comunità di utilizzatori, sviluppatori e appassionati davvero enorme, pronta ad aiutare chi ha difficoltà, anche a livello nazionale.

Perché possiede già un ricco database di plugin che possono venire incontro alle esigenze di qualunque sviluppatore desideroso di non fare a mano ciò che potrebbe fare automaticamente uno script in PHP. Perché viene costantemente tenuto sotto controllo, aggiornato e rilasciato in tempi record quando si tratta di riparare una possibile falla critica (un pò come Firefox).

Perché, perché, perché, ci sarebbero mille altri motivi per utilizzare WordPress … non è solo un CMS per far blog, è molto di più.

# perché quei plugin?

Il paragrafo probabilmente più piccolo, non serve spendere molte parole sulla scelta dei 3 plugin di partenza. Ciò che fanno spiega abbondantemente la loro funzione all’interno del sito:

• post2pdf servirà a chi desidera salvare una copia del mio CV direttamente in PDF da tenere da parte e stampare nell’eventualità serva. Non posso mostrarvelo in funzione, la pagina CV non è ancora pubblica :P
• wp-db-backup … lo chiedete anche? Salvare settimanalmente una copia del DB MySQL da inviare comodamente alla casella GMail è un’operazione che abilito su qualsiasi blog da me controllato o messo in piedi. I backup non sono mai abbastanza quando qualcosa va storta!
• wp-contactform è già in funzione e disponibile per tutti alla pagina gfsolone.com/contattami/modulo-contatto, per permettere al visitatore di contattarmi senza usare il proprio mailclient. Comodo, rapido, funzionale.

# perché quel tema?

No dico, lo avete visto? Replicare nativamente la grafica di facebook che da sempre apprezzo particolarmente è la soluzione che mi ha colpito di più durante l’esplorazione del web alla ricerca di un tema che potesse identificare la nuova versione del sito. E’ minimalista, non richiede troppi secondi per il caricamento di una singola pagina, usa un CSS da 20 righe a malapena, una vera chicca! E poi date una occhiata anche a questo blog, non vi sembra che vadano particolarmente d’accordo? :)

Immagini grandi (volutamente tenute così), testo altrettanto (per una più comoda lettura), uso spudorato di strumenti che mette a disposizione il web 2.0 per raccogliere (ad esempio) gli ultimi articoli presi da questo blog o per farvi vedere le ultime fotografie caricate su Flickr, contatti bene in vista per essere sicuro che a nessuno sfuggano :mrgreen:

# qualche modifica fatta

Andare a ritoccare un tema così ben studiato è un’operazione che porta via “poco tempo“, tutto dipende da ciò che si desidera. Mettiamola così: il menu inizialmente studiato per CryBook prevede uno spazio dinamico tra una voce di menu e l’altra (nella barra superiore) che comprende anche eventuali pagine “figlie” al di sotto della principale. Vi mostro la differenza:

PRIMA

DOPO

Il tutto per dare il giusto spazio tra una voce e l’altra senza strani incolonnamenti stile tangenziali di Milano! Le pagine figlie vengono dichiarate attraverso il DIV “Pagine Correlate” nelle pagine “padre” (si vede nell’immagine “Dopo”).

Come seconda cosa è arrivata la personalizzazione della pagina di errore 404, abbastanza comune e visualizzata (anche se non richiesta espressamente) da tutti coloro che ricordano un vecchio indirizzo forse non funzionante. Fondamentale specificare che probabilmente il contenuto richiesto esiste ancora ma sarà necessario cercarlo manualmente, oppure scrivere al proprietario della baracca per chiedere delucidazioni.

Chiaramente si andrà a togliere di mezzo il motore di ricerca interno, non serve con così poche pagine già tutte raggiungibili tramite menu superiore (o Pagine Correlate). Ciò vuol dire che non sarà visibile, ma comunque funzionante se lo si richiama dall’URL!

Lo stesso vale per il feed dei contenuti. Trattandosi di pagine “statiche” non ci sarà bisogno di seguire notizie che non verranno mai pubblicate. Tanto vale commentare la riga che richiama il tutto no (si trova generalmente nel file header.php del tema scelto)?

Stavolta però il lavoro lo si fa bene e per sicurezza si mette un plugin (solo se lo ritenete opportuno) per bloccare chiunque cerchi di arrivare “a mano” sul feed:

gfsolone.com/feed

Il suo nome è “Disable RSS“, disponibile gratuitamente sull’extend di WordPress.org:

wordpress.org/extend/plugins/disable-rss

Il più del lavoro è stato il trasporto vero e proprio dei dati contenuti nelle pagine, un procedimento che porta via parecchio tempo se si vuole adattare al meglio il codice al nuovo layout o decidere di cambiare totalmente posizione agli elementi. Ho preferito adottare la seconda soluzione per parecchi elementi, giusto per rinnovare un attimo il look (altrimenti che gusto c’è?).

Ho tolto (per chi stesse cercando inutilmente) le pagine dedicate all’intervento del LitCamp (mi pare di ricordare che si parlasse del 2007) e gli oggetti creati per la Google Toolbar ufficiale. Nel caso in cui questi ultimi servissero nuovamente basterà chiedere, ripristinerò la pagina :)

# e ora?

Il risultato è servito, in bella mostra per tutti, certo di miglioramenti se ne possono tirare fuori molti altri ma per il momento va bene così, mi piace, quel look talmente tanto minimalista da apparire fantastico ai miei occhi, non riesco a farmi piacere i temi ultra-complessi o ricchi di immagini facenti parte del layout di base, semmai preferisco usare la banda (internet) altrui per far caricare immagini che arricchiscono i post (lo notate fin troppo su gioxx.org)!

Cosa ne pensate? Volete provare a lasciare un commento per insultare il sottoscritto o magari per suggerire ulteriori miglioramenti? :)