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






Très bon petit dictatiel! C’est simple, clair et efficace… bref comme un Macintosh
J’aurais plutôt tendance à dire UN favicon mais bon…
Malheureusement ce n’est pas le cas
C’est bien UNE favicon, comme UNE icône…
Hello et merci pour ce p’tit tuto!
a+
ps : sympa le contenu du site..
Merci du compliment !!! A très bientôt
Fran6
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
C’est vrai que c’est pas toujours évident !!!
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 !!!
A qui le dis tu… (argh)
a+
Tom.
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!
Tiens merci !
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 > Elles sont normalement par défaut… Tu pourrais me faire une copie d’écran pour voir ce que ça donne ?
Merci pour l’astuce. Par contre, essaie de penser la prochaine fois que les internautes bidouilleurs adorent pouvoir copier/coller des morceaux de codes….
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
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.