Home / Webmaster / Inserire favicon in wordpress

Inserire favicon in wordpress

Le Favicons sono immagini piccoline che si vedono avanti all’indirizzo web sulla barra degli indirizzi di un sito,  per intenderci la “S” che vedi su questo sito :). La favicon, ha delle dimensioni specifiche (16×16 pixel), vediamo ora come crearla:

Crea o seleziona un’immagine (anche grande) che vorresti utilizzare per questo scopo (chiaramente più che un’immagine dev’essere un simbolo date le piccole dimensioni che avrà), vai a FavIcon from Pics e carica la tua immagine cliccando sul bottone “Browse” in seguito clicca su “Generate Favicon”.

Quando termina l’elaborazione, la tua immagine é pronta ed avrai  il link per il download della favicon, cliccaci e salva il file sul tuo pc.
Estrai il file che hai scaricato e carica la tua favicon (file “.ico”) tramite ftp o tramite il pannello del tuo spazio web in qualunque posizione del sito, ma prendi nota di dove la metti. Se ad esempio la inserisci nella cartella principale dove hai installato wordpress, allora l’indirizzo della tua favicon sarà http://www.tuosito.xx/favicon.ico altrimenti in base alla cartella che utilizzi varierà chiaramente l’indirizzo.

A questo punto, dovrai modificare il file “header.php” del tuo tema inserendo la stringa:

<link rel="icon" href="http://www.tuosito.xx/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="http://www.tuosito.xx/favicon.ico" type="image/x-icon" />

Una volta apportate queste modifiche, e salvato il file header.php, aggiorna la tua pagina e vedrai finalmente la tua favicon sulla barra degli indirizzi!

Leggi anche

Tema WordPress Webslee Italiano

Ho tradotto questo nuovo tema per WordPress perché mi ha colpito la sua grafica, é …

7 comments

  1. Grazie per le istruzioni, ho provato a fare come hai riferito ma niente

    eppure:
    – il facivon.ico è effettivamente stata upladata via ftp e risulta da http://www.miosito/favicon.ico che ho sistemato in

    nell’header dell’html e dopo il title

    Ho provato
    – ad aggiornare + volte la pagina ma niente
    – a caricare la tua favicon nel mio blog e funziona (?)
    – a realizzare la favicon on un altro programma
    http://www.rw-designer.com/online_icon_maker.php
    ma niente
    – a sistemarla prima del DocType come hai fatto tu in questo blog ma niente
    – a caricare su una semplice pagina html con

    anche inserendo lo slash alla fine.. ma niente.. eppure sta benedetta favicon la vedo nella barra degli indirizzi quando digito
    http://www.miosito/favicon.ico

    Boo.. non so perchè non funziona..

  2. Poi non ho capito perchè in altri siti vedo la favicon ma non la trovo nell’Html (?)

  3. Ma tu la vedi la favicon digitando solo l’indirizzo dove l’hai caricata? se si dovresti vederla anche seguendo la procedura descritta qui, controlla bene, ed assicurati di aver inserito il codice tra i tag del tuo blog. Ho visitato il tuo blog, e si vede la favicon…hai risolto o ti riferivi ad un altro sito?

  4. Ciao scusa.. ma avevo perso il link del tuo blog tra mille navigazioni.. l’ho rintracciato dalle statistiche.. no adesso funziona.. ossia.. ha funzionato solo il giorno dopo e dopo aver provato ad inserire una favicon da 32×32..

    Quello che mi domando ancora è come fanno alcuni siti a far visualizzare la loro favicon senza che sia presente

    Grazie per la tua disponibilità

  5. sia presente il codice html che hai riportato su nel tuo articolo 🙂

  6. Non devi scusarti 😉 anzi ti ringrazio perché sei il primo commentatore di questo nuovo blog, riguardo alla tua domanda, mi dispiace ma non saprei dirti come fanno 🙂

  7. Ciao a tutti e grazie per l’aiuto…
    Ma nonostante abbia fatto come dite su firefox 3.6 la favicon non si vede…

Lascia un commento