Se desiderate cambiare i colori di Kubrick, il tema di default di WordPress, e sapete già usare un editor di immagini, vi è sufficiente sapere dove si trovano le immagini da modificare, e potete procedere apportando le variazioni che preferite.

Se invece, come me, non sapete usare un editor di immagini, allora questo articolo vi può interessare.

Nel seguito modificheremo gli elementi grafici del tema Kubrick:

- l’immagine di inizio pagina (header);
- il colore del bordo pagina;
- il colore della sidebar;
- l’immagine di fine pagina (footer);

con l’aiuto di GIMP (GNU Image Manipulation Program), un editor di immagini completo e liberamente disponibile per molti sistemi, compreso Windows, e in molte lingue, compreso l’italiano. In questo articolo useremo GIMP a un livello veramente elementare, ma forse ci verrà il desiderio di approfondire la conoscenza di questo ottimo programma.

Passo 1

Il primo passo consiste nello scaricare ed installare GIMP. Potete scaricarlo da SourceForge:

http://gimp-win.sourceforge.net/stable.html

e potete trovare il manuale in italiano sul sito ufficiale:

http://docs.gimp.org/it.

Alla prima esecuzione GIMP svolgerà alcune operazioni di configurazione, come spiegato nel relativo capitolo del manuale:

http://docs.gimp.org/it/GIMP-concepts-setup.html.

Passo 2

Ma dove sono le immagini da modificare? Sono nella cartella /wp-content/themes/default/images. In particolare:

- kubrickbg.jpg è lo sfondo di una pagina con sidebar, contiene i bordi laterali grigi e la sidebar grigio chiaro;
- kubrickbgcolor.jpg contiene il colore grigio di sfondo, uguale al grigio del bordo pagina;
- kubrickbgwide.jpg è lo sfondo di una pagina senza sidebar, contiene solo i bordi laterali grigi;
- kubrickfooter.jpg è l’immagine di fine pagina, comprendente anche il bordo grigio;
- kubrickheader.jpg è l’immagine di inizio pagina, comprendente anche il bordo grigio.

Dobbiamo creare una copia locale di queste immagini, per poterle modificare con GIMP.

Passo 3

Finalmente possiamo iniziare! Avviamo GIMP, e con il comando File, Apri, apriamo il file kubrickbg.jpg. Possiamo ingrandire la finestra, e con il comando Visualizza, Zoom, possiamo zoomare l’immagine per vederla al meglio.

Ora con il comando Strumenti, Strumenti di colore, Colora, apriamo la finestra di selezione del colore, che ci permette di regolare Tonalità (da 0 a 360), Saturazione (da 0 a 100), e Luminosità (da -100 a +100).

Possiamo sperimentare tutti i valori di Tonalità, e aumentare eventualmente la Saturazione per ottenere la sfumatura di colore che preferiamo. Da notare che così facendo cambiamo il colore dell’intera immagine, cioè cambiamo contemporaneamente sia il colore dei bordi sia il colore della sidebar.

Trovato il colore voluto, scriviamo su un foglietto i valori impostati, ad esempio Tonalità 130, Saturazione 90, Luminosità 0, e premiamo OK per accettare la modifica. Quindi con il comando File, Chiudi, chiudiamo l’immagine kubrickbg.jpg salvando i cambiamenti apportati.

Ripetiamo la stessa sequenza con le altre quattro immagini, impostando gli stessi parametri di colore che abbiamo appena scelto. Modificando l’immagine kubrickheader.jpg verrà modificato anche il colore del grande rettangolo blu, ma questo ha poca importanza perchè, come sapete, i colori del rettangolo possono sempre essere impostati dal pannello di amministrazione di WordPress (comando Site Admin, Presentation, Header Image and Color).

Passo 4

Dopo aver modificato le cinque immagini con il colore che preferiamo, è il momento di caricarle nella cartella /wp-content/themes/default/images. Apriamo il nostro sito, premiamo eventualmente il tasto Aggiorna – Ricarica – Refresh del nostro browser e, voilà, il grigio del tema Kubrick è sostituito dal nostro giallo, o verde, rosa, arancione, azzurro, magenta, eccetera.

Sostituire header o footer di Kubrick

Invece di cambiarne semplicemente il colore, possiamo sostituire le immagini kubrickheader.jpg e kubrickfooter.jpg.

L’originale kubrickheader.jpg ha le dimensioni di 760 x 200 pixel, ma noi dovremo sostituirla con una di dimensioni 740 x 200 pixel, per evitare di doverle aggiungere i bordi. Analogamente l’originale kubrickfooter.jpg ha le dimensioni di 760 x 63 pixel, ma noi dovremo sostituirla con una di dimensioni 740 x 63 pixel.

Conclusioni

Come dicevo all’inizio, questo articolo è per quelli che, come me, non sanno usare un editor di immagini ma sono interessati a provarci.

Spero che vi sia utile, e che vi faccia apprezzare le notevoli possibilità di GIMP, che qui non abbiamo neppure sfiorato.

Se però volete avere subito un’idea del risultato che si può raggiungere con queste piccole modifiche alle immagini di Kubrick, ho preparato tre set di immagini modificate, in tonalità azzurro, verde e rosso, che potete scaricare e provare. Le trovate in kubrickcolors.zip.
A presto!