Come aggiungere una favicon al proprio sito (anche WordPress)

Come aggiungere una favicon al proprio sito (anche WordPress)

La favicon (favorite icon, icona preferita) non è altro che un’icona, cioè un file immagine con estensione .ico o .png, che si pone nella root del nostro server al fine di essere mostrata ai visitatori. Di solito si tratta di un’immagine rappresentativa del sito in questione, che può richiamare il logo del portale o un altro elemento fortemente caratterizzante. La maggioranza dei browser in circolazione è in grado di visualizzare questo elemento, a fianco della barra degli indirizzi o (come avviene in Firefox) a fianco del titolo della pagina.

Secondo il W3C, questo tipo di elemento per essere implementato deve essere linkato nella pagina HTML attraverso un tag <link> come esemplificato di seguito:
<link rel="icon"
type="image/png"
href="http://miosito.itm/miafavicon.png">

Come creare una favicon

La procedura per creare una favicon è di fatto molto semplice: se salviamo un’immagine in formato icona, ad esempio 64×64 o 32×32 (quindi di forma quadrata), basterà uploadarla via FTP sul nostro sito nella root o cartella principale (dove c’è il file .htaccess, per intenderci). Nei siti moderni, tuttavia, si tiene spesso conto della multi-risoluzione della favicon, per cui si creano più dimensioni diverse, si aprono come livelli (ad esempio in GIMP) e si esporta tutto come immagine unica.

La procedura dettagliata per farlo è spiegata qui (in inglese).

Come inserire la favicon in WordPress

Di norma basta aprire l’editor del proprio , ed inserire nel file header.php prima del tag </head> il seguente frammento di markup:

<link rel="icon"
type="image/png"
href="http://miosito.itm/miafavicon.ico">

avendo cura di caricare preventivamente il file della favicon creata via FTP nella root del nostro sito (htdocs, www, ecc. a seconda dei server).

Come inserire la favicon in WordPress (versioni recenti)

Aggiornamento: nella nuova versione di WordPress, a partire dalla 4.3 in poi, la funzionalità di aggiunta della favicon è stata molto semplificata. Infatti basta andare dal pannello di amministrazione su Aspetto, e poi cliccare su Personalizza (l’indirizzo univoco corrispondente a questa sezione è wp-admin/post.php).

A questo punto bisogna andare su Denominazione del sito, e fare clic su di esso.

Ora non vi resta che impostare la favicon direttamente come immagine, caricandola nel formato indicato (si raccomanda quadrata di almeno 512 x 512 px), così come indicato nell’immagine.

 

(fonte: W3C, Photo by ArchiM )

Ti piace questo articolo?

0 voti

Su Trovalost.it puntiamo sulla qualità dei contenuti da quando siamo nati: la tua sincera valutazione può aiutarci a migliorare ogni giorno.