WordPress
time_read14mn de lecture

Comment ajouter un favicon WordPress ?

10 août 2022

Comment ajouter un favicon WordPress ?

Le favicon peut sembler être un détail, mais c’est un élément important à ne pas négliger lors de la construction de votre site web. Il s’agit d’une petite icône visible dans l’onglet du navigateur, juste à côté du titre du site web.

Les avantages d’utiliser un favicon sont nombreux, aussi bien pour le référencement web (SEO) que pour le développement de la confiance des visiteurs.

Objectifs

Le but de cet article est de vous aider à ajouter un favicon WordPress avec facilité via 3 méthodes possibles.

Prérequis

Dans cet article, vous serez amené à ajouter un favicon WordPress à votre site web. Vous aurez donc besoin d’avoir certaines connaissances dans l’utilisation de WordPress.

Cela implique en conséquence que vous devez disposer d’un site WordPress actif avec accès à son tableau de bord. Vous devez également savoir manipuler les plugins WordPress.

Une solution clés en main pour créer un site WordPress ?

LWS vous conseille sa formule d’hébergement WordPress en promotion à -20% (offre à partir de 3,99€ par mois au lieu de 4,99 €). Non seulement les performances sont au rendez-vous mais vous profitez en plus d’un support exceptionnel.

Découvrir l'offre

Ajouter un favicon WordPress via WordPress Customizer

Avec WordPress, vous avez la possibilité d’ajouter un favicon depuis votre espace de travail. Cela a été ainsi depuis la version 4.3 du CMS WordPress. Nous allons vous guider pas-à-pas à le faire facilement.

Tout d’abord, accédez à votre dashbord, et rendez-vous dans la section « Apparence ». Après cela, cliquez sur « Personnaliser », afin de choisir l’identité du site.

ajouter un favicon WordPress

L’identité du site se présente comme l’indique cette capture :

ajouter un favicon WordPress

Après cette étape, appuyez sur « Sélectionner une image ». Vous allez trouver cette option sous la partie Icône du site.

Avant tout cela, vous devriez déjà procéder au téléchargement de votre favicon.

Vous pouvez maintenant importer votre favicon.

Après cela, vous aurez la possibilité d’appuyer sur le bouton « Publier » pour enregistrer la modification.

Si vous suivez ces étapes, le favicon que vous avez choisi doit normalement apparaître à côté de votre site web.

Vous avez même la possibilité de le configurer sur un appareil mobile. Pour le faire, allez sur le site web avec un appareil mobile. Une fois sur le site, utilisez l’option « Ajouter à l’écran d’accueil ». 😎

Ajouter un favicon WordPress avec un plugin

Le plugin que nous allons utiliser ici s’appelle Favicon by RealFaviconGenerator. Vous allez donc procéder à l’installation de ce plugin, et à son activation. Pour cela, vous pouvez utiliser la méthode d’installation et d’activation habituelle des plugins dans WordPress. Cette méthode consiste à taper le nom du plugin dans la rubrique « Extensions » et à valider. Vous pourrez donc l’installer, et ensuite l’activer pour pouvoir l’utiliser.

ajouter un favicon WordPress

Rendez-vous ensuite dans la section « Apparence », appuyez sur « Favicon ».

Sur la page suivante, cliquez sur « Générer le favicon ».

ajouter un favicon WordPress

Après cette étape, vous aurez maintenant la possibilité de charger une image en tant que favicon pour votre site web.

ajouter un favicon WordPress

Poursuivez les étapes jusqu’à la dernière qui se présente comme suit :

ajouter un favicon WordPress

Vous venez ainsi d’ajouter un favicon WordPress à votre site web. 😎

Ajouter manuellement un favicon WordPress à un site

La dernière méthode pour ajouter un favicon WordPress consiste à le faire manuellement. Vous devrez ajouter du code dans WordPress.

Il est conseillé de tester cette méthode en local, et de disposer d’une sauvegarde récente de votre site web.

Vous devez disposer d’un gestionnaire de fichiers, ou d’un client FTP.  Là, vous devez localiser le chemin /wp-content/themes/your-theme afin d’y télécharger votre favicon. Il est conseillé de le placer dans un sous-dossier type Assets.

Ensuite, vous devez localiser le fichier function.php. Dans un fichier, nous allons ajouter du code. Le code à insérer est le suivant :

fonction favicon ()
{ 
  echo '<link rel="shortcut icon" type="image/png" href="' . get_template_directory_uri () . '/assets/favicon.png" />' ;
}
 
action ('wp_head' , 'favicon') ;

La ligne qui contient le href est celle qui indique le chemin du fichier. Vous devez donc vous assurer que c’est le bon chemin que vous avez mis. Si le fichier que vous utilisez à l’extension .ico, c’est ce code que vous devez insérer.

fonction favicon () 
{ 
  echo '<link rel="shortcut icon" type="image/png" href="' . get_template_directory_uri () . '/assets/favicon.ico" />' ;
}
 action ('wp_head' , 'avicon') ;

