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:

  1. Installez l’extension All in one Favicon
  2. Activez l’extension
  3. Téléchargez l’image pour votre Favicon à partir du Tableau de Bord | Médias | Ajouter
  4. Copiez l’adresse web de l’image
    favicon-adresse-web-wordpress
  5. Cliquez sur Tableau de bord | Réglages  | All in One Favicon
  6. Collez le lien de l’image dans chacune des cases (voir l’image)
  7. Cliquez sur Enregistrer les modifications

favicon-extension-wordpress
C’est fait – bravo !

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.

  1. Créez une image pour votre favicon dans n’importe quel logiciel pour créer des images; je préfère Photoshop!
  2. Sauvegardez cette image en format .jpg (ou .png ou .gif)  et nommez-la par exemple favicon.jpg
  3. Allez sur le site http://tools.dynamicdrive.com/favicon/
  4. Téléchargez votre image favicon.jpg et cliquez CREATE ICON
  5. Téléchargez l’image favicon.ico dans votre ordinateur
  6. Téléchargez votre favicon.ico dans votre site à partir de Tableau de bord | Médias | Ajouter
  7. Copiez l’adresse web de l’image (voir l’image ci-dessus)

À partir de votre FTP

  1. Ouvrez le fichier header.php de votre thème WordPress : /wp-content/themes/votretheme/header.php
  2. Ajoutez le code suivant entre les bâlises
  3. Téléchargez le fichier header.php sur le serveur

À partir de votre Tableau de bord

  1. Ouvrez le fichier header.php de votre thème WordPress wp-content/themes/votretheme/header.php à partir de Tableau de bord | Apparence | Éditeur
  2. Ajoutez le code suivant entre les bâlises

header-favicon-wordpress

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

Mon nouveau favicon pour 2015

Voici mon favicon: