Un tema italiano, professionale, versatile: con uno slideshow di presentazione degli articoli

Si chiama DiploMagazine ed è nato per chi utilizza wordpress come motore per realizzare un sito evoluto: non un semplice blog, ma un notiziario, il sito di un quotidiano, di un magazine online o un sito dove lo notizie sono organizzate in maniera professionale e non come un semplice elenco di articoli in ordine cronologico.

La demo è visibile qui, dai un’occhiata per renderti conto.

Download del Tema

Scarica diploMagazine – Template per wordpress gratuito (versione 1.0)

Uno Slideshow centrale dove mostrare foto e titoli a rotazione

Come tutti i magazine che si rispettino, è possibile impostare il tema per mostrare al centro uno slideshow con le immagini di articoli provenienti da una determinata categoria. Nessun campo aggiuntivo, nessun nome obbligatorio per la categoria: puoi scegliere tu quanti e quali articoli mostrare. Il titolo e il breve riassunto del post saranno inseriti nel caption delle immagini.

Per impostare la categoria, è sufficiente andare nel pannello di amministrazione del tema (vedi sotto) e impostare l’ID della categoria interessata.

Per ricavare l’ID di una categoria andare nella pagina di gestione delle categorie wordpress, cliccare col tasto destro sul titolo della categoria interessata e scegliere “Copia collegamento”. In questo modo, facendo incolla sulla barra degli indrizzi o su un qualsiasi file di testo, si otterrà il link completo della categoria. Sarà un url simile a questo: http://lab.diplod.it/demo/wp-admin/categories.php?action=edit&cat_ID=25

L’ultimo numero in fondo al link è l’ID della categoria in questione, da riportare nel campo “ID Categoria per Slideshow”.

Un pannello di amministrazione per costruire l’home page e organizzare le notizie

diploMagazine ha un pannello di amministrazione tramite il quale è possibile personalizzare il tema e costruire l’home page a proprio piacere. Per accedervi cliccare sul link “diploD Magazine Option” sotto alle impostazioni di Aspetto del pannello di amministrazione WordPress (vedi figura).

Impostare le parole chiave del sito e l’immagine di sfondo della testata

Se non utilizzi nessun plugin di gestione delle keywords (come ad esempio All in One SEO Pack), puoi impostare direttamente nel pannello di amministrazione del tema le parole chiave del tuo sito, utili per ottenere un buon posizionamento sui motori di ricerca.

Puoi inoltre impostare una immagine di sfondo della testata. Il tema ne ha già una utilizzabile. Inserendo infatti l’indirizzo http://lab.diplod.it/demo/wp-content/themes/diplo-magazine/images/header-photo.png si ottiene una testata come quella nella foto sottostante.

Puoi caricare online la tua immagine personalizzata da utilizzare come sfondo della testata del sito, basta riportarne l’url.

Attivare Google Adsense sul proprio sito

E’ possibile attivare la pubblicità di Google sul tema, senza mettere mano al codice. Basta riportare il proprio Google Adsense ID (lo puoi trovare in alto a destra quando entri nel pannello di amministrazione di Google) e i colori desiderati per i propri banner.

Impostare le colonne e le categorie da visualizzare in home page

L’home page può essere a colonna singola, a due colonne, con o senza lo slideshow centrale (nell’immagine sopra sono visualizzate tutte le possibilità).

Impostando il “Numero di Categorie in Rilievo nella Home Page” a zero, sarà visualizzata una sola colonna centrale, mentre cambiando tale numero saranno visualizzate due colonne. Nella colonna laterale è possibile pubblicare articoli provenienti da diverse categorie, basta indicare l’ID delle categorie e il numero di articoli desiderati.
Per ricavare l’ID di una categoria, come descritto sopra, andare nella pagina di gestione delle categorie wordpress, cliccare col tasto destro sul titolo della categoria interessata e scegliere “Copia collegamento”. In questo modo, facendo incolla sulla barra degli indrizzi o su un qualsiasi file di testo, si otterrà il link completo della categoria. Sarà un url simile a questo: http://lab.diplod.it/demo/wp-admin/categories.php?action=edit&cat_ID=25

L’ultimo numero in fondo al link è l’ID della categoria in questione, da riportare nel campo “ID Categoria #”

E’ inoltre possibile pubblicare una galleria di immagini proveniente da un articolo wordpress oppure un video di youtube nel footer. Per fare ciò, è sufficiente compilare i campi “Galleria Immagini” con l’ID del post al quale è associata la galleria e “Video Youtube” con l’URL embedded del video.

Per ricavare l’ID dell’articolo, dalla pagina di amministrazione degli articoli, cliccare col tasto destro sul titolo e scegliere “Copia collegamento”. In questo modo, facendo incolla sulla barra degli indrizzi o su un qualsiasi file di testo, si otterrà il link completo dell’articolo. Sarà una url simile a questo: http://lab.diplod.it/demo/wp-admin/post.php?action=edit&post=52
L’ultimo numero dell’url è l’ID dell’articolo, nel caso dell’esempio sopra è 52. Inserendo questo numero, saranno visualizzate nel footer di sinistra tutte le foto caricate in quell’articolo.

Per ricavare il link del video youtube è necessario partire dal codice embedded del video, quello offerto da youtube per inserire un video nel proprio sito. Qui sotto, in grassetto, è evidenziato l’url da inserire nel pannello di amministrazione del tema.

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

Quattro spazi widget ready, tra sidebar e footer

Il tema dispone di ben quattro sidebar dinamiche, dove è possibile inserire widget direttamente dal pannello di amministrazione di wordpress. La sidebar numero 1 è relativa alla colonna laterale destra del sito, mentre le numero 2, 3 e 4 sono relative alle tre colonne del footer.

Archivi, commenti e altro

Il tema è organizzato secondo le categorie degli articoli wordpress, che compaiono come menù della testata; le sottocategorie sono gestite nelle stesso menù fino al secondo livello.

I link alle pagine vengono invece pubblicati nel menù in alto, sulla prima barra nera del tema.

diploMagazine dispone inoltre di una professionale gestione delle pagine di archivio e di ricerca, mentre i commenti agli articolo supportano i Gravatar.

Non resta che provarlo e lasciare commenti, suggerimenti, feedback o l’url del sito dove viene utilizzato.

NB: Questo lavoro è rilasciato con Licenza Creative Commons: puoi modificarlo e riutilizzarlo, purchè venga citata la fonte.

Ormai i siti di social bookmark sono come funghi, anche gli italiani si sono appassionati. Lavorando alla nuova grafica ho cercato un set di icone da utilizzare sotto ad ogni post per segnalare gli articoli ai siti di bookmarking sociale. Nulla, solo tante belle icone inglesi..

Così ho fatto in casa, ecco il risultato: un set di 13 icone da scaricare e utilizzare gratuitamente, come meglio credete. Nello zip sono disponibili i formati png 40×40 e 20×20. Ho inserito anche i file photoshop, se qualcuno è interessato ad aggiungere icone al set può partire da quelli.

Scarica il set di icone “social bookmark italia”

Quali sono i siti “iconizzati”?

• OkNotizie
• Segnalo
• Wikio
• Upnews
• ZicZac
• FaiNotizia
• Diggita

Più gli immancabili stranieri:

• Delicious
• Digg
• Furl
• Newsvine
• StumbleUpon
• Technorati

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