Gen | 09
16
Venerdì
Anche l'occhio vuole la sua parte... Come modificare le immagini di un template |
 |
 |
|||
|
Autore :
Cassy - Angela Munno » Questo articolo è stato letto: 55817 volte » |
|||||
| Guide - Joomla 1.5 | |||
 Quando la voglia di pixel incombe e la parola d’ordine è “personalizzazione”, non ci resta che rivoluzionare, impreziosire, firmare con la propria creatività un template. In questo articolo scopriremo come sostituire le immagini e cambiare look al vostro sito. Mano alla tavolozza, allora! E anche a qualche strumento che vi illustrerò tra qualche riga.Alt! Identificarsi! La prima cosa da fare per modificare le immagini incluse in un template è costringerle a darvi la loro carta d’identità. In poche parole, abbiamo bisogno di sapere come si chiamano e dove abitano, ovvero in quale cartella del nostro tema sono contenute. Per riconoscerle abbiamo diverse strade. Ve ne illustro un paio. La prima è quella che ci fa collegare al nostro server con un client ftp, come può essere FileZilla, e scaricare la cartella images del template sul proprio PC per apprenderne i nomi, le dimensioni e apportarvi tutte le modifiche che vogliamo. In questo modo possiamo annotare le dimensioni dell’immagine insieme al nome e crearne una nuova. La cosa importante da tenere presente è che la nostra nuova immagine deve avere le stesse dimensioni e lo stesso nome dell’originale. Dunque, ricapitolo con i seguenti screenshots.   Facciamo un esempio concreto. Mettiamo il caso di voler modificare un template a caso, Back to nature. Di questo template ipotizziamo di voler modificare l’header, quella contrassegnata in rosso nella seguente immagine:  Apriamo la cartella “images” attraverso FileZilla, scarichiamola e andiamo a verificarne il nome e le dimensioni. Scopriremo che si tratta dell’immagine “banner.jpg” e che la sua dimensione è: 980x190. Ora, se vogliamo modificarla, creeremo una nostra immagine e la chiameremo proprio “banner.jpg” e le assegneremo le dimensioni di quella originale (980x190). Una volta fatto questo, non ci resta che sostituire l’immagine nella directory del template effettuandone l'upload tramite il programma FTP; ad esempio, per modificare l'immagine della testata del template appena visto, è necessario sostituire l'immagine avente il seguente percorso relativo: /templates/back_to_nature/images/green/banner.jpg In pratica, apriremo FileZilla e trasferiremo la nostra immagine, che abbiamo chiamato banner, nella cartella images del template in uso:  L’esempio ci mostra come cambiare l’header di un template, ma in realtà possiamo fare la stessa operazione con tutte le altre immagini che troviamo all’interno della cartella in questione. Chiudo l’articolo illustrando un’altra possibilità per conoscere i nomi e le directory delle nostre immagini. Si tratta di un metodo veloce e, alcune volte, di un’operazione preliminare che potrebbe tornarci utile. Chiamo in causa l’estensione per Firefox (indispensabile compagno di viaggio per un webmaster) che ci permette di conoscere già dal front-end di un sito le caratteristiche delle immagini che visualizziamo. Sto parlando dell’estensione Web Developer che possiamo scaricare qui . Una volta installata, la troveremo nel menu Strumenti. Quindi seguiamo il percorso: Strumenti/Web Developper/Immagini/Mostra percorsi immagini. Vedremo comparire la relativa cartella di ogni singola immagine e il suo nome. In questo modo, quando apriremo FileZilla, sapremo già cosa cercare e scaricarlo in maniera più immediata. Ed infine, vi segnalo il servizio che troverete su questo sito. Si tratta di Cromatiste, il generatore automatico di Template. Avrete la possibilità di personalizzare il template in pochi click e tutto online. Come sempre… buon lavoro! Angela Munno -Cassy-  Commenta questo articolo sul forum
Articoli più recenti:
|
