Per la gioia di tutti i geek che gironzolano nella blogopalla ecco il template originale wordpress dell’ormai ex Geekissimo. Inutile dire che le caratteristiche sono del tutto simili all’altro tema rilasciato nei giorni scorsi: diplodGeek (che consiglio a chi non vuole in tutto e per tutto il vecchio stile, ma un po’ di rinnovamento).
Avevo collaborato con Angelo per curare la grafica del suo blog, ora ha lanciato il network IsayBlog e gli faccio i miei auguri, la nuova grafica è stata curata da Massimo di DesMM, al quale faccio i miei complimenti. Sono orgoglioso che almeno colori e stile del vecchio template siano confluiti nel nuovo, nel mio piccolo è una soddisfazione. Adesso il vecchio tema il mio lavoro è un bene per tutti, scaricatelo e modificatelo a vostro piacere.

La demo on-line? Dai un’occhiata qui.

Caratteristiche

• Sidebar laterale predisposta per i widget, con tre aree: la prima per la parte a colonna singola, la seconda per la parte di sinistra della colonna doppia, la terza per la parte destra
• Scorrimento tra i vari post in home page grazie a comode freccette e javascript (jQuery)
• Footer espandibile dal bottoncino in basso a destra
• Template di pagina per l’archivio: basta creare una pagina wordpress e assegnarle il template di pagina “Archivio”
• Supporto dei tag di wordpress
• Supporto CSS al plugin Pagenavi, per creare la navigazione per pagine stile digg. Installate il plugin e capirete di cosa si tratta
• Codice valido agli standard W3C

Installazione

La procedura è sempre la solita. Si scariza il file zip qui sotto e si decomprime la cartella /geekissimo/ all’interno della cartella che contiene i templates di wordpress: /wp-content/themes/
Ovviamente se volete sfruttarlo al meglio il mio consiglio è di installare anche il plugin Pagenavi: per le istruzioni rifarsi a WordPress Codec.

Le solite note

Il tema è stato testato con wordpress 2.3, ma dovrebbe girare senza problemi anche sulle altre versioni. Supporta i tag. Viene rilasciato sotto licenza GPL, potete modificarlo, aggiustarlo, rivoluzionarlo. E ovviamente fatemi sapere dei vostri lavori. Vi chiedo solo di lasciare un link a questo sito.

Download

Scarica Geekissimo Theme di diploD – Tema wordpress gratuito

Da quando ho creato il design per Geekissimo mi piovono in email un sacco di richieste per avere un tema simile. Ecco dunque che ho deciso di rilasciare un nuovo tema per wordpress, liberamente utilizzabile e modificabile. Si ispira appunto a Geekissimo, ma non è proprio uguale. Prima di tutto perchè quello è stato sviluppato su misura, in secondo luogo perchè ho voluto dare un tocco di colore. Resta il pezzo forte, ovvero la possibilità di salatare tra un articolo e l’altro con i comodi tasti “vola su” “vola giù”. Si tratta di un effetto ottenuto con jQuery, javascript che dalla versione 2.3 di wordpress viene distribuito direttamente nel core, ma che il tema carica direttamente per garantire la retrocompatibilità.
Per capire come rende non c’è niente di più semplice che dare un occhio alla demo.

Sfondo scuro, colori arcobaleno, con la possibilità di scegliere lo sfondo della testata. Ma andiamo con ordine..

Download

Scarica diplodGeek – Tema wordpress gratuito (versione 2.2)

Qui puoi vedere una demo di diploDGeek.

E’ disponibile anche la versione senza pannello di amministrazione. Diplodgeek utilizza il noto toolkit open source per temi wordpress, tuttavia qualcuno ha segnalato problemi con l’editor di scrittura avanzato, per questo metto a disposizione una versione di Diplodgeek senza pannello di amministrazione, tutte le personalizzazioni sono comunque effettuabili intervenendo direttamente sul file header.php (vedi istruzioni sotto).

Scarica diplodGeek – senza pannello di amministrazione (versione 2.2)

Installazione e attivazione

La procedura è sempre la solita. Si scariza il file zip e si decomprime la cartella /diplodgeek/ all’interno della cartella che contiene i templates di wordpress: wp-content/themes/
Nulla di complicato.

Per attivare il tema, dal pannello di amministrazione di wordpress andare su ‘Design’ e scegliere diplodGeek come tema di base.

Una volta attivato il tema, andare in ‘Design’->’diploDgeek’. Questo è il pannello di amministrazione del tema, da qui si possono impostare tutte le opzioni di visualizzazione.
Chi ha scaricato la versione senza pannello può configurare le stesse cose aprendo direttamente il file header.php con un editor di testo (ad esempio notepad). Nelle prime righe del codice ci sono le istruzioni per personalizzare il tema, è sufficiente cambiare valore a qualche variabile.

Cambio colori della testata

La testata è disponibile in 5 colori: azzurro, verde, giallo, viola, rosa.

Per cambiare colore alla testata è succifiente andare nel pannello di amministrazione del tema e scegliere la tipologia. Oltre ai colori base, è possibile caricare una immagine personalizzata nella cartella /images/ del tema, col nome “testata-personale.jpg”. Le dimensioni dell’immagine devono essere 890×200 pixel, ce n’è una di esempio già presente nella cartella.

Per i fanatici di geekissimo c’è anche l’opzione ‘geek-style’, che renderà il vostro blog simile al famoso blog geek.

Widget e video Youtube in sidebar

Il tema è widget ready, in questo modo sarà possibile modificare il contenuto della sidebar laterale direttamente dal pannello di amministrazione, senza intervenire sul codice. Sono state previste tre aree per i widget, la prima riguarda la colonna intera, la seconda interessa la semi-colonna di sinistra, mentre la terza incide sulla semi-colonna di destra.
Vedi l’immagine sottostante per maggiori dettagli.

E’ inoltre possibile pubblicare un video youtube direttamente in sidebar senza mettere mano al codice. Potete farlo dal pannello di amministrazione inserendo l’url embedded del video. Questo url si trova nell’attributo value del codice che youtube offre per inserire i propri video in pagine esterne. Per capire, nell’esempio sotto l’url interessato è evidenziato in grassetto.

<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/LJooaOtaOkc&hl=en&fs=1"></param><param name="allowFullScreen" value="true"></param><embed src="http://www.youtube.com/v/LJooaOtaOkc&hl=en&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed></object>

Copiando solamente l’url nell’apposito campo del pannello di amministrazione del tema, apparirà sulla barra laterale anche il video youtube.
Questa funzionalità potrebbe tornare utile per pubblicare il classico video esplicativo che illustra il funzionamento dei feed rss..

Adsense

Dal pannello di amministrazione del tema è possibile impostare l’ID del proprio account adsense e decidere il colore dei link pubblicitari, in questo modo si attiveranno gli annunci adsense sul blog. Per disattivarli lasciare vuoto il campo relativo all’ID.

Footer

Il footer è espandibile cliccando sul bottoncino in basso a destra “dippiù”, contiene gli ultimi articoli pubblicati e l’archivio suddiviso per mesi. E’ possibile cambiare ciò che appare nel footer intervenendo sul file footer.php, è necessario però essere un minimo pratici con le funzioni di wordpress, con html e php per capire dove modificare il codice.

Qualche nota

Il tema è stato testato con wordpress 2.6, ma dovrebbe girare senza problemi anche sulle altre versioni. Supporta i tag e ha un template apposito per la pagina di archivio (che si può assegnare ad una pagina di wordpress). Viene rilasciato sotto licenza GPL, potete modificarlo, aggiustarlo, rivoluzionarlo. Vi chiedo solo di lasciare un link a questo sito.