Installer un favicon pour son blog en 10 minutes
Dans ce post je vais vous montrer comment ajouter facilement un favicon, animé en plus, à votre blog si vous avez déjà un logo. C’est très facile.
Mais tout d’abord, un favicon c’est quoi ?
C’est la petite image que vous pouvez voir à gauche de l’url de la page visualisée dans votre navigateur web. Parfois elle bouge. C’est un favicon animé. Je vous propose de vous montrer comment en ajouter un à votre blog.
Uploader une image pour créer le favicon
Ouvrez la page http://favicon.htmlkit.com/favicon/ dans votre navigateur web.
Cliquez dans le champ proposant le téléchargement de l’image ou sur le bouton Parcourir et sélectionnez votre logo grâce à la fenêtre qui s’ouvre pour trouver un fichier sur votre disque dur.
Une fois sélectionné cliquez sur le lien Download FavIcon Package.
Comme vous pouvez le voir sur ce site, vous pouvez customiser le favicon.
Enregistrez le fichier ZIP, dézippez-le. Dedans il y a 3 fichiers. Deux images et un fichier instruction.
Installer le favicon sur votre blog
Avec votre client FTP, téléchargez les deux images à la racine de votre blog.
Puis, dans la console WordPress, cliquez sur le menu Appearance / Editor.
Sélectionnez le thème Mystique grâce à la liste déroulante en haut à droite intitulée Select theme to edit (il faut cliquer sur le bouton Select).
Dans la liste des liens à droite cliquez sur Header.
Cela va vous permettre d’éditer le fichier qui affiche l’entête de votre blog.
Placez les lignes suivantes avant la balise </head>.
<link rel="shortcut icon" href="favicon.ico" > <link rel="icon" type="image/gif" href="animated_favicon1.gif" >
Et cliquez sur le bouton Update File.
Ça y est, votre favicon est installé. Vous pouvez aller voir sur votre blog le favicon s’afficher et s’animer.
Attention : les modifications seront écrasés si vous mettez à jour le thème Mystique.
La prochaine fois nous verrons comment modifier la feuille de style de votre blog.
À bientôt.
Crédits images :
Comments ( 5 )