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 :

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

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

Advertisements

20 réflexions sur “Installer une favicon dans WordPress

  1. dhoko dit :

    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 dit :

    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 :

    PGNvZGU+DQo8IGxpbmsgcmVsPVwiaWNvblwiIHR5cGU9XCJpbWFnZS9naWZcIiBocmVmPVwiPD9waHAgYmxvZ2luZm8oXCdzdHlsZXNoZWV0X2RpcmVjdG9yeVwnKTsgPz4vZmF2aWNvbi5naWZcIiAvPg0KPC9jb2RlPg==

    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. ThaNerd dit :

    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…

  4. daria dit :

    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…

  5. dhoko dit :

    😐 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…

  6. ThaNerd dit :

    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

Les commentaires sont fermés.