diplodGeek: tema wordpress gratuito in stile geekissimo

Pubblicato da Davide, Aggiornato lunedì 1 febbraio 2010 101 Commenti »

Questo articolo e' stato scritto piu' di 6 mesi fa.. In teoria non cambia nulla, sed panta rei: se trovi link o informazioni datate segnalalo pure. :)

diplodGeek - tema wordpress

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.

sidebar diplodGeek

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.

101 Commenti »

Puoi lasciare un tuo commento, oppure fare un trackback dal tuo sito.

Vuoi essere il primo a lasciare un commento per questo articolo? Utilizza il modulo sotto..

Lascia il tuo commento

 

http://livregratis.fr/ - http://club-ebook.fr/

Utilizzando il sito, accetti l'utilizzo dei cookie da parte nostra. maggiori informazioni

Questo sito utilizza i cookie per fonire la migliore esperienza di navigazione possibile. Continuando a utilizzare questo sito senza modificare le impostazioni dei cookie o clicchi su "Accetta" permetti al loro utilizzo.

Chiudi