Feed on
Posts
Comments

Articolo corretto e aggiornato. :-)

Visto che volevo aggiungere una favicon al mio blog ho tradotto l’articolo How to add a favicon in wordpress blog.

Se non sai cosa è una favicon, è la piccola immagine accanto all’URL di questo blog. Questa è una screenshot della favicon di sergejpinka.it (all’interno del cerchio rosso):

foto favicon Aggiungere una favicon ad un blog Wordpress

Se sei interessato a come averne una, ecco come fare. :-)

Step 1.
Prima di tutto hai bisogno di una immagine. Una qualsiasi l’importante è che sia di libero utilizzo e non coperta da copyright.

Step 2.
Vai a FavIcon from Pics.

Step 3.
Carica la tua immagine cliccando sul bottone “Browse” in seguito clicca su “Generate Favicon”.

Step 4.
Dopo che lo strumento di Chami ha generato la favicon, si presenterà con il link del download della favicon. Clicca sul link del download e salva la favicon sul tuo computer.(Se vuoi, puoi anche testare la tua favicon premendo sul bottone “Test in Browser”).

Step 5.
Estrai i contenuti che hai scaricato e carica la tua favicon sul tuo host.

Step 6.
Avrai bisogno di riscrivere il file header.php del tuo blog di wordpress. Lo troverai in “/wp-content/themes/iltuotema/header.php”. Nel suddetto file inserisci:

[sourcecode language='xhtml']

dopo il tag
[sourcecode language='xhtml']

e
prima del tag
[sourcecode language='xhtml']

Step 7.
Salva il tuo file header.php.

Step 8.
Fai un refresh profondo del tuo browser medinate la combinazione dei tasti CTRL+F5. Dovresti vedere l'immagine della tua favicon prima dell'url del tuo blog. :-)

N.B: Se desiderassi cambiare la tua favicon, semplicemente riscrivi il file .ico nuovamente.

18 Responses to “Aggiungere una favicon ad un blog WordPress”

  1. sdamy scrive:

    …se volete vedere la vostra favicon in versione 3d… guardate qui

    http://www.sdamy.com/trasformare-favicon-in-immagine-3d-566.html

    ciao!

  2. Babba scrive:

    Si ma dove si trova il file header.php?

  3. Sergejpinka scrive:

    @Babba: il file header.php si trova nella tua “root”. Per esempio il mio file heder.php si trova in http:///www.sergejpinka.it/header.php (non cercarlo mediante un browser, ti apparirà la pagina “404 – not found”, ma fidati l’URL è corretto).

  4. Pr0v4 scrive:

    Sebrerà una domanda da newbie, ma non riesco proprio a far vedere la favicon che ho appena creato cn il servizio da te suggerito…
    Ho provato anche ad utilizzare la funzione di preview del sito in questione, e devo dire che in effetti sul loro sito la visualizzazione della favicon si vede benissimo, ma non riesco proprio a capire come mai sul mio sito non si possa vedere…

    Avete mica qualche idea???

  5. Sergejpinka scrive:

    @Pr0v4:

    parto dal presupposto che hai fatto tutti i passaggi ed hai cliccato sul pulsante di download.

    Il file che ottieni è un file zippato, lo apri e al suo interno trovi un file di nome favicon.ico
    Estrai tale file sullo sfondo del computer, ‘sì da poter vedere l’immagine di tale file.
    Se non riuscissi ancora a vederlo (ma mi pare assai strano) il file favicon.ico è visibile mediante Raccolta foto di Windows (Windows Vista).
    Se il problema fosse solo nel tuo browser: hai fatto lo Step. 8? Altrimenti potresti provare a chiudere e riaprire il tuo browser.

  6. tomtom scrive:

    Ciao, grazie per la dritta ma non c’è il tag Head <head profile=”.. nel mio tema. Uso anche io l’inove, devo forse applicare il collegamento al file /template/start?

  7. TheKaspa scrive:

    @tomtom

    Guarda, io ho risolto mettendo

    nel file “start.php”, che si trova in wp-content/themes/inove/templates. Metti anche

    se vuoi la versione animata.
    E i due files vanno nella root del sito.

  8. TheKaspa scrive:

    @tomtom
    Guarda, io ho risolto mettendo

    nel file “start.php”, che si trova in wp-content/themes/inove/templates. Metti anche

    se vuoi la versione animata.
    E i due files vanno nella root del sito.

    Riposto perchè prima mi ha tagliato il codice.

  9. Andrea Zandonà scrive:

    ciao..

    io non essendo esperto di programmazione avevo trovato in un post la soluzione in un plugin: favicon-manager

    io ho inserito il logo, ma poi sulla barra dell’indirizzo, prima di http: non mi esce nulla.

    Qualcuno lo ha mai usato?

    Grazie

  10. admin scrive:

    Se ho capito bene utilizzi questo plugin. Probabilmente hai avuto problemi nel seguire la sezione Installation: esattamente quale passo ti crea problemi?

  11. Andrea Zandonà scrive:

    @admin

    ciao..
    bhè è molto semplice da usare, scelgo una immagine, la carico sul mio spazio web, attivo il plugin, ed inserisco il link della foto scelta.
    Però non la vedo nella barra dove inserisci il link.

    Cioè prima di http://
    Ad esempio nel tuo vedo la S prima del link.

    Forse è il plugin che non permette questo ;-)

    ciao e grazie

  12. admin scrive:

    Controlla che nel tuo codice XHTML vi sia presente il tag:

    poiché è quello che mette l’immagine della favicon.
    Inoltre: controlla che il nome dell’immagine sia quello corretto; la mia per esempio è favicon.ico (tutte le favicon hanno l’estensione .ico).

  13. Calidreaming scrive:

    Volevo ringraziare l’admin per l’articolo ho sempre schivato l’argomento per pigrizia e perchè non sapevo come fare, e invece in pochi minuti ho risolto ;)

    io ho tribolato di più a cercare un sito su cui hostare l’immagine, e alla fine ho usato lo spazio di google sites che tanto volevo attivare prima o poi e ho inserito il link così come suggerito nell’header del tema (iKarus nel mio caso).
    Non servono particolari peripezie, si tratta di accedere alla bacheca di WordPress del proprio sito e andare nella sezione Editor del Menù Aspetto, poi tra le varie voci presenti (che dovrebbero essere sulla destra) cercate Testata e inserite il testo indicato subito dopo il tag dovrebbe fungiscere ;)
    saluti e grazie ancora.

  14. Giuseppe scrive:

    Grazie, utilissimo! ;)

  15. Alex76 scrive:

    Ciao,
    ho letto il tuo articolo e funziona alla grande!!
    : ( …mi sono accorto che se clicco su un articolo per leggerlo, caricata la nuova pagina “il file.ico” non si vede piu’…. idee consigli

  16. Sergejpinka scrive:

    Alex76 :

    Ciao,
    ho letto il tuo articolo e funziona alla grande!!
    : ( …mi sono accorto che se clicco su un articolo per leggerlo, caricata la nuova pagina “il file.ico” non si vede piu’…. idee consigli

    cioè non riesci a vedere accanto al tuo url l’immagine della favicon? per esempio: nella tua pagina principale la vedi, mentre in una pagina di un tuo post non riesci vederla, giusto?

    se fosse così ti dire di ricontrollare i passaggi uno ad uno, perchè è assai strano che accada una cosa del genere…

    fammi risapere…

  17. Alex76 scrive:

    Sergejpinka :

    Alex76 :

    Ciao,
    ho letto il tuo articolo e funziona alla grande!!
    : ( …mi sono accorto che se clicco su un articolo per leggerlo, caricata la nuova pagina “il file.ico” non si vede piu’…. idee consigli

    cioè non riesci a vedere accanto al tuo url l’immagine della favicon? per esempio: nella tua pagina principale la vedi, mentre in una pagina di un tuo post non riesci vederla, giusto?

    se fosse così ti dire di ricontrollare i passaggi uno ad uno, perchè è assai strano che accada una cosa del genere…

    fammi risapere…

    Esatto !

  18. Sergejpinka scrive:

    @Alex76
    controlla che il link che affermo di inserire al punto Step 6 sia presente in tutte le pagine.

    Inoltre: controlla che header.php abbia tale tag dei link presente e che header.php sia sempre richiamato da tutte le pagine.

Leave a Reply