1. Accedere al server sul quale è installato sharepoint e posizionarsi nella cartella:
   C:\Program Files\Common Files\Microsoft Shared\web server extensions\12\TEMPLATE\THEMES
2. Copiare la cartella “Simple” e rinominare la cartella copiata a piacere, in questo caso la chiameremo “Miotema”
3. Nella cartella “Miotema” rinominare il file “SIMPLE.INF” in “MIOTEMA.INF”, tutto in caratteri maiuscoli.
4. Aprire il file “MIOTEMA.INF” con un editor di testo e sostituire tutte le occorrenze di “Simple” con il termine “Miotema”. Il risultato sarà come il seguente:
   

   [info]
   title=Miotema
   codepage=65001
   version=3.00
   format=3.00
   readonly=true
   refcount=0

   [titles]
   1031= Miotema
   1036= Miotema
   1040= Miotema
   …

5. Aprire con un editor di testo il file che si trova nella posizione:
   C:\Program Files\Common Files\Microsoft Shared\web server extensions\12\TEMPLATE\LAYOUTS\1033\SPThemes.xml
6. Aggiungere all’interno del tag <SPThemes> le seguenti linee di codice:
   

   <Templates>
   <TemplateID>Miotema</TemplateID>
   <DisplayName> Miotema </DisplayName>
   <Description> Tema creato da me.</Description>
   <Thumbnail>images/thlmiotema.gif</Thumbnail>
   <Preview>images/thmiotema.gif</Preview>
   </Templates>

   NB: Ovviamente se vogliamo le preview bisognerà creare le immagini gif e inserirle nella cartella images del tema.

7. Per rendere visibile il tema nella lista di quelli disponibili sarà necessario fare un issreset (dal prompt di DOS: “iisreset /noforce”).

Ora il tema è caricato, per modificare colori e quant’altro bisognerà intervenire sul file css, che si trova alla posizione:
C:\Program Files\Common Files\Microsoft Shared\web server extensions\12\TEMPLATE\THEMES\MIOTEMA\theme.css
Ogni volta che si fanno delle modifiche è bene fare un iisreset e dalla mia esperienza è bene evitare di fare modifiche su temi che sono attualmente in uso su qualche sito sharepoint, altrimenti queste non vengono correttamente caricate al riavvio del server.

Se invece c’è bisogno di eseguire modifiche strutturali alle pagine, per rimuovere o aggiungere blocchi, sarà necessario fare ricorso a Sharepoint Designer tramite il quale si possono costruire o elaborare le master pages, accedendo al sito in questione.
Buona customizzazione! ;)

L’occasione è l’apertura del repository comune per i temi wordpress: dopo i plugin, anche i temi hanno la loro casa ufficiale. Per esserci bisogna rispettare alcuni requisiti. Ho messo mano a tutti i temi che avevo rilasciato in passato per renderli perfettamente compatibili alle nuove versioni di wordpress e sistemare alcuni bug che erano presenti.

La vera grande novità è che da oggi tutti i temi hanno il loro bravo pannello di amministrazione, dal quale è possibile settare opzioni e personalizzare colori e testata. Altra grande novità: Nerino e diploDgeek sono diventati adsense ready, tramite il pannello di amministrazione è possibile gestire la pubblicazione degli annunci pubblicitari sul proprio blog.

Tutti i temi da oggi supportano i Gravatar, avatar globalmente riconosciuti. Per intenderci: le icone che vedete a lato dell’autore di ogni commento, anche su questo blog.

Un restyling più sostanziale riguarda diploDgeek, che nella nuova versione può ospitare anche un video di youtube nella sidebar.

Sulle pagine dei rispettivi temi ho aggiornato le istruzioni di installazione e configurazione, rimando quindi alle singole pagine se siete interessati al download. In attesa che il repository ufficiale diventi localizzato, così anche i temi in italiano avranno il loro risalto.

• Nerino
• diploDGeek
• Sport Template

A tutti coloro che utilizzano questi temi, il mio consiglio è di aggiornare.
Come al solito, commenti e suggerimenti sono ben accetti.

Sempre più spesso vedo in giro siti web che vendono template per wordpress a prezzi accessibilissimi: da 45 a 99 dollari e hai un tema di qualità, originale e adeguato alla tue esigenze. Chiaramente questi siti “funzionano” perché hanno un volume di vendita ragionevole, che permette agli sviluppatori di fare prezzi decisamente concorrenziali. Generalmente si tratta di siti statunitensi, o al massimo indiani; ma in Italia c’è mercato per una attività come questa?

