Favicon WordPress: come posso cambiare l'icona del mio sito?

Se avete installato WordPress di recente, avrete probabilmente notato che non compare alcuna icona nella scheda del browser quando siete sul vostro sito. L'icona che vedete su altri siti si chiama "Favicon". Se si tratta di correggere un problema di branding o di usabilità, seguite questo tutorial di Wordpress che spiega come creare una bella icona per il vostro sito.
Che cos'è una favicon?
Una favicon è la piccola immagine che appare nelle schede dei browser Chrome, Firefox, Edge, ecc. e nel gestore dei segnalibri:
Il file favicon ha sempre lo stesso nome e la stessa estensione: favicon.ico. Viene creato sulla base di un'immagine classica, come vedremo nel prossimo passo.
Creare un'icona in formato PNG
Il primo passo consiste nel creare un'icona in formato PNG della dimensione desiderata, purché sia un quadrato (256x256 pixel, per esempio). È possibile farlo in Photoshop o in qualsiasi altro programma di disegno.
Perché PNG? Perché il formato PNG supporta aree trasparenti, sfumature di colore e non comprime le immagini. È la base migliore per creare una favicon. Detto questo, si può anche partire da un'immagine in formato JPG, JPEG o GIF.
Convertire l'immagine PNG in una favicon
Una volta creata la vostra immagine, andate su favicongenerator.com e seguite questi passaggi:
- Selezionare l'immagine in formato PNG, JPG, JPEG o GIF.
- Cliccate su Generate Favicon!
- Cliccate con il tasto destro del mouse sulla piccola icona e poi su "Salva immagine con nome".
- Salvare l'immagine sul desktop
Aggiungere la favicon a WordPress
WordPress non consente ancora di aggiungere una favicon. Per farlo, è necessario utilizzare un software FTP (File Transfer Protocol) come FileZilla.
Collegatevi al server che ospita il vostro sito WordPress. Per farlo, potete utilizzare il software gratuito FileZilla. Quindi inviate il file favicon.ico alla radice del vostro sito. La radice del sito è la cartella che contiene tutti i file di WordPress. Tra le altre cose, contiene il file index.php. Inserite favicon.ico in questa stessa cartella.
Ricaricate il sito, dopo aver cancellato la cache del browser: la favicon appare ora nella scheda del browser!
Il vostro WordPress ha ora un aspetto ancora più professionale grazie alla vostra icona. Non dimenticate di leggere gli altri tutorial per la creazione di un sito multilingue o per il passaggio del vostro sito WordPress a HTTPS.
Articolo tradotto dal francese