Après toutes ces étapes, vous venez d’ajouter un favicon WordPress, avec la méthode manuelle. 😎

Conclusion

Vous savez maintenant comment ajouter un favicon sur WordPress ! 😀

Un favicon représente l’identité de votre site Web. Il n’occupe peut-être qu’une petite place sur votre site, mais ce petit détail joue un rôle particulier dans l’amélioration de la reconnaissance de votre marque et de l’expérience utilisateur.

Vous avez des remarques vis-à-vis de ce guide ou souhaitez obtenir une aide complémentaire ? N’hésitez pas à nous contacter via la section Commentaires !

Avatar de l'auteur

Auteur de l'article

Joseph

Bonjour, je m'appelle Joseph. Je suis rédacteur spécialisé dans WordPress, PrestaShop et d'autres CMS. Fort d'une expertise approfondie en PHP et MySQL, je partage mes connaissances à travers des tutoriels simples et accessibles. Passionné par le développement et la transmission de savoir, j'aime expliquer et rendre les concepts techniques compréhensibles pour tous

Avis client de l'hébergeur LWS

Nos avis Trustpilot Nos avis Hostadvice Nos avis sur avis.lws.fr
Avis trustpilot 30/04/2022

LWS l'hébergeur par excellence !

LWS est pour moi l'hébergeur par excellence, que cela soit au niveau de l'hébergement qui est très performant, les mails qui sont d'une qualité professionnelle et de la gestion du domaine facile à comprendre.

PauseGreen

Avis hostadvice 27/04/2022

Super, au top !

Au top, prix attractif. Service très rapide et réactif. Je l'ai même personnellement recommandé à des proches. La vie est bien plus facile avec LWS

Masset Eliot

Avis avislws 26/04/2022

Support

Clair, efficace, rapide et à tarif abordable. J'ai maintenant un site superbe à mon image, puisque je le fais moi-même. L'équipe technique est au top, j'ai une réponse en 20 minutes, cela change d'autres hébergeurs pourtant plus connu.

Lady Whip

Avis hostadvice 24/04/2022

Bravo et merci

Bravo et merci aux équipes techniques pour leur réactivité et leur professionnalisme depuis plus de 10 ans chez eux et de nombreux sites !!! Merci

Olivier Delmas

Avis trustpilot 23/04/2022

Je suis très satisfait.

J'ai commandé un hébergement pour le site d'une association. Tout s'est passé très rapidement et sans la moindre embuche. La tarification est attractive et me parait très claire. Le panneau d'administration de l'hébergement est facile à utiliser et à comprendre. Je n'ai pas encore installé Wordpress car le contenu n'est pas prêt mais ce sera la prochaine étape et je suis très confiant. Merci !

Pierre-André Liné

Avis avislws 20/04/2022

Un service technique excellent

Je suis client chez LWS depuis 2011 avec une boutique OSCommerce qui tourne comme une horloge depuis cette date sur un hébergement mutualisé. La disponibilité de la boutique est très proche de 100%. Concernant les rares problèmes rencontrés en huit ans, j’ai eu à chaque fois un technicien compétent qui a résolu le problème très rapidement et efficacement. Je suis en train de migrer sur une plateforme Pretashop sur un VPS, avec l’offre LWS Debian 9 et Prestashop. Un technicien m’a grandement aidé pour finaliser l’installation de la boutique lors de la mise à jour vers la dernière version de Prestashop 1.7 qui posait problème. Je suis très satisfait de LWS, et ce sur la durée : réponses et réactions rapides et efficaces. Je recommande cet hébergeur et encore merci.

Alain

Avis trustpilot 16/04/2022

Une expérience jamais égalée !

Étant Développeur Web & Mobile Full-Stack depuis plus de 5 ans déjà, j'ai rarement eu un service client aussi rapide et efficace. Sans compter la qualité du service en ligne. Je recommande VIVEMENT LWS !

Chris KOUAKAM

Avis hostadvice 12/04/2022

Très bon hébergeur

J'ai un serveur VPS chez eux et je n'ai aucun problème, dès qu'il y a un problème le service technique est la pour vous aider et répond assez rapidement à votre demande. Je recommande vivement cet hébergeur.

Vanden Cruyce

Avis avislws 09/04/2022

Je suis ravie

Je suis ravie d'être avec LWS sur tous les plans, je remercie les Techniciens (Fabrice, Omar, Sandy-Mahitsison) depuis plus de 8 ans j'ai évolué avec LWS et toujours soutenue. Une véritable relation humaine même si les questions ou nos inquiétudes ne correspondent pas à leurs missions, ils sont là pour nous répondent et nous rassurent. Mon site c'est mon travail ma source de revenue donc il sont mes partenaires ! les travailleurs de l'ombre merci à eux ! Merci LWS

L'atelier-and-Co

Commentaires (0)

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée.