Qu’est-ce qu’une favicon et comment l’utiliser sur son blog WordPress

Qu’est-ce qu’une favicon et comment l’utiliser sur son blog WordPress

Quand vous surfez sur le net, vous pouvez voir une petite image à gauche de l’adresse du site. On appelle cette image une favicon, contraction de l’anglais « favorites icon ». Mais à quoi sert une favicon ?

Qu’est-ce qu’une favicon ?

Cette favicon est une image carrée de 32 pixels de côté. Elle permet de donner une petite touche plus aboutie à n’importe quel site. C’est pour certains un détail mais une favicon fait toujours son effet !

Nous allons maintenant voir comment installer facilement cette favicon sur un blog WordPress.

Comment ajouter une favicon sur un blog WordPress ?

Pour ajouter une favicon sur un blog WordPress, il faut modifier le code du thème directement. Dans le dossier de votre thème, ajoutez l’image (carré de 32 px de côté) que vous souhaitez utiliser comme favicon.

Le mieux est de la nommer favicon.gif, .png ou.jpg selon le format de l’image que vous utilisez.

Le format .png vous permet d’utiliser une image avec effet de transparence, comme pour la favicon de Twitter par exemple. Je vous conseille d’utiliser le format png pour votre favicon.

Ensuite, ouvrez le fichier header.php toujours situé dans le même dossier pour l’éditer.

Insérez le code suivant en dessous de la ligne commençant par <title> :

<link rel="icon" type="image/png" href="<?php echo bloginfo('template_url'); ?>/favicon.png" />

N’oubliez pas de modifier le nom de fichier de votre favicon : dans mon cas, c’était favicon.png. Enregistrez ensuite le fichier header.php, et votre favicon devrait apparaître en face de l’adresse de votre blog WordPress.

Vous aimez cet article ? Partagez-le :

Cathy

LunaCat Studio crée des blogs WordPress beaux et fonctionnels pour ses clients, les aide à augmenter le trafic vers leur blog et à fidéliser les lecteurs. Sur ce blog, retrouvez tous les conseils et astuces pour bien bloguer.

4 Commentaires
  • MamaFunky

    27 octobre 2010 à 14 h 02 min Répondre

    Merciiiiii
    Un pas de moins « cheapouille » pour mon blog grâce à toi !!

    • Cathy

      27 octobre 2010 à 17 h 52 min Répondre

      Cheapouille, je ne m’en lasse pas 😛 !

  • Begonia

    31 octobre 2010 à 14 h 52 min Répondre

    Je me permets d’ajouter un complément d’info : pour que le favicon s’affiche dans tous les navigateurs (y compris cette daube d’IE) et s’affiche également dans les blogrolls qui utilisent les flux RSS, il faut que l’image soit au format .ico et soit nommée favicon.ico (sans autre fantaisie). Elle doit être placée à la racine du site directement.

    • Cathy

      1 novembre 2010 à 17 h 16 min Répondre

      Tu as tout à fait raison. Et l’ajout de ce favicon.ico permet aussi d’augmenter la rapidité de WordPress !

Commenter