Geekissimo

Come creare ed inserire una favicon nei blog WordPress

 
Andrea Guida (@naqern)
24 Novembre 2007
29 commenti

Le favicon sono quelle piccole icone che appaiono nella barra degli indirizzi e nelle schede dei browser, rappresentando graficamente un determinato sito/blog.

Oggi vediamo insieme come crearne una ed inserirla in un blog WordPress. Ecco i facili passi da fare:

1. Utilizzare generatori web come Favicon Generator o Favikon per creare una propria icona personalizzata.

2. Caricare l’icona generata sul proprio server WordPress, precisamente nella cartella public_html utilizzando un qualsiasi client FTP.


3. Inserire <link rel=”shortcut icon” href=”favicon.ico” /> nel file header.php.

4. Salvare la cartella header.php.

Et voilà, adesso basterà ricaricare il proprio blog in un qualsiasi browser e la nuova favicon sarà ben visibile per chiunque. Più facile di così?!

Fonte: Newest on the Net

Potrebbe interessarti anche
Articoli Correlati
Come utilizzare lo stile capolettera in blog e siti web

Come utilizzare lo stile capolettera in blog e siti web

Come è noto (e non bisogna certo essere dei geek per saperlo), così come nel resto della nostra società, anche nel mondo del web l’occhio vuole la sua parte. Di […]

San Valentino: icone, sfondi, cartoline, temi e tanto altro gratis per festeggiare con i nostri amati!

San Valentino: icone, sfondi, cartoline, temi e tanto altro gratis per festeggiare con i nostri amati!

Ormai manca davvero poco all’arrivo di San Valentino, la festa degli innamorati, e noi non possiamo che festeggiarla in modo geek! Eccovi quindi una mega collezione di icone, sfondi, temi […]

MyUstats: Widget per mostrare le statistiche del proprio sito o blog

MyUstats: Widget per mostrare le statistiche del proprio sito o blog

Torniamo a parlare di Blog. Nonostante molti siano contrari a rendere pubbliche le proprie statistiche e le custodiscano gelosamente, è innegabile che queste, soprattutto se di buon livello, destano nella […]

10 temi natalizi gratuiti per i vostri blog WordPress

10 temi natalizi gratuiti per i vostri blog WordPress

Ormai siamo in pieno clima pre-natalizio ed “addobbare” il proprio blog per le festività è sempre un’idea carina, sia per vivacizzarlo che per rendere più piacevole la navigazione in esso. […]

CSSEZ, nuovo ottimo generatore on-line di temi per WordPress e MovableType

CSSEZ, nuovo ottimo generatore on-line di temi per WordPress e MovableType

Come già giustamente sottolineato più volte, oltre i contenuti (che sono la cosa fondamentale), in un blog anche l’occhio vuole la sua parte e quindi un tema grafico bello da […]

Lista Commenti
Aggiungi il tuo commento

Fai Login oppure Iscriviti: è gratis e bastano pochi secondi.

