déc 27

Installer une favicon dans WordPress

La favicon qui se place à gauche de l’adresse de votre blog dans votre navigateur et même à gauche du nom de votre blog dans un onglet (en tout cas sous Firefox 2) permet à la fois pour vous une touche de personnalisation et pour vos lecteurs une façon discrète de vous identifier plus rapidement.

Donc juste une piqûre de rappel grâce à Fran6 que je remercie :
1) Créer son icône 16X16 (taille recommandée) voire 32X32.
On peut la nommer en .ico ; .gif ; .png tant qu’elle s’appelle favicon (c’est plus facile pour s’en rappeler !)
2) On la place à la racine du blog WordPress via FTP
3) Dans le fichier header.php de son thème au début entre les balises

head

on place un lien du type :

< link rel="icon" type="image/gif" href="http://daria.servhome.org/favicon.gif" />

Bien sûr vous changez l’extension selon celle que vous avez choisi (.ico ; .png ; .gif)… :razz:

Et voilà, c’est ce que j’ai fait en plaçant mon avatar en guise de favicon. C’est plus sympa, non ?

16 Réponses pour “Installer une favicon dans WordPress”

  1. dhoko

    Salut

    Simple comme méthode mais on peut egalement procéder ainsi si par exemple vous avez créé vous même votre thème wordpress et que la favicon est dans le répertoire du thème.
    Voila ce que vous devez mettre à la place :

    /favicon.gif” />

    C’est certes plus long mais si par exemple vous proposez des templates avec une favicon intégré c’est pratique.

    Voila simple et rapide.
    Bon c’est juste si cela vous amuse… lol la méthode précédente est plus simple….

  2. dhoko

    Salut

    Simple comme méthode mais on peut egalement procéder ainsi si par exemple vous avez créé vous même votre thème wordpress et que la favicon est dans le répertoire du thème.
    Voila ce que vous devez mettre à la place :
    < link rel=\"icon\" type=\"image/gif\" href=\"<?php bloginfo(\'stylesheet_directory\'); ?>/favicon.gif\" />
    C’est certes plus long mais si par exemple vous proposez des templates avec une favicon intégré c’est pratique.

    Voila simple et rapide.
    Bon c’est juste si cela vous amuse… lol la méthode précédente est plus simple….

  3. daria

    Merci Dhoko :smile:

  4. B2

    Sympa ^^
    Il y a des sites comme : http://www.htmlkit.com/services/favicon/ qui vous génère la favicon à partir d’une image :)

  5. daria

    Ah oui c’est vrai aussi, merci B2 pour ce rafraîchissement de mémoire :mrgreen:

  6. B2

    hihi ^^
    Moi je garde ce lien bien au chaud, pour ne pas l’oublier :lol:

  7. dhoko

    :neutral: Merde y a un gros bug dans l’affichage du script…

    Voila la il est en clair parceque audessus je sais po pourquoi mais ca a bugger

    :cool: voila
    http://idhoko.free.fr/faviconscript.txt

  8. daria

    Merci pour la maj Dhoko :mrgreen:

  9. ThaNerd

    Il n’est pas OBLIGATOIRE de mettre la balise dans le head. Si le fichier est accessible via http://www.example.com/favicon.ico, internet explorer 5 et ses versions suivantes afficheront cette icône lorsque le site est mis en favoris.

  10. ThaNerd

    En fait, je ne sais pas répondre précisément… Comme l’indique le nom “favicon”, cet élément a fait son apparition sur Internet Explorer 5 (IE est le seul à appeler “favoris” les favoris… Dans le monde de netscape et firefox, c’est “bookmark”). Au départ, donc, il cherchait un favicon uniquement à la racine du site, et c’est tout. Puis vint IE 5.5 et la balise à mettre dans le <head>. Firefox a suivi quelques mois plus tard et a commencé à afficher cette image directement sans avoir besoin de bookmarquer le site. Autre avantage, Frefox acceptait des .gif, .jpeg et .png… Même des gifs animés.

    Je ne sais pas si une version ultérieure d’IE a suiv l’évolution de FireFox, car j’ai cessé totalement de l’utiliser. Et d’ailleurs je suis désormais sous Linux. Donc…

  11. daria

    Ok chef, merci mais c’est vrai que je n’utilise que Firefox voire Flock donc moi non plus IE je ne sais pas trop où il en est…

  12. dhoko

    :neutral: bah de toute facon, IE en matiere de respect des standard c’est pas trop ca, ce que l’on peut mettre dans un code qui fonctionne parfaitement sous IE ne fonctionne pas souvent aussi bien sous un navigateur plus respectuerux des standards. Donc mieux vaut utiliser cette méthode qui à l’avantage de marché sous 100% des navigateurs.
    Avec IE on peut jouer à la simplicité avec l’exemple que tu cite ThaNerd mais ce n’est pas un standard…

  13. daria

    Avec le futur IE8 ça devrait aller mieux… :?:

  14. artistyck

    Merci ! justement je me demandais, il y a 15 jours, comment on fesait ! Merci à vous tous

  15. daria

    De rien :mrgreen:

  16. ThaNerd

    Je réponds à Dhoko (avec 3 mois de retard), ta remarque me fait un peu rire: “mais ce n’est pas un standard”… La version dans le head n’a riend’un standard non plus… Toujours est-il que si les auteurs de Mozilla ont largement amélioré la gestion des favicons, c’est tout de même IE qui a été le premier à se lancer dans la course… Et qui plus est, Firefox — entre autres — vérifie automatiquement l’existence (ou pas) de http://www.domaine.com/favicon.ico pour afficher l’icône s’il n’y a pas d’en-tête shortcut-icon

Participez !

Markup Controls
Emoticons Smile Grin Sad Surprised Shocked Confused Cool Mad Razz Neutral Wink Lol Red Face Cry Evil Twisted Roll Exclaim Question Idea Arrow Mr Green

powered by C4F Textarea Toolbar

Liens similaires: