129 vues sur cet article

Mettre un favicon sur votre blog WordPress (pour les nulles)

Re! Eh oui! Deux articles dans la journée c’est jour de fête! Rien avoir avec la beauté cette fois ci, je vous propose un petit tuto WordPress… (je suis chez moi, je fais c’que j’veux) c’est surtout que j’ai galéré pendant deux heures pour comprendre un truc super simple, alors je me suis dite: Tu dois absolument faire un sujet là dessus pour les handicapés de WordPress comme moi! (on est entres filles hein! On est des cruches c’est bien connu) D’ailleurs je l’avais dit que quelques fois j’allais parler informatique… (ma grande passion depuis des lustres)

Donc, comme vous pouvez le constater, une petite image est apparu à gauche dans votre navigateur web: C’est un favicon. (mimi n’est ce pas?) Comme cela, si vous avez plusieurs fenêtre ouverte, y compris la mienne, vous savez ou je suis sans avoir à lire (idéal pour les faignasses)

Évidemment je m’adresse aux détentrices de blog WordPress… Pour les autres je sais pas faire… Désolée!

Donc je vais procéder étape par étape les filles, tachez de ne pas vous perdre en route!

1- Créez un petit icône carré en rapport avec votre blog (par exemple moi c’est ma petite bonne femme mais vous pouvez tout aussi bien y mettre l’initiale de votre blog)

2- Allez sur ce site www.html-kit.com il vous permettra de mettre votre icon au format ICO et à la bonne taille, comme ça pas besoin de le faire vous même! On va vous demander d’aller chercher votre icon sur votre ordinateur puis il faudra cliquer sur « Add another Image ». Il ne vous restera plus qu’à cliquer sur « Download » pour télécharger votre fichier. Le décompresser (il sera au format zip) et mettre votre « favicon.ico » par exemple sur votre bureau.

3- Ensuite ouvrez votre site ftp et mettez votre favicon.ico à la racine du blog (là ou il y a  « index.php » etc etc) Toujours sur le site ftp faire un clic droit avec la souris en sélectionnant votre favicon.ico et allez sur « copier l’adresse dans le presse-papier » je conseille  ensuite de coller  l’url dans un éditeur de texte comme Wordpad par exemple et de garder la fenêtre ouverte (vous aurez besoin de le copier/collé de nouveau par la suite)

4- Allez maintenant (toujours dans l’administration WordPress) dans Apparence–> Editeur–> Header.php  et copier/collé le code suivant entre les balises <head> et <head/> (moi je l ai mis juste avant </head>)

<link rel= »shortcut icon » type= »image/x-icon » href= »copié/collé adresse de votre favicon ici » />

Remplacez ce qui est en rose par l’adresse de votre favicon.ico que vous avez gardé de coté sur Wordpad.

Normalement ça marche, enfin chez moi ça a fonctionné à merveille! Alors maintenant les coupines, j’attends de voir vos favicons!!! Si vous avez un soucis ou ne comprenez pas un truc, tata Astuce est là! Suffit de demander!

Heu…Par contre ça marche que sur firefox je vais me renseigner pour voir comment régler ce problème notamment sur IE…

Donc je me suis renseignée et normalement si on vide son cache et que l’icône est bien au format ICO ça devrait fonctionner sur Internet explorer. Mais quelques fois ça peut mettre du temps, voir quelques jours, sans qu’on sache pourquoi…

pixel Mettre un favicon sur votre blog Wordpress (pour les nulles)
Cette entrée a été publiée dans Tuto Wordpress, avec comme mot(s)-clef(s) , , , , , , , . Vous pouvez la mettre en favoris avec ce permalien.

22 réponses à Mettre un favicon sur votre blog WordPress (pour les nulles)

  1. growshop dit :

    Merci pour l’astuce, cela fonctionne à merveille sur mon nouveau blog wp.

  2. There are various posts in existence near this, I believe taking there reference could experience made this spot or article really informative. Practical goal expression this post is poor quality. Simply I can pronounce the fact that info provided here was unique, merely to really make it more near complete, supporting with former information will get been actually good. The points you have touched listed here are vital, thus Let me spot many of the information here to build this actually great for entirely the newbie’s here. Many thanks for this information. Actually helpful!

  3. Très bien ton article sur le favicon !
    Juste une question à propos des émoticons, tu as trouvé un plugin ? si oui lequel.

    Merci d’avance !

    :biglove:

    • Astuces dit :

      Coucou!

      Merci pour l’article!

      Concernant les smiley j’ai combiné 2 extensions: Custom Smilies et WP Grins. Ca fait un moment je ne sais plus pourquoi j ai 2 extensions, mais il y avait une raison! :heuu:

      Je peux ajouter n importe quel smiley, c’est assez enfantin… :sourire:

  4. Nat'lhy-peractive dit :

    Moi je ne la vois pas, ton icône ! pourtant je suis sur mozilla

    • Anonyme dit :

      C ‘est peut être qu’il faut vider ton cache, dès fois ça fait ça! après on actualise et sa fonctionne… Enfin là, chez moi, ça fonctionne!^^

  5. astucesbeaute dit :

    Désolé je n ai pas eu le temps de répondre avant! Bravo pour ton favicon!!! Concernant ie j'avoue que j ai abandonné!!! Donc si un jour tu as une réponse, je suis preneuse et vis versa!^^

    Pense a mettre le lien de ton blog avec ton nom « Anouk » les commentaires sont dofollow, ils comptent dans le référencement de Google!

  6. anouk dit :

    a présent, ça fonctionne, sans doute un petit bug inexplicable (magie de l'informatique!!) :) Reste à trouver une solution pr internet explorer :)

  7. astucesbeaute dit :

    Ah bon???? Vous avez bien vidé le cache et rafraichi la page? Est ce possible d'avoir l'url de votre blog/site?

  8. anouk dit :

    Bizarre, c'est avast aussi chez moi et il n'etait pas content :) Pour ie, je n'ai pas encore trouvé de solution mais je viens de constater que le favicon s'affichait uniquement si j'étais connecté à wordpress :s Si vous avez une petite astuce pour ça aussi …. :D je sais j'abuse !
    Je vais faire encore qq recherche et je viens dire quoi !
    bonne journée

  9. astucesbeaute dit :

    Pour html-kit je sais pas… Avast ne m a rien signalé (m'enfin dès fois il est pas très loquasse…)

    Ravie de vous avoir aidé en tout cas! mais j'ai toujours pas réussi à le faire apparaitre sur ie… Alors si vous trouvez un jour la solution, faites moi signe!^^

  10. Anouk dit :

    Un tout grand merci, après 2000 recherches, rien de très clair ! heureusement j'ai cherché une fois de plus et suis tombée sur votre article ! ça marche impeccable (en tout cas sur firefox) (par contre le site htlm-kit n'a pas été apprécié par l'antivirus … apparemment un virus par là-bas)

  11. Angélita dit :

    Je te dirai que j'ai tout suivi à la lettre, tes instructions et les infos données mais ça ne fonctionne pas. Va savoir pourquoi ?

    • astbeaute dit :

      Bah voui alors c'est normal! En fait Internet Explorer peut jamais faire comme les autres! c est toujours compliqué!!! bon bah on va dire que 30% de mes lectrices ne la verront pas pour le moment ma bonne femme…

  12. Laura dit :

    Hum je ne vois pas non plus ta petite bonne femme (je suis sous Safari). Mais pas de panique, ça doit être du à mon cache puisque la favicon fonctionne avec GlossCo.
    Très bonne idée ce petit tuto !

    • astbeaute dit :

      Merci! Oui je me suis renseignée et normalement au format ICO ça devrait fonctionner… Il parait qu'il faut patienter des fois quelques jours et après ça marche ( vider le cache évidement aussi) alors on va patienter on va bien voir! bizzz!

  13. Angéltia dit :

    Ah super sympa. Cela me tente bien. J'ai été intriguée quand j'ai lu le titre.
    Pourtant, je me débrouille pas mal en informatique mais je n'étais pas au courant de ce terme

    • astbeaute dit :

      Bah moi non plus avant…. ya deux jours en fait!
      Alors je fais partager, c'est normal, et puis c'est tellement mal expliqué sur les blogs "d'informatique" que je voulais donner une explication claire, à la porté de toutes! J espère juste que c'était assez clair… Tu me diras ça hein?^^

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Vous pouvez utiliser ces balises et attributs HTML : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Notifiez-moi les commentaires à venir via email. Vous pouvez aussi vous abonner sans commenter.