WordPress : Ajouter le logo de votre blog sur l’onglet du navigateur internet
Vous l’aurez sans doute remarqué, la plupart des sites internet présentent de petit icône visible sur l’onglet de votre navigateur internet.
Pour exemple celui de WordPress :
Sans aucune action de votre part, vous aurez le nom de votre page web avec une triste petite enveloppe à côté. Comme l’image ci-dessous.
Ce qui peut être un véritable handicap pour ceux qui aiment bien naviguer avec des onglets plutôt qu’avec de nouvelles fenêtres.
Heureusement il est très facile de remédier à cela.
- Il vous suffit de créer l’icône de votre choix.
- Celui-ci doit être carré et mis aux dimensions suivantes : 17×17 pixels. Je sais, c’est très petit, mais nous n’avons pas besoin de plus.
- Il faut le sauvegarder au format .ico et le nommer favicon.ico.
- Enfin, mettez ce fichier à la racine de votre blog.
Voici le résultat :
Attention : pour visualiser les effets de ces modifications vous devrez nettoyer l’historique de votre navigateur.
Ce petit icône apparaîtra également lorsque vous ajouterez votre site dans vos favoris.
-8 Commentaires-
Dans quel dossier de wordpress doit-on mettre le favicon.ico ? sur filezilla pourriez vous me le dire SVP
Dans quel Dossier ?
Bonsoir Jean Christophe,
Le fichier favicon.ico doit être dans le répertoire source. Celui où il y a entre autre index.php ou encore wp-config.php
aller à la racine du blog? c’est à dire?
la racine de ton blog c’est le dossier ou sont tout les autres dossiers de ton blog en gros.
Tu y accède via un logiciel ftp comme filezilla C’est la ou tu a installer wordpress(si tu l’utilise)
Moi j’uploade mes favicons en 512×512 pour avoir une meilleur qualité d’image et compatible retina 😉
C’est top les favicon surtout depuis qu’ils sont visibles dans les résultats de Google.
Vous devez insérer le code suivant dans le header de votre themes wordpress :
Bien sûr, n’oubliez pas de modifier le nom de votre fichier .ico pour y mettre l’URL de votre icône. Sur WordPress, il suffit d’aller dans l’onglet “Présentation”, “Editeur de Thèmes”, choisir le fichier “Entête” ou “header” (header.php) et y coller ce morceau de code entre les deux balises “head”. On mets à jour le fichier et le tour est joué !
Pour la taille du fichier, je vous conseille du 16 x 16 pixels.
Sinon on peut aussi le modifier directement depuis l’admin wordpress en allant dans le menu « personnaliser » 😉