Che cosa è una favicon?
Una Favicon è una piccola icona, delle dimenzioni 16 x 16 px, che identifica graficamente il vosto sito. E' quella piccola immaginina che compare acanto ad un URL quando digitate l'indirizzo.
Aggiungere una favicon personalizzata su Joomla
Se avete costruito un sito con l'ausilio del CMS Joomla, vi ritroverete la favicon predefinita del CMS. Potrete creare con Photoshop la vostra favicon personalizzata ed andarla a sostituire a quella esistente.
La favicon di Joomla si trova all'interno del Template che state utilizzando. Ciascun Template è generalmente corredato della propria Favicon. Nel mio caso, poiché utilizzo il Template "rhuk_milkyway", la mia favicon si troverà all'interno di
"root" --> "Templates" --> "rhuk_milkyway".
(Dove per root si intende la cartella, all'interno del server, che contiene tutti i file di installazione di Joomla).
Per i più esperti, per verificare dove si trova l'attuale Favicon di Joomla, basta digitare l'url della vostra home page sul browser, nel mio caso "www.risorse-web.com", e visualizzare il codice sorgente della pagina.
A questo punto cercate una stringa simile a questa:
Il contenuto dell'attributo "HREF" corrisponde al percorso dove il Favicon risiere.
Una volta che avrete creato la vostra Favicon personalizzata con Photoshop, dovrete recarvi all'interno della cartella del Template che state utilizzando, e sostiture la vostra favicon a quella presente.
Per visualizzare la nuova Favicon sul Browser, cancellate prima i dati in chache del Browser, altrimenti continuerete a visualizzare la vecchia immagine.
Creare la propria Favicon.ico con Photoshop
Per prima cosa si dovrà installare il plug-in adatto che permetterà di salvare l'immagine in fomrato .ico, reperibile qui Plugin Favicon photoshop
Se siete nel dubbio, vi consiglio di scaricare tutte e tre le versioni dei plugin per Windows (ovviamente se state utilizzando Windows).
Una volta scaricati i plugin, recatevi nella cartella plug-in che si trova all'interno della vostra installazione Photoshop. Nel mio caso il percorso era il seguente:
"C:\Program Files (x86)\Adobe\Adobe Photoshop CS4\Plug-ins".
Ovviamente il vostro percorso varierà, a seconda della versione di Windows che avete installata sul vostro Pc. Io ho la versione a 64-bit.
Estraete i file che avete scaricato tutti all'interno di questa cartella. Una volta fatto questo, create sempre all'interno della cartella plug-in una nuova cartella e chiamatela "Favicon". Estraete di nuovo i file scaricate anche dentro questa cartella.
Se vi state chiedendo perché vi ho fatto copiare gli stessi file in due posizioni diverse, la risposta è semplice: perché non sono sicuro quale sia il percorso che Photoshop segue per trovare i nuovi plug-in, se l'uno o l'altro. In questa maniera siete sicuri che che il nuovo plug-in sarà operativo.
Terminati questi passi, potrete creare la vostra Favicon.ico. Una volta disegnata su Photoshop (ricordo che ladimensione deve essere di 16x16 px) andare su "Salva con nome", e troverete nella lista dei formati di file con i quali salvare il vostro lavoro, anche il formato Windows Icon (.ico). Salvare con nome "favicon" e con formato ".ico", ed avrete pronta la vostra Favicon nuova di zecca.
Caricatela sul vostro server all'interno della posizione desiderata (come sopra descritto), ed avrete finito.
|
