Comment installer une favicon sur votre blog Wordpress

Je me doute bien que pour pas mal d’entre vous le sujet peut paraître simplissime, mais voyez-vous, il y a peu, je ne savais même pas ce qu’était une favicon. Alors, je me suis dit que je me devais de partager ce petit truc en plus avec tout le monde ! ;)

Alors qu’est-ce qu’une favicon ? Voilà la réponse de Wikipédia !!

“Une favicon est une icône mise à disposition par un site Web pour enjoliver, en particulier dans les navigateurs Web, les endroits où ce site est mentionné. Cette icône pourra être utilisée dans la barre d’adresses ou de titre, les favoris (le terme est d’ailleurs un mot-valise né de la contraction de « favorites » et « icon »), les onglets, ou autres raccourcis.

Le nom vient du fait que ce concept a commencé à être utilisé avec le navigateur Internet Explorer de Microsoft, où il fallait utiliser un fichier /favicon.ico placé à la racine du site.”

OK ? Alors pour faire simple, la favicon c’est la petite icône que l’on voit à gauche de l’adresse URL dans votre navigateur.

Et comment fait-on pour l’installer ?

En fait, c’est assez simple. Vous devez insérer le code suivant dans le de votre document:

Bien sûr, n’oubliez pas de modifier le nom de votre fichier .png pour y mettre l’URL de votre icône. Sur Wordpress, il suffit d’aller dans l’ongletr “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.

A bientôt

fran6

Si cet article vous a plu, n’hésitez pas à vous abonnez au blog !

powered by performancing firefox

19 Commentaires pour “Comment installer une favicon sur votre blog Wordpress”


  1. 1

    Très bon petit dictatiel! C’est simple, clair et efficace… bref comme un Macintosh ;)

    http://www.jbonnal.com
  2. 2

    J’aurais plutôt tendance à dire UN favicon mais bon…

    http://3couleurs.blogspot.com
  3. 3

    Malheureusement ce n’est pas le cas ;) C’est bien UNE favicon, comme UNE icône…

    http://www.fran6art.com/
  4. 4

    Hello et merci pour ce p’tit tuto! :)

    a+

    ps : sympa le contenu du site..

    http://www.eyes-wide-shoot.be
  5. 5

    Merci du compliment !!! A très bientôt
    Fran6

    http://www.fran6art.com/
  6. 6

    De rien :)
    Je debarque dans ce monde rempli de PHP, SQL, wordpress, code, balises…
    Quand je trouve un truc interressant et clair, j’le dis :)

    bonne continuation!

    Tom

    http://www.eyes-wide-shoot.be
  7. 7

    C’est vrai que c’est pas toujours évident !!! :D Faut prendre son temps, pas se prendre la tête et scruter à gauche et à droite ce qui se fait… J’ai quelques longueurs d’avance peut-être mais c’est sûr que c’est long tout cet apprentissage !!!

    http://www.fran6art.com/
  8. 8

    A qui le dis tu… (argh)

    a+
    Tom.

    http://www.eyes-wide-shoot.be
  9. 9

    Hello,

    Merci pour ton conseil mais pour moi cela ne marche pas! J’ai une interface pour laquelle je n’ai pas accès au header.php… Je crois qu’il faudrait pour cela que j’achète de quoi modifier le css non?

    NB: il ne s’agit pas du site que j’ai mis en lien ici mais un autre sur lequel je travaille et qui n’est pas encore pr^t…

    Merci pour le conseil en tout cas et d’avance pour ton aide! :-)

    http://bhrumeur.blog.lemonde.fr
  10. 10

    Tiens merci ! :)

    http://blog.leskimo.net
  11. 11

    Bonjour,
    Je vous félicite pour votre site.
    En réalité, j’ai un problème. Ce que vous me montrer sur cette page, l’onglet “Présentation”, “Editeur de Thèmes” je n’en dispose pas sur mon site d’admin wordpress. Comment dois-je faire pour pouvoir accéder à ces fonctions?

    D’avance, un très très grand merci!
    John

    John , le 3 mai 2008 à 0:14
  12. 12

    John > Elles sont normalement par défaut… Tu pourrais me faire une copie d’écran pour voir ce que ça donne ?

    http://www.fran6art.com
  13. 13

    Merci pour l’astuce. Par contre, essaie de penser la prochaine fois que les internautes bidouilleurs adorent pouvoir copier/coller des morceaux de codes…. ;)

    http://guillaumedethomas.blogspot.com
  14. 14

    je suis hébergé par free et il y a déja un flavicon, quand j’insère la ligne de code ca me donne ca :

    donc si quelqu’un peut m’aider merci beaucoup d’avance :)

    Athalis , le 28 juil 2008 à 11:33
  15. 15

    Merci pour l’astuce. Pour info, j’ai tenté de mettre une icône au format .ico et ça semblait ne pas fonctionner bien que j’ai indiqué type=”image/ico”. Est ce que j’aurais fait une fausse manip ?

    En tout cas, ça fonctionne en png et c’est ce qui compte.

  1. 1 Un Favicon « MacOS X : Le système d’exploitation d’Apple. Pingback on 30 mai, 2007 à 17:16
  2. 2 Installer une favicon dans WordPress » daria blogue Pingback on 27 déc, 2007 à 19:03
  3. 3 Chez Lulu » Un Favicon sur le Blog Pingback on 11 mai, 2008 à 11:24
  4. 4 Le blog de Tom » Note de service: Une icône pour le blog Pingback on 22 juin, 2008 à 15:49

Laisser un commentaire