C’è davvero tutto questo bisogno di personalizzazione da parte di chi gestisce un blog quasi amatoriale? I template gratuiti, sotto creative commons, di certo non mancano: io stesso sono tra i “produttori”. Generalmente con qualche semplice modifica si riescono ad ottenere personalizzazioni interessanti.

Qual è il livello di personalizzazione che può spingere una persone ad acquistare un determinato tema? Io credevo fosse semplicemente l’unicità. Avere un tema unico, diverso da tutti e progettato sul proprio sito, permette di essere riconoscibile immediatamente e di fidelizzare gli utenti, abituandoli al proprio design.

Ma in alcuni casi c’è chi paga 99 dollari pur sapendo di non avere un tema unico, perché sarà acquistato anche da altri, esattamente uguale. C’è chi è disposto a pagare anche senza l’unicità: cosa cerca (e cosa trova) quindi in un tema a pagamento?

Sono domande aperte, che pongo a voi innanzi tutto per capire, oltre che per discutere. Io ho una vaga idea, ma prima di esprimermi mi piacerebbe sapere cosa ne pensate.

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.

Sportemplate è un tema per wordpress indirizzato a coloro con hanno un blog che tratta di sport, siano questi semplici appassionati o vere e proprie società sportive. Dalla pallavolo alla pallacanestro, dal calcio all’atletica.

Ma c’è anche una versione per il semplice blog, se ti piace il design ma non non vuoi avere lo sportivo che salta, c’è pure la versione con la classica matita.

Download e demo

Download di Sportemplate per WordPress (versione 1.5)

Per vederlo in opera potete visitare il sito del Basket Rubiera (amata squadra locale) oppure dare un occhiata alla demo online.

E’ disponibile anche la versione senza pannello di amministrazione. Sportemplate 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 Sportemplate senza pannello di amministrazione, tutte le personalizzazioni sono comunque effettuabili intervenendo direttamente sul file header.php (vedi istruzioni sotto).

Download di Sportemplate per WordPress (versione 1.5 senza pannello di amministrazione)

Installazione e attivazione

La procedura è sempre la solita. Si scariza il file zip e si decomprime la cartella /sportemplate/ 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 Sport Template come tema di base.

Una volta attivato il tema, andare in ‘Design’->’Sport Template’. 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.

Personalizzazione della testata

Per impostare la testata desiderata basta accedere al pannello di amministrazione e scegliere dal menù quella desiderata.

Ecco come appare il pannello di amministrazione del tema:

Ecco una carrellata delle diverse testate disponibili, è possibile adattare questo template a svariate esigenze:

• Blog Normale
  
• Basket
  
• Calcio
  
• Corsa
  
• Fitness
  
• Hockey
  
• Rugby
  
• Tennis
  
• Volley
  

Personalizzazione della sidebar

Il tema è widget ready, questo significa che la sidebar è completamente configurabile senza mettere mano al codice. Puoi scegliere inoltre se pubblicare in alto alla sidebar le notizie provenienti da una singola categoria, ad esempio gli ultimi risultati dal campo o le pagelle del santone. Nel pannello di amministrazione del tema devi attivare questa funzionalità e specificare:

• ID categoria: è un numero che identifica la singola categoria. Lo trovi nel link alla categoria dal pannello di amministrazione wordpress: ‘Gestione’->’Categorie’. Passando il mouse sui nomi delle categorie in basso nella barra del browser appare un link che termina con un numero, quello è l’ID. Vedi l’immagine sotto per capire meglio.
  
• Titolo da visualizzare nella sidebar: puoi scegliere il titolo da mostrare nella barra laterale, ad esempio “Ultime dal campo”
• Numero di notizie da pubblicare: puoi scegliere quante notizie far apparire in sidebar.

Extra e Licenza

Una delle peculiarità di questo tema è l’utilizzo di un foglio di stile esterno con alcune regole CSS 3 per ottenere i bordi arrotondati sui box di articoli e commenti, oltre alla selezione del testo rossa. Le tecniche utilizzate sono quelle illustrate molto bene da Alessandro Fulciniti in un articolo su html.it

Il tema è stato testato sui più diffusi browser: Firefox, IE, Opera, Safari, Chrome. Ovviamente il tema è validato W3C ed è rilasciato sotto licenza Creative Commons 2.5.