Nome*
E-mail**
Sito Web
* richiesto
** richiesta, ma non sarà pubblicata
Commento

  • #1Gianka

    Ciao, in wordpress ho inserito la favicon.ico sia nella root che nella cartella del tema, il link il link l’ho inserito nel file header.php, ma non c’è verso… qualcuno mi può indicare esattamente le posizioni dei due elementi per cortesia?
    Grazie e ciao
    Gian

    24 Nov 2007, 12:22 pm Rispondi|Quota
  • #2Shor

    @gianka: purtroppo il codice inserito si visualizza male, leva il tag “strong” sia all’inizio che alla fine

    provo a rimetterlo qui:

    24 Nov 2007, 12:31 pm Rispondi|Quota
  • #3Gianka

    macchè… possibile?

    24 Nov 2007, 12:36 pm Rispondi|Quota
  • #4Shor

    hai messo il codice qui sopra nell’head del tuo file header.php?

    inserisci il percorso completo dove sta la tua favicon e vedi se si visualizza prima, per esempio de clicchi su https://www.geekissimo.com/wp-content/themes/geekissimo/images/favicon.ico la mia favicon

    24 Nov 2007, 12:51 pm Rispondi|Quota
  • #5Gianka

    il percorso, il mio, corretto è questo:
    http://www.kerobe.com/wp-content/themes/unsleepable_v.2.0/favicon.ico, e la vedo correttamente…

    24 Nov 2007, 12:55 pm Rispondi|Quota
  • #6Gianka

    ok ok, tutto bene, grazie mille! E buon weekend.
    Gian

    24 Nov 2007, 1:02 pm Rispondi|Quota
  • #7Shor

    bene 🙂

    24 Nov 2007, 1:08 pm Rispondi|Quota
  • #8Pierfo

    ciao shor…. stavo spulciando alcuni articoli su wordpress etc… mi sono imbattuto in questo…
    nn riesco a farla apparire….(l’icona)…
    ho creato l’icona, l’ho messa nella cartella del tema/images…
    poi però nn ho capito cosa devo fare nella cartella header.php…. se hai tempo mi potresti aiutare????

    27 Dic 2007, 1:40 pm Rispondi|Quota
  • #9Pierfo

    nn riesco proprio!!!

    27 Dic 2007, 1:40 pm Rispondi|Quota
  • #10Francesco

    Ciao, non trovo la cartella public_html, cosa posso fare? c’è sempre un modo?
    Grazie.

    16 Gen 2008, 3:40 pm Rispondi|Quota
  • #11igor the best

    sarà che sono ignorante ma io tutte quelle cartelle “public_html” e “header.php” non le trovo proprio!! dove c’è da guardare?! HELP

    25 Gen 2008, 6:48 pm Rispondi|Quota
  • #12Vict90

    allora ragazzi l’immagine dovete upparla in “images” del vostro tema… (si trova in wp contenent/themes/nome del vostro tema
    mentre quel codice dovete incollarlo nel file “header.php” che si trova nello stesso percorso di prima.
    Ciao!

    27 Gen 2008, 11:49 pm Rispondi|Quota
  • #13Francesco

    Niente, ho provato in tutti i modi: ho inserito la icona favicon.ico nella cartella “images” del mio tema (quello di default) ed ho incollato quel codice in “header.php” del mio tema, prima in alto, poi in basso alla fine, ma non succede niente. Cosa posso fare?

    3 Feb 2008, 10:29 am Rispondi|Quota
  • #14Shor

    non la devi inserire nella cartella images, ma allo stesso livello della index 😉

    3 Feb 2008, 12:31 pm Rispondi|Quota
  • #15Francesco

    Guarda, ci ho provato proprio adesso, ho messo l’icona nella cartella principale del mio tema, e niente. Poi ho messo l’icona nella root del mio blog e ancora niente.
    A sto punto non so più che fare, se avrete qualche suggerimento sarà ben accetto.
    Grazie per il supporto, fino ad ora.

    5 Feb 2008, 3:56 pm Rispondi|Quota
  • #16Francesco

    OK, non so come, ma tutto si è risolto da solo, sarà stata l'ultima mia azione quella decisiva.

    Grazie Shor, davvero tanto, il tuo aiuto è stato determinante.

    Ciaoo.

    6 Feb 2008, 6:22 pm Rispondi|Quota
  • #17Mauro

    Ciao
    ho messo la favicon in images, dove c’è index, nella directory di WP, in public_html, ma niente.

    la riga

    la metto così come è scritta in un qualsiasi punto del file header.php?

    26 Apr 2008, 4:39 pm Rispondi|Quota
  • #18Mauro

    fatto!!!

    non copiate la riga com’è scritta sopra, le virgolette vi fregano, riscrivetela in toto.

    26 Apr 2008, 4:41 pm Rispondi|Quota
  • #19dragotony

    @ Mauro:

    seguendo questi passaggi:

    – create la vostra favicon con un editor, ne trovate anche uno via web che vi crea la vostra icona. ricordatevi di nominarla ” favicon.ico”

    -inserite nel vostro sito via ftp o via filezilla la vostra favicon.ico creata, la dovete mettere in http://www.vostro sito.it//wp-content/themes/vostro tema/images/

    -provate a cliccare su http://www.vostro sito.it//wp-content/themes/vostrotema/images/favicon.ico a vedere se viene visualizzata

    – poi andate su header.php che si trova in “editor temi”, qua incollate questo : e dovrebbe andare tutto.

    buona giornata!

    Dragotony

    24 Set 2008, 11:14 am Rispondi|Quota
  • #20Luciano

    Grazie mille,
    dopo un’ora di “combattimento”, grazie a voi ce l’ho fatta anch’io!

    Grazie infinite!
    Luciano

    2 Dic 2008, 8:28 pm Rispondi|Quota
  • #21tv on line

    ciao ci sto provando di tutti i modi.. ma nn ci riesco.. chiedo aiuto!!

    9 Dic 2008, 7:44 pm Rispondi|Quota
  • #22kabayantimes

    prova a mettere questo codice dentro la :

    <link rel=”shortcut icon” href=”/favicon.ico” >

    Inserisci il favicon.ico dentro il tuo tema (fuori dalla cartella ‘images’).

    Vedrai che funzionerà!

    7 Gen 2009, 5:52 pm Rispondi|Quota
  • #23Opinioni in Corso

    Si ma in buona sostanza è una di quelle cose ad appannaggio esclusivo di chi ha un dominio. Cosa dovrebbero fare coloro che hanno un blog wp gratuito? Non avere la favicon sulla barra di FF…

    4 Mar 2009, 9:37 am Rispondi|Quota
  • #24Drakon182

    complimenti, certo, sarò io stupido a volere a tutti i costi una favicon, però anche voi, non è un metodo sicuro! diamine ora mi è morto tutto il templates del sito e pensare che ho provato con backup di ogni genere, niente, un errore inconcepibile … controllate coi vostri occhi il link l’ho messo, basta clicckare sul nome, ora cerco di rifare tutto da capo con la nuova versione del tema iNove 1.4.5 . potete anche non approvare questo commento, come volete, ma tanto il danno ormai è fatto.

    13 Lug 2009, 11:11 am Rispondi|Quota
  • #25Lan

    Il procedimento descritto in questo post è esatto, ricordatevi però di cancellare la cache di Wp-SuperCache sè installato e cancellare la cache del browser, altrimenti non funziona.
    Ciao

    22 Gen 2010, 1:47 pm Rispondi|Quota
    • #26Drakon182

      xD scusami, scrivevo in un momento di pura idiozia… Quello è il vecchio sito e anche se fosse partito via del tutto me ne sarebbe importato poco… ho risolto tutto al meglio, ho fatto una stupidata io. Grazie, la guida era impeccabile come sempre, scusa ancora per la sclerata. Continuate così

      23 Gen 2010, 3:30 pm Rispondi|Quota
  • #27Giainel

    Perfetto, funziona! 🙂

    7 Ago 2010, 7:39 pm Rispondi|Quota
  • #28Favilandia

    Ottimo articolo!
    Un piccolo appunto, se me lo consenti: il codice da te descritto deve essere posto tra e .
    Ciao!

    28 Feb 2015, 6:44 pm Rispondi|Quota
    • #29Favilandia

      Ottimo articolo!
      Un piccolo appunto, se me lo consenti: il codice da te descritto deve essere posto tra
      “” e “”
      Ciao!

      28 Feb 2015, 6:47 pm Rispondi|Quota