Installez une image favicon dans WordPress en deux minutes

Installez une image favicon dans WordPress en deux minutes

Si vous n’avez pas encore votre image de logo au format «.ico», je vous conseille de lire « Créez votre image favicon » qui vous explique comment faire en très peu de temps.

WordPress dispose d’un système de thème qui regroupe toutes les personnalisations graphiques propres à votre site (le logo, les animations de type « slider », « accordéon » etc. C’est donc dans le thème que se trouve votre favicon.

Étape 1: connexion au serveur

Utilisez votre logiciel FTP pour vous connecter à votre serveur. Sur la capture suivante, je vous montre la fenêtre correspondant à mon serveur.

Fenêtre FTP

Vue du serveur avec un logiciel FTP

  • 1 Chemin du dossier Vertulab
  • 3 Dossier Vertulab et ses sous-dossiers
  • 2 Contenu du dossier Vertulab

Vous voyez que le fichier favicon.ico est bien présent « à la racine » du thème « Vertulab ».

L’expression « à la racine » signifie que nous sommes au plus haut niveau dans un dossier. Un fichier se trouvant dans un sous-répertoire n’est donc pas « à la racine ».

Étape 2: transfert du ficher

Transfert du favicon sur le serveur

Transfert du favicon sur le serveur: double-clic sur le fichier

Et voilà ! Rechargez votre site (CTRL + F5) pour voir apparaître votre nouveau favicon dans l’onglet.

Il est possible que Firefox garde l’ancienne version dans son cache. Si plusieurs CTRL + F5 n’arrivent pas à faire changer l’image, éteignez votre navigateur et relancez-le.

Un petit plugin à la WordPress pour installer votre image Favicon

Que serait WordPress sans ses nombreux plugins ? Il y en a un pour tout!
Bien qu’installer une image favicon soit une manipulation très simple à réaliser par FTP, certains seront content qu’un programme s’en occupe pour eux!

All In One Favicon me semble avoir la côte (+ de 75 000 téléchargements, noté 5/5). Il est à jour et en est à sa troisième version, ce qui atteste une certaine maturité. Si vous choisissez la solution du plugin, je vous conseille celui-là!

Dites-moi, vous êtes plutôt FTP ou plugin ?

image, image favicon, installer une image favicon, plug in pour installer une image favicon, tutoriel

A propos de MarieEve Louvel

Depuis 3 ans, je partage mes connaissances sur ce blog, pour les entrepreneurs désireux de créer leur site vitrine et/ou leur blog professionnel avec WordPress. Mon expérience professionnelle va de l'accompagnement à la formation, en passant par de la création de site ou de logiciel. Retrouvez mes cours en ligne sur mon site FeelWeb Formation [http://feelwebformation.com]

13 commentaires

  1. Très intéressant ce tutoriel sur les favicons et plutôt pas mal construit.
    Félicitations 1

    Répondre
    • Merci!
      Bravo pour ton blog, le design est très chouette! :) Ca fait pro.

      Répondre
  2. Merci Mary-Eve pour ce tuto.

    Sliman.

    Répondre
  3. Impossible d’installer le favicon sur le thème twenty ten en passant par le client FTP et le plugin n’est pas compatible avec la dernière version de wordpress :(

    Répondre
    • Sachant que je n’ai pas le dossier Vertulab j’ai mis directement mon fichier favicon.ico dans le dossier Twenty ten :s
      Je ne sais pas si c’est la bonne manipulation :s

      Répondre
      • c’est la bonne! 😉

        Donnez-moi l’url de votre site pour que j’y jette un oeil.

    • Bonjour Justine,
      Je pense que sur TwentyTen, il existe une page dans l’interface d’administration pour le changer (sûrement dans le menu Apparence).

      Sinon:
      1/ Assurez-vous que vous avez bien la ligne suivante dans votre code source (clic droit > afficher la source) :

      2/ Ensuite placez VOTRE favicon sur le serveur, à l’endroit qui est indiqué par l’attribut « href ».

      3/ CTRL+ F5 pour recharger et ça devrait être bon.

      Répondre
  4. Bonjour,
    Merci pour ce tuto qui a été très utile !
    J’ai utilisé ce site pour générer mon favicon http://favicon.htmlkit.com/favicon/ qui m’a permis de l’avoir en ICO et en GIF.

    Dans le module All in one Favicon, il y a aussi le format PNG, est ce utile à configurer ?

    Merci

    Arthur

    Répondre
  5. Bonjour,
    je travaille avec le thème « Brunelleschi » pour un site associatif et je crois avoir tout essayé pour faire apparaître ce favicon… : placé à la racine ou ailleurs, pas moyen. Le favicon apparaît bien dans l’onglet de l’interface d’administration de wordpress, mais pas dans les onglets du navigateur et des marques pages…
    comment faire ? est-ce que le format .png au lieu de .ico peut bloquer ?
    http://www.bai.asso.fr/
    Merci d’avance !
    V.

    Répondre
  6. bonjour
    pas de succès avec le FTP. Nickel avec le plug-in et un favicon png
    Navré d’avoir employé la voie la plus facile !
    A part cela votre blog est une mine de bon tuyaux.
    Je viens de démarrer et il reste encore beaucoup de choses a mettre en place sur mon site
    http://www.hectorchristiaen.com/blog/

    cordialement

    Répondre
  7. Bonjour,

    D’abord, bravo pour ce tuto simple et efficace.

    J’ai réussi, en suivant ce tuto, à faire en sorte que le signet de mon site web soit bien précédé de mon favicon (je suis sous Firefox), néanmoins, dans les onglets, persiste un petit carré en point-tillés, ce fameux carré qui apparaît lorsque aucune favicon n’a été définie.

    Comment cela se fait-il et comment puis-je y remedier selon vous ?

    Merci par avance =)

    Répondre
  8. Merci pour le tuto, finalement c’est très facile d’installer une image favicon ! enfin le tuto est très facile à comprendre, merci

    Répondre

Soumettre un commentaire

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

This Blog will give regular Commentators DoFollow Status. Implemented from IT Blögg

EmailEmail
PrintPrint