Les Favicons sont ces petites images qui apparaissent dans les navigateurs pour identifier le site. Les Favicons facilitent la navigation et identifie votre site dans les navigateurs en un coup d’oeil. Ils sont faciles à créer et facile à installer. Mais en suivant les directives suivantes, vous devriez y arriver.
Je connais 3 façons d’ajouter un Favicon à votre site :
1. La façon facile avec All in one Favicon
L’extension All in one Favicon est si simple et si facile à utiliser. J’admets que c’est elle qui affiche des favicons sur tous mes sites WordPress. Voici comment le faire:
- Installez l’extension All in one Favicon
- Activez l’extension
- Téléchargez l’image pour votre Favicon à partir du Tableau de Bord | Médias | Ajouter
- Copiez l’adresse web de l’image
- Cliquez sur Tableau de bord | Réglages | All in One Favicon
- Collez le lien de l’image dans chacune des cases (voir l’image)
- Cliquez sur Enregistrer les modifications
2. La façon moins facile avec Header.php
Ici, vous devez être en mesure de modifier votre fichier header.php. L’avantage de suivre cette procédure est que vous n’aurez pas à installer une autre extension. Il faut toujours tenter de limiter le nombre d’extensions que l’on ajoute sur notre site WordPress. Vous pouvez modifier votre fichier header.php à travers votre FTP ou à travers votre Tableau de bord | Apparence | Éditeur.
- Créez une image pour votre favicon dans n’importe quel logiciel pour créer des images; je préfère Photoshop!
- Sauvegardez cette image en format .jpg (ou .png ou .gif) et nommez-la par exemple favicon.jpg
- Allez sur le site http://tools.dynamicdrive.com/favicon/
- Téléchargez votre image favicon.jpg et cliquez CREATE ICON
- Téléchargez l’image favicon.ico dans votre ordinateur
- Téléchargez votre favicon.ico dans votre site à partir de Tableau de bord | Médias | Ajouter
- Copiez l’adresse web de l’image (voir l’image ci-dessus)
À partir de votre FTP
- Ouvrez le fichier header.php de votre thème WordPress : /wp-content/themes/votretheme/header.php
- Ajoutez le code suivant entre les bâlises
- Téléchargez le fichier header.php sur le serveur
À partir de votre Tableau de bord
- Ouvrez le fichier header.php de votre thème WordPress wp-content/themes/votretheme/header.php à partir de Tableau de bord | Apparence | Éditeur
- Ajoutez le code suivant entre les bâlises
La patience
Si vous installez un Favicon – ayez patience. Vérifiez votre site dans différents navigateurs comme Chrome, Firefox ou Safari. Si vous modifiez le fichier header.php, cela peut prendre jusqu’à 24 heures pour s’afficher dans votre navigateur. Chaque navigateur a son propre rythme pour télécharger les Favicons. D’après mes installations, Safari reconnaît le favicon immédiatement. De même pour Firefox
Merci pour cet article !
Pour ma part, j’utilise: http://www.favicon.cc/?
Très pratique et facile d’utilisation pour créer son favicon.
Il réduit tout seul votre logo et cela évite de créer une image 48×48 avant soumission. Si le résultat ne vous plait pas (ou qu’à moitié ;-), vous aurez la possibilité de retoucher directement et facilement les couleurs,…
Outils bien pratique !
Très belle journée à tous et bonne création 😉
Yeah!!! Enfin un tuto simple et accessible à ceux qui n’y connaissent rien au code comme moi ^^
All in one favicon a été d’une simplicité déconcertante grâce à tes conseils, merci!
Merci pour le tuto
j’ai appliqué la première méthode et c’est parfait!!!
J’ai utilisé la méthode 1. Ça m’a pris 2 minutes. Excellent tutoriel. Merci.
Sinon le plus simple c’est d’uploader le favicon dans le repertoire du thème utilisé, au premier niveau cela suffit.
Ex :
/mon_domaine/wp-content/themes/mon-theme/favicon.ico
C’est automatique par défaut sauf si votre fichier header.php contient déjà une adresse de favicon.
j’essaye d’appliquer la méthode 1, j’ai téléchargé All in One Favicon, ajouté mon favicon en .gif au Média par contre je ne trouve pas du tout All in One Favicon dans mon Réglage!(pourtant j’ai dézippé le fichier…)
pouvez-vous m’aider?
Merci pour ce tuto
C’est vraiment bien expliqué!
Mais il se trouve que cela fonctionne uniquement quand une session WP est ouvert.
Une fois déconnecté, le Favicon n’apparaît plus.
Si quelqu’un peut me dire pourquoi, ce serait cool.