Lorsque vous regardez l'onglet du navigateur de votre nouveau blog, vous pourriez remarquer une petite favicon affichant le logo WordPress à côté du nom de votre site.
Comme il s'agit du réglage par défaut pour les nouveaux sites WordPress, c'est une vision courante, mais c'est aussi une occasion manquée de renforcer l'identité de votre marque.
Nous avons appris que de nombreuses personnes repoussent l'ajout d'une favicon parce qu'elles pensent que cela nécessite des compétences en conception ou des connaissances en codage.
La vérité est que c'est beaucoup plus simple que cela, surtout avec les fonctionnalités modernes de WordPress.
Aujourd'hui, nous allons vous guider à travers les moyens les plus simples d'ajouter votre propre favicon à votre site WordPress. Ces méthodes sont conviviales pour les débutants et fonctionnent sur tous les thèmes majeurs.
💡 Réponse rapide : Comment ajouter une favicon dans WordPress
Voici les principales méthodes pour ajouter une favicon à votre site WordPress :
- Méthode 1 : Personnaliseur WordPress – Idéal pour les débutants qui souhaitent une solution rapide et intégrée sans installer de plugins.
- Méthode 2 : Éditeur de site complet WordPress – Idéal si votre thème prend en charge l'édition de site complet et que vous souhaitez plus de contrôle sur l'emplacement de la favicon.
- Méthode 3 : Plugin Favicon WordPress – Idéal pour les utilisateurs qui souhaitent des options de personnalisation supplémentaires ou un moyen plus simple de gérer les favicons sur plusieurs sites.
- Méthode 4 : Téléchargement manuel via le code – Idéal pour les utilisateurs avancés à l'aise avec la modification des fichiers de thème ou des thèmes enfants, offrant un contrôle total sur le placement et la gestion des fichiers.
Pourquoi devriez-vous ajouter une favicon à votre blog WordPress ?
Une favicon aide les visiteurs à reconnaître rapidement votre site WordPress dans les onglets du navigateur, les marque-pages et sur les appareils mobiles.
Elle donne également à votre site un aspect plus professionnel et renforce l'identité de votre marque. Voici quelques-uns des principaux avantages d'ajouter une favicon à votre blog WordPress :
- Améliorer la reconnaissance de la marque : Votre favicon aide à afficher votre logo ou l'icône de votre marque dans les onglets du navigateur, les marque-pages et les résultats de recherche.
- Faciliter la recherche de votre site : Les visiteurs peuvent identifier rapidement votre site Web lorsqu'ils ont plusieurs onglets ouverts.
- Créer un aspect plus professionnel : Une favicon personnalisée aide votre site Web à paraître plus soigné et digne de confiance.
- Améliorer l'expérience mobile : Lorsque les utilisateurs enregistrent votre site Web sur l'écran d'accueil de leur téléphone, la favicon est souvent utilisée comme icône de style application.
Voici à quoi ressemble une favicon dans un navigateur Web :
Comment créer un favicon pour votre blog WordPress
Tout d'abord, apprenons à créer un bon favicon pour votre blog.
Lors de la création de votre favicon, il est crucial de tenir compte des différentes tailles et formats requis pour les différentes plateformes et appareils.
Voici un guide complet des dimensions des favicons et des types de fichiers préférés :
| Utilisation/Contexte | Taille recommandée (Pixels) | Format(s) préféré(s) | Notes |
|---|---|---|---|
| Défaut WordPress (Icône du site) | 512×512 (minimum) | PNG, ICO, JPEG, GIF | Image carrée pour une utilisation polyvalente par WordPress ; sera mise à l'échelle. |
| Onglet du navigateur/Barre d'URL | 16×16 | ICO, PNG | La taille d'affichage la plus courante dans les onglets du navigateur. |
| Marque-pages/Favoris | 32×32, 64×64 | ICO, PNG | Pour un affichage haute résolution dans les menus et listes de marque-pages. |
| Raccourcis de bureau | 32×32, 64×64, 128×128 | ICO, PNG | Pour les icônes sur le bureau ou dans l'explorateur de fichiers. |
| Icône tactile Apple (Écran d'accueil iOS) | 180×180 | PNG | Pour les raccourcis sur l'écran d'accueil de l'iPhone/iPad (sans transparence). |
| Icône Android Chrome | 192×192 | PNG | Pour les raccourcis de l'écran d'accueil Android. |
| Tuile Windows Metro | 70×70, 150×150, 310×310 | PNG, ICO | Pour les vignettes du menu Démarrer de Windows (différentes tailles pour différents types de vignettes). |
| Général/Évolutif | Vecteur (taille non fixe) | SVG | Format vectoriel pour un affichage net à n'importe quelle taille (nécessite une configuration WordPress pour le téléchargement). |
SVG est également un format courant pour les favicons, mais ils ne sont pas acceptés par WordPress par défaut. Cela dit, vous pouvez configurer WordPress pour autoriser l'ajout de fichiers SVG.
Cependant, pour la fonctionnalité intégrée d'icône de site WordPress (utilisée dans le personnalisateur et l'éditeur de site), vous devrez toujours télécharger une image raster de 512×512 pixels comme PNG, JPEG ou GIF.
Si vous tenez un blog d'entreprise, vous pouvez utiliser le logo de votre marque comme icône favicon. Si vous n'en avez pas encore, vous pouvez consulter notre guide pour débutants sur comment créer un logo pour votre site web.
Si vous avez déjà un logo mais que vous souhaitez rendre l'arrière-plan transparent, vous pouvez utiliser Photoshop ou un outil de retouche d'image gratuit avec un suppresseur d'arrière-plan automatique. Assurez-vous simplement que le format de fichier est PNG pour conserver la transparence de la favicon.
Une autre option que vous pouvez utiliser est un générateur de favicon gratuit populaire comme Favicon.io, approuvé par des millions d'utilisateurs. Cet outil vous permet de personnaliser un favicon à partir de zéro et de télécharger les fichiers aux formats PNG et ICO.
Dans cette optique, voici comment ajouter facilement un favicon à votre blog WordPress. Nous couvrirons 4 méthodes, et vous pouvez cliquer sur les liens ci-dessous pour accéder à la méthode que vous souhaitez utiliser :
- Méthode 1 : Ajouter un favicon à l'aide du personnalisateur WordPress
- Méthode 2 : Ajouter un favicon à l'aide de l'éditeur de site WordPress
- Méthode 3 : Ajouter un favicon à l'aide d'un plugin de favicon WordPress
- Méthode 4 : Ajouter un favicon manuellement à votre blog WordPress
- Pourquoi mon favicon WordPress ne s'affiche-t-il pas ?
- Foire aux questions sur l'ajout de favicons
Prêt ? Commençons.
Méthode 1 : Ajouter un favicon à l'aide du personnalisateur WordPress
C'est la méthode la plus simple pour changer un favicon dans WordPress, et elle est recommandée pour les utilisateurs de thèmes classiques. Il vous suffit de télécharger votre image, et WordPress s'occupe du reste.
Tout d'abord, accédez à Apparence » Personnaliser dans votre tableau de bord WordPress.
Si vous utilisez un thème de blocs moderne et que vous ne trouvez pas le personnaliseur, vous devriez passer à la méthode 2 ci-dessous ou consulter notre guide sur comment corriger le personnaliseur de thème manquant dans l'administration WordPress.
Ensuite, cliquons sur l'onglet « Identité du site » dans la barre latérale gauche.
Ici, vous verrez des options pour personnaliser votre « Logo du site », « Titre du site », « Slogan » et « Icône du site ».
Si vous souhaitez ajouter un favicon de site, vous devrez faire défiler jusqu'à la section « Icône du site » et cliquer sur « Sélectionner l'icône du site ».
La médiathèque WordPress apparaîtra maintenant. Vous pouvez soit sélectionner une image existante, soit télécharger un nouveau favicon personnalisé depuis votre ordinateur.
Dans cet exemple, nous utiliserons le logo de WPBeginner comme icône de site WordPress.
Après avoir choisi une image, cliquez sur le bouton « Sélectionner » dans le coin inférieur droit de la fenêtre.
Si la favicon est plus grande que la taille recommandée, WordPress vous permettra de la recadrer. Si elle correspond exactement à la taille recommandée, vous pouvez la laisser telle quelle.
Une fois que l'image vous convient, cliquez simplement sur « Recadrer l'image ».
Après cela, vous retournerez au personnaliseur WordPress. Ici, vous pouvez terminer la configuration de votre favicon en cliquant sur le bouton « Publier » dans la barre latérale gauche.
C'est tout ! Maintenant que vous avez téléchargé votre favicon, visitez votre site WordPress pour voir s'il est déjà en ligne.
Méthode 2 : Ajouter un favicon à l'aide de l'éditeur de site WordPress
Si vous utilisez un thème bloc (comme ceux courants dans WordPress 6.5+) et que vous souhaitez ajouter le logo de votre marque à la fois comme partie de l'en-tête de votre site Web et comme icône de site, alors cette méthode est pour vous.
Pour ce faire, vous devez aller dans Apparence » Éditeur depuis le panneau d'administration de WordPress.
Sur cette page, vous trouverez plusieurs menus pour personnaliser votre site web, notamment « Navigation » et « Styles ».
Pour ce tutoriel, vous devrez cliquer sur « Motifs » pour accéder au motif de bloc de l'en-tête de votre site web.
En faisant défiler vers le bas, vous verrez plusieurs parties de modèle : « En-tête », « Pied de page » et « Général ».
Cliquez simplement sur le modèle « En-tête » pour y ajouter votre favicon.
Ensuite, cliquez simplement sur l'entrée « En-tête » pour commencer à modifier la partie du modèle.
Vous êtes maintenant dans l'éditeur de site WordPress.
À partir de là, vous pouvez cliquer sur le bouton « + » pour ajouter un bloc et rechercher le bloc « Logo du site ».
C'est ici que vous ajouterez l'image qui deviendra votre favicon WordPress.
N'hésitez pas à faire glisser le bloc là où vous le souhaitez dans votre en-tête. Dans cet exemple, nous l'avons placé à côté du titre du site web.
La prochaine étape consiste à cliquer sur l'icône de téléchargement dans le bloc « Logo du site ».
Comme avec la méthode précédente, vous pouvez choisir une image existante ou en télécharger une nouvelle depuis la médiathèque WordPress.
Ensuite, vous devez accéder à la barre latérale des paramètres du bloc sur le côté droit de la page. Il suffit d'activer le paramètre « Utiliser comme icône du site » pour ajouter le logo en tant que favicon.
Enfin, vous pouvez cliquer sur le bouton « Enregistrer » en haut à droite de la page pour publier votre favicon.
Vous verrez un avertissement indiquant que la modification affectera l'ensemble du site Web. Assurez-vous simplement que la case « Icône » est cochée et cliquez à nouveau sur « Enregistrer ».
Maintenant que vous avez suivi toutes les étapes, vous pouvez ouvrir votre site Web pour confirmer que la modification a été effectuée avec succès.
Méthode 3 : Ajouter un favicon à l'aide d'un plugin de favicon WordPress
Si vous préférez utiliser un plugin favicon WordPress, vous pouvez suivre cette méthode pour utiliser le plugin gratuit Favicon by RealFaviconGenerator. Il compte plus de 200 000 installations actives et une note de 4,9 étoiles sur WordPress.org.
Tout d'abord, vous devez installer et activer le plugin. Pour plus de détails, vous pouvez suivre notre guide sur comment installer un plugin WordPress.
Une fois activé, vous pouvez vous rendre dans Apparence » Favicon dans votre tableau de bord WordPress.
Après cela, cliquez simplement sur le bouton « Sélectionner dans la médiathèque » pour télécharger une nouvelle image ou en utiliser une existante.
Notez que vous devrez utiliser une image carrée. Le plugin recommande que la taille de l'icône du site soit d'au moins 260 pixels en largeur et en hauteur, mais pas moins de 70 pixels.
Une fois que vous avez choisi une image, allez-y et cliquez sur le bouton « Générer le favicon ».
Après cela, le plugin vous dirigera vers le site Web RealFaviconGenerator pour modifier le favicon.
Vous pouvez personnaliser divers paramètres, tels que la couleur d'arrière-plan et son apparence sur les pages de résultats de recherche Google (SERP), iOS, Android, macOS Safari, Chrome et Windows Metro.
Dans la section « Options du générateur de favicon », vous pouvez cocher la case pour voir si votre site Web utilisait déjà un favicon. Si oui, entrez le numéro de version de votre favicon existant dans le deuxième champ.
Cela permet de s'assurer que les utilisateurs qui ont déjà visité votre site verront le nouveau favicon au lieu de l'ancien grâce à un bon vidage de cache.
Une fois que tout semble correct, il vous suffit de cliquer sur le bouton « Générer vos favicons et votre code HTML » pour ajouter le favicon à votre site WordPress.
Votre favicon devrait maintenant être en ligne. Assurez-vous de garder le plugin favicon WordPress actif afin que le favicon soit toujours activé.
Méthode 4 : Ajouter un favicon manuellement à votre blog WordPress
Important : Avant de procéder à des modifications manuelles de fichiers ou de code, créez toujours une sauvegarde complète de votre site WordPress. Cela garantit que vous pouvez facilement restaurer votre site si des problèmes surviennent.
Enfin, vous pouvez ajouter un favicon WordPress à votre blog en modifiant manuellement les fichiers de code de votre thème.
Ceci est utile si votre personnalisateur de thème n'a pas la section « Identité du site » ou si vous utilisez un thème basé sur des blocs et que vous souhaitez une image de favicon différente de celle de votre logo de site.
La manière la plus simple et la plus sûre d'éditer les fichiers de code de votre thème est d'utiliser le plugin WPCode.
C'est le meilleur plugin d'extraits de code pour les débutants. Nous l'avons utilisé nous-mêmes et avons constaté qu'il permet d'insérer du code personnalisé en toute sécurité, sans casser votre site Web.
De plus, il est approuvé par plus de 3 millions de sites Web. Pour plus de détails, consultez notre examen complet de WPCode, où nous avons examiné en profondeur ses fonctionnalités.
Un autre avantage de WPCode est que si vous mettez à jour votre thème, vous ne perdrez pas vos modifications de code, y compris votre favicon.
Remarque : Pour ce guide, vous pouvez utiliser la version gratuite de WPCode. Cependant, avec l'abonnement Pro, vous avez accès à des fonctionnalités telles que la logique conditionnelle intelligente et les intégrations tierces pour gérer votre code plus efficacement.
Pour commencer, vous devez installer et activer WPCode. Pour plus d'informations, vous pouvez consulter notre guide étape par étape sur comment installer un plugin WordPress.
La prochaine étape consiste à préparer vos fichiers favicon. Pour cela, vous pouvez utiliser un générateur de favicon gratuit comme Favicon.io.
Sur le site web, vous pouvez cliquer sur « Image » pour convertir un fichier image en un fichier zip et en code HTML. Alternativement, vous pouvez utiliser l'option « Emoji » ou « Texte » pour créer un favicon à l'aide des emojis et des polices disponibles.
Sur la page suivante, vous pouvez télécharger votre image.
Ensuite, cliquez sur « Télécharger » pour enregistrer le fichier zip du favicon, qui contient votre favicon.ico, plusieurs fichiers PNG de différentes tailles comme favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png, android-chrome-192x192.png, android-chrome-512x512.png, et un fichier site.webmanifest.
Assurez-vous de garder cette page web ouverte pendant que vous suivez les prochaines étapes.
Maintenant, vous devez d'abord extraire le fichier zip du favicon sur votre ordinateur. Ensuite, téléchargez les fichiers extraits, tels que favicon.ico, favicon-16x16.png, favicon-32x32.png, et apple-touch-icon.png, dans le répertoire racine de votre site.
Alternativement, vous pouvez le faire via un client FTP comme FileZilla. Pour plus de détails, consultez notre guide pour débutants sur comment utiliser FTP pour téléverser des fichiers sur WordPress.
Une fois que vous avez ouvert les fichiers de votre site web via le gestionnaire de fichiers ou FTP, naviguez jusqu'au répertoire racine.
Le répertoire racine de WordPress est généralement un dossier nommé « public » ou « public_html », et il contient des dossiers essentiels de WordPress comme wp-content et wp-admin.
À ce stade, vous pouvez extraire et téléverser tout le contenu du fichier favicon que vous avez précédemment téléchargé dans le répertoire racine.
Si vous utilisez le Gestionnaire de fichiers, vous pouvez cliquer sur le bouton 'Téléverser' près du haut.
Ensuite, un nouvel onglet apparaîtra, vous demandant de télécharger les fichiers.
Sur cette page, vous pouvez cliquer sur le bouton « Sélectionner un fichier » et choisir tous les fichiers favicon.
Maintenant, attendez simplement que les fichiers soient téléchargés avec succès.
Une fois terminé, vous pouvez retourner à l'onglet du gestionnaire de fichiers. Vous devriez maintenant voir tous vos fichiers favicon dans le répertoire racine, comme dans la capture d'écran ci-dessous :
Revenons maintenant au panneau d'administration de WordPress.
Dans la barre latérale gauche, vous devrez naviguer vers Extraits de code » En-tête et pied de page.
Après cela, retournez à l'onglet Favicon.io de tout à l'heure.
Ensuite, vous devez y copier le code HTML. Il devrait y avoir 4 balises link rel dans le code.
Ensuite, vous devez retourner dans WordPress et coller le code dans la section « En-tête » de la page WPCode.
Cela injectera le code dans la section <head> de votre site sur chaque page via le hook wp_head, de sorte qu'aucun fichier de thème ne soit modifié.
Le code HTML de Favicon.io utilise généralement des chemins relatifs (par exemple, href="/favicon-32x32.png"), ce qui est correct lorsque vos fichiers favicon se trouvent dans le répertoire racine. Vous n’avez généralement pas besoin de modifier ces attributs href.
Enfin, vous pouvez cliquer sur le bouton « Enregistrer les modifications » dans le coin supérieur droit.
Et voilà ! N'oubliez pas de visiter votre site web pour voir si le changement de favicon a réussi.
Pourquoi mon favicon WordPress ne s'affiche-t-il pas ?
Si vous avez téléchargé une favicon mais qu’elle n’apparaît pas sur votre site, ne vous inquiétez pas, vous n’êtes pas seul. C’est un problème courant souvent causé par de simples erreurs de favicon ou par la mise en cache.
C’est généralement facile à résoudre. Voici ce qu’il faut vérifier :
- Videz le cache de votre navigateur : Les navigateurs stockent souvent d’anciennes données de site. Vider votre cache résout généralement le problème. Vous pouvez suivre notre guide sur la façon de vider le cache du navigateur pour des instructions étape par étape.
- Videz le cache de votre CDN : Si vous utilisez un CDN, il se peut qu’il serve l’ancien favicon. Vider le cache du CDN garantit que votre icône de site la plus récente est affichée.
- Vérifiez en mode incognito : Ouvrez votre site dans une fenêtre privée pour confirmer que le favicon a été téléchargé correctement.
- Ré-téléchargez avec un nom de fichier différent : Si l'installation n'a pas fonctionné, renommer le fichier favicon et le ré-télécharger peut résoudre le problème.
- Corrigez les erreurs de contenu mixte : Si votre site contient du contenu mixte HTTP et HTTPS, le favicon pourrait ne pas apparaître. Consultez notre guide sur la façon de corriger les erreurs de contenu mixte WordPress.
- Vérifiez les icônes du fournisseur d'hébergement : Parfois, le favicon par défaut du fournisseur d'hébergement s'affiche à la place. Contactez leur support si cela se produit.
- Vérifiez les outils de favicon spécifiques au thème : Certains thèmes ont une option dédiée pour télécharger un favicon. Assurez-vous que les paramètres de votre thème ne remplacent pas l'icône de site WordPress par défaut.
💡Astuce de pro : Utiliser un fournisseur d'hébergement WordPress fiable avec un support solide peut vous faire gagner du temps et éviter les frustrations lors du dépannage de problèmes tels qu'un favicon manquant ou d'autres problèmes d'affichage de site.
Un bon hébergeur peut rapidement identifier le cache côté serveur, les erreurs de contenu mixte ou d'autres conflits qui pourraient empêcher l'apparition des modifications, afin que vous n'ayez pas à le découvrir par vous-même.
Consultez notre liste des meilleurs fournisseurs d’hébergement WordPress pour trouver une option adaptée.
Foire aux questions sur l'ajout de favicons
Voici quelques questions que nos lecteurs ont fréquemment posées sur l'ajout de favicons sur leurs sites WordPress :
Les favicons améliorent-ils le SEO ?
Les favicons n'améliorent pas directement le classement SEO, mais ils améliorent l'expérience utilisateur en rendant votre site facilement reconnaissable dans les onglets du navigateur et les favoris. Cela peut indirectement soutenir l'engagement et les taux de clics.
Les favicons doivent-ils être en 16×16 ou 32×32 ?
Les favicons sont généralement en 16×16 pixels pour les onglets du navigateur, mais 32×32 ou plus est recommandé pour les écrans haute résolution et pour une utilisation dans les favoris ou les raccourcis. L'utilisation de plusieurs tailles garantit que votre favicon est net partout.
Comment ajouter une icône à un site WordPress ?
Vous pouvez ajouter une icône de site (favicon) via le personnalisateur WordPress, l'éditeur de site complet, un plugin de favicon, ou en la téléchargeant manuellement dans les fichiers de votre thème.
Quelles sont les erreurs courantes concernant les favicons ?
Les erreurs courantes incluent l'utilisation d'une mauvaise taille de fichier, le fait de ne pas télécharger un PNG transparent, l'ignorance des versions haute résolution et l'oubli de vider le cache. Cela peut empêcher le favicon de s'afficher correctement.
Nous espérons que cet article vous a aidé à ajouter un favicon à votre site WordPress. Vous voudrez peut-être aussi consulter nos sélections d’experts des meilleurs créateurs de logos gratuits pour vous aider à avoir l’air d’un pro et notre guide sur comment ajouter facilement des polices d’icônes à votre thème WordPress.
Si vous avez aimé cet article, abonnez-vous à notre Chaîne YouTube pour des tutoriels vidéo WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.
Jason
Pourquoi doit-il faire 512 pixels pour une icône ? J'espère qu'il est converti quelque part dans WordPress, une fois pour toutes, et pas à chaque chargement. 512×512, c'est fou pour quelque chose qui ne sera que très rarement plus grand que 32×32, à moins que je ne rate quelque chose ?
John Krawczyk
Article pas utile. Tout le monde vous dit de créer un chemin vers votre favicon & c'est tout.
Cependant, comment incluez-vous http: www http, comment spécifiez-vous .ico .png ?
Personne ne dit rien en détail.
Support WPBeginner
Salut John,
Oui, vous devez inclure l'URL complète comme ceci :
https://014.leahstevensyj.workers.dev/favicon.pngAdmin
Joe
L'utilisation de WP4.7 et la fonctionnalité d'icône de site fonctionnent, mais cela me semble étrange. Le résultat est 4 liens dans la section :
Mais cela crée 10 versions différentes de l'image de l'icône du site en plus de l'original aux tailles 32×32, 100×100, 150×150, 180×180, 192×192, 250×250, 270×270, 300×300, 360×360, 500×310.
Pourquoi autant d'images rognées si seulement 4 sont liées ?
De plus, je soumets une image d'icône de taille 512×512 comme recommandé, mais la version 500×310 est toujours rognée de sorte que le haut et le bas de l'icône sont coupés. Y a-t-il un moyen de contourner cela et/ou est-ce grave ?
Quel support de navigateur cette icône de site WP couvre-t-elle (principalement en ce qui concerne la compatibilité avec les anciennes versions d'IE) ?
Merci !
Marieke
Dans Whatsapp, l'image qui apparaît à gauche d'une adresse de lien si vous envoyez un lien : est-ce le même icône ? Parce que je ne le vois pas là.
Sunil
Marieke, C'est l'image mise en avant, vous téléchargez vers un article particulier.
Cos
Le plugin ICO Format pour Adobe Photoshop ne permet pas d'images de plus de 256 pixels de haut ou de large. Alors comment en créer une de 512px ???
Marieke
Il n'est pas nécessaire de le faire en .ico. Un simple .png ou .lpg suffira lorsque vous travaillez dans Wordpress.
Salim Ahmed
Instruction informative. Maintenant, je suis vos trucs et astuces. Merci de les partager.
Taimoor Ahmed
Pouvez-vous me dire un site web ou un logiciel où je peux créer un favicon efficace pour mon site rapidement ????
Kirstie
Merci pour un autre tutoriel simple à suivre. Je suis un vrai débutant et vous faites un excellent travail pour expliquer les choses d'une manière que je peux comprendre.
Support WPBeginner
Merci, content que vous trouviez nos tutoriels utiles.
Admin
Nelson
merci bon tuto facile et ça marche
c
l'ajout de logo dans certains thèmes n'est pas pour le favicon, c'est pour le logo de l'en-tête
ccstacyline
comment se fait-il que mon menu d'identité de site n'ait pas le service pour l'icône du site ? Je suis tellement frustré... pouvez-vous m'aider ?
John Davis Frain
Les instructions que vous donnez ici sont-elles spécifiques au thème ? J'utilise le thème Delicacy, et il ne me donne pas cette option pour modifier l'identité du site et insérer un Favicon.
Support WPBeginner
Non, ce n'est pas spécifique au thème. Assurez-vous d'utiliser la dernière version de votre thème.
Admin
Mad Dog Malcs
Bonjour, je ne vois pas non plus l'onglet identité du site, j'utilise le thème sketch, comment puis-je mettre à jour un thème ?
Merci d'avance, Malcs
shashi
je vais peut-être aller dans la personnalisation du thème... là vous verrez l'option pour télécharger facilement l'icône favicon...
Antonios
Vous ne verrez peut-être pas le mot « favicon », probablement « icône du site ». Si vous voyez une barre de défilement, vous devrez peut-être faire défiler tout en bas pour voir la boîte de sélection d'image.
a
Vous pouvez ajouter un favicon via l'éditeur « Personnaliser » de WordPress, que l'on trouve sur tous les sites WordPress.
Alan
Je télécharge un fichier PNG exactement de 512 × 512 pixels, WordPress l'enregistre, puis je me retrouve avec une image recadrée dans ma médiathèque. Super énervant ! WordPress 4.4.
Alan
Je devrais ajouter que la nouvelle image recadrée a exactement les mêmes dimensions que l'originale que j'ai téléchargée, mais j'en ai maintenant deux dans ma bibliothèque (bien que l'une ait été traitée deux fois et ait en fait augmenté de deux kilo-octets en taille de fichier !).
Katherine Johnston
J'ai parcouru le répertoire, exactement comme vous l'avez décrit, mais mon onglet Identité du site n'a que « Titre du site », « Slogan » et une case à cocher pour afficher le texte d'en-tête. Comment puis-je résoudre ce problème ? Ou dois-je passer par FTP ?
Merci pour votre aide !
Rahul Thakur
merci beaucoup, méthode très simple j'adore.
Liz
Excellentes instructions, cela m'a pris environ 32 secondes. Fabuleux ! Merci
Erin
Merci ! C'était très utile.
Marie Bock
Wow ! C'était tellement facile avec la nouvelle version de WordPress.
Matt
Super facile ! Merci pour ça – il me faut juste maintenant partir et concevoir un meilleur logo
Viscoun
Ne fonctionne pas. Quand j'arrive à Personnaliser > Identité du site, l'option d'icône de site ne s'affiche pas – il n'y a que « Titre du site » et « Slogan ».
david
quelle version de wordpress utilisez-vous ?
Harshpreet
Salut, j'ai le même problème et j'utilise le site web de wordpress sur mon ordinateur portable pour créer mon blog !
Gina
J'ai le même problème. J'utilise wordpress directement en ligne, je n'ai rien téléchargé. Aucune option « icône de site » du tout.
Support WPBeginner
Veuillez consulter notre guide sur la différence entre WordPress.org auto-hébergé et un blog WordPress.com gratuit.
Admin
Lourika
Il m'a fallu une éternité pour comprendre !!!!
Dans le coin supérieur gauche, cliquez sur MES SITES
Allez sur WP Admin
Cliquez ensuite sur PARAMÈTRES
et vous pourrez changer l'icône (image) sur le côté droit……
Megan
Hourra ! Cela a parfaitement fonctionné et les instructions étaient super faciles à suivre. Merci beaucoup !
Malcolm Ruthven
J'ai ajouté une image jog de 512×512 pixels via Identité du site / Icône du site. L'image y apparaît très bien. Mais l'image n'apparaît pas comme favicon dans aucun navigateur (Firefox, IE ou Chrome).
Shawna Marie
J'ai fait toutes les étapes. L'image s'affiche dans le personnalisateur mais pas sur le site sur aucune plateforme… iphone ou sur mon iMac dans aucun des navigateurs. Y a-t-il un type de fichier spécifique ?
Support WPBeginner
La fonctionnalité d'icône de site prend en charge les fichiers image PNG, JPEG et GIF.
Admin
Mike Crutcher
Cela ne fonctionne pas sur mon site. J'ai l'icône de la bonne taille, mais elle ne s'affiche pas. Peut-être est-ce à cause de mon URL personnalisée ?
Maria
Cette option pour modifier l'identité du site et ajouter le Favicon est-elle spécifique au thème ? Je ne l'ai pas sur mon site auto-hébergé.
Dave
Merci ! Ça a très bien fonctionné.
Arsh
Merci !
Nikki
Je suis tellement contente d'être tombée sur votre article. J'avais arrêté d'essayer de comprendre comment télécharger mon favicon par le passé parce que cela semblait impossible. Mais récemment, j'ai ressenti le besoin de m'y remettre. Vous avez rendu cela si facile ! Je ne me souviens pas que ce soit aussi facile de télécharger auparavant.
Merci ! Nikki
Ruby Dawnbrooke
Bonjour !
J'ai une question, récemment, j'ai utilisé le plugin All in One Favicon. J'ai téléchargé mon image mais elle ne s'affiche pas si je ne suis pas connecté à WordPress, elle continue d'afficher le favicon HostGator (normal), quelqu'un peut-il m'aider ?
bg
Voici une question stupide : Pourquoi le rendent-ils si compliqué ? Cela devrait être quelque chose que l'on peut faire en quelques clics, comme ajouter une image à un article de blog.
Support WPBeginner
En fait, il existe une fonctionnalité actuellement en test qui permettra aux utilisateurs d'ajouter un favicon depuis le personnalisateur de thème.
Admin
dzaken
Merci beaucoup, moyen plus facile de le faire. J'adore
Bert Rinkel
J'ai un logo que je veux utiliser. Est-ce possible ? Il n'est pas au format carré pour le moment, mais il peut l'être. Comment faire ? Puis-je en "créer" un dans iPhoto (sur un Mac) ? Où le ferais-je dans iPhoto, et comment ? J'en ai un sur mon tableau de bord maintenant. Puis-je le glisser quelque part ? Comment l'enregistrer en fichier PNG ? Où le ferais-je ?
C'est un bon site général pour comprendre ce qu'est un favicon, mais pas comment le faire.
Mike
Salut Bert, je découvre encore ce processus moi-même, mais je suis à l'aise jusqu'au point où tu essaies d'arriver. Créer ton propre logo ou modifier un logo existant pour qu'il corresponde peut se faire dans un programme comme Photoshop. N'oublie pas d'aller dans Nouveau fichier, et de régler la taille sur 16x16 pixels. Importe ton image ici et réduis-la pour qu'elle s'adapte. Si tu n'as pas Photoshop ou d'autre logiciel de retouche d'image, tu peux aller là où les instructions sont faciles à suivre. Je suis sûr que ce n'est pas nécessairement un fichier PNG. Mais ça doit être une extension .icon que le site Favicon convertira pour toi à partir du .jpeg original que tu as téléchargé. Parce que j'ai Photoshop, quand j'ai cliqué sur le bouton Modifier dans iPhoto, Photoshop s'est ouvert automatiquement. Vois ce qui se passe quand tu le fais sur ton système. Cela peut ouvrir une méthode d'édition alternative. J'espère que ça aide. Je sais ce que c'est quand on débute.
chukwubueze
Merci mec.. ton site m'a été utile ainsi que tes vidéos sur YouTube. je travaille toujours sur mon site.. tu peux y jeter un œil.
vinayak
Puis-je ajouter une méta-description et des méta-mots-clés pour mon site en utilisant ce plugin ?
4ryan
qu'est-ce que cette icône Apple Touch ???
4ryan
merci c'est ce que je cherchais, mais comment puis-je ajouter le logo du site. wordpress.com a une option pour ajouter le logo du site mais je ne la trouve pas dans le CMS WordPress auto-hébergé
ConnieKirkpatrick
Merci, cela l'a gardé simple et me donne un moyen de l'utiliser. Maintenant, question : cela affichera une favicon pour chaque page, n'est-ce pas ? Et si je veux une favicon différente pour chaque page ?
Apoorva
J'ai réussi à ajouter le favicon sans l'image d'arrière-plan. Mais lorsque je passe à un autre onglet du navigateur, l'image d'arrière-plan apparaît. Par exemple, si vous regardez le favicon, il est parfait. Mais, lorsque vous êtes sur un autre onglet, vous verrez l'arrière-plan blanc apparaître. Tout conseil serait très apprécié ! Merci !
mohammad raheem
Ajoutez simplement cette ligne dans votre header.php, n'importe où avant la balise .
et téléchargez favicon.ico dans le dossier racine de votre site web. Dossier racine où votre wp est installé, ne téléchargez pas favicon.ico dans des sous-dossiers. Rafraîchissez votre navigateur une ou deux fois, votre ico apparaîtra dans l'onglet.
Daniel Lobo
Cela a définitivement résolu le problème et changé le favicon sur toutes les pages, SAUF la page d'accueil ! Pourquoi cela pourrait-il être ?? Aidez-moi s'il vous plaît ! Et merci !
Manuel Echeverry
super ! Je vais le faire
joe
ce noob n'a pas utilisé la transparence
Emma Lock
Merci beaucoup d'avoir rendu cela si facile à suivre !
Monu Saifi
Merci d'avoir donné les tops pour ajouter l'icône favicon sur mon blog.
Merci encore
Richard
Y a-t-il un moyen d'installer le plugin tout-en-un favicon via ma page /wp-admin/ via mon navigateur ? J'ai tout construit directement via le navigateur, sans ftp du tout.
shashi
je vais peut-être aller dans la personnalisation du thème... là vous verrez l'option pour télécharger facilement l'icône favicon...
Lluisrd
Super !!! En modifiant seulement une ligne de (header.php), j'ai un favicon.
Mais je préfère les favicons 128x128... comme Google
TNXS
Kayode
Merci beaucoup... J'ai essayé l'insertion d'en-tête et de pied de page mais cela n'a pas fonctionné, mais quand j'ai essayé le "All in one Favicon", cela a fonctionné.. Merci beaucoup..
Joel Mwakasege
Wow merci, cela m'a sauvé la vie. Mon blog n'affichait que l'icône par défaut de WordPress.
Rahul
Quelle est la différence ?
Je veux dire pourquoi s'embêter avec FTP, si un simple plugin est disponible et remplit le même objectif ?
Personnel éditorial
Parce que la tâche est si simple qu'elle peut être effectuée sans plugin. Mais encore une fois, c'est une préférence personnelle.
Admin
Kelvin Hanratty
Y a-t-il une raison pour que ce soit obligatoirement 16x16, car les écrans haute résolution ou, oserais-je le dire, les écrans « Retina » ont une densité de pixels plus élevée ?
La raison pour laquelle je le mentionne est que j'ai utilisé un site pour convertir une image en favicon et il m'a proposé plusieurs tailles : 16, 32, 64 pixels. WordPress ne prend pas en charge cela ?
Excusez mon ignorance, je suis assez nouveau sur WordPress !
Kelvin.
Kelvin Hanratty
Désolé, j'ai mal lu le post ci-dessous concernant Bluehost. Oups !
Praveen Prasad
Sans télécharger de plugins, on peut simplement appliquer un Favicon à un site.
Étapes simples :-
1) CPanel d'hébergement —> Gestionnaire de fichiers –>
2) Recherchez l'image par défaut dans le dossier du thème.
Ex- genesis/images/ favicon.ico
Téléchargez votre fichier .ico dans le même dossier et retenez le nom du fichier par défaut.
(ici favicon.ico)
Je ne pense pas que se souvenir d'un nom de fichier simple soit ennuyeux.
Ensuite, supprimez ce fichier et renommez le nouveau fichier image avec le nom du fichier précédent.
Ça marche
David
Oui, c'est comme ça que j'ai fait sur Bluehost. J'ai juste écrasé le favicon.ico qui s'y trouvait avec mon image téléchargée. La seule chose est que l'original était réglé sur 16x16 et j'ai dû ajouter un 16x16 similaire. Il n'a pas accepté un 32x32, mais ça va, ça a fonctionné facilement.