Vous avez probablement remarqué que la plupart des sites Web ont une petite icône (généralement le logo du site) située dans le coin supérieur gauche de l’onglet de leur navigateur. C’est ce qu’on appelle un favicon. En plus d’aider les utilisateurs à reconnaître votre site Web dans leur navigateur et ainsi à améliorer l’expérience utilisateur, le favicon est aussi une forme essentielle de branding. En ajoutant un favicon à votre site, vous vous assurez que les utilisateurs peuvent différencier votre site des autres sites sur lesquels ils pourraient naviguer, et vous créez un lien entre l’image du favicon et votre marque.
Si vous nous le demandez, la configuration de votre favicon WordPress est l’une des premières choses que vous devez faire après avoir installé votre thème WordPress. Aujourd’hui, nous allons donc vous montrer comment ajouter un favicon à votre site WordPress.
Comment créer un favicon
Tout d’abord, nous devons aborder les façons dont vous pouvez créer votre favicon. Si vous cherchez une solution rapide, vous pouvez créer un favicon en utilisant un générateur de favicon en ligne. Des plateformes comme Générateur d’icônes de favicon et d’application te laisser choisissez une image sur votre ordinateur aux formats .jpg, .png ou .gif puis convertissez-la au format .ico. Si vous n’avez pas d’image préexistante, vous pouvez également parcourir leur galerie d’icônes par mots-clés, lettres ou couleurs, puis vous pouvez télécharger ou modifier une image que vous aimez.
Un autre excellent site Web pour générer des favicons est favicon.cc. Cette plate-forme vous permet non seulement d’importer votre image ou de choisir l’une des leurs, mais vous permet également créer un nouveau favicon à partir de zéro.
Si vous ne souhaitez pas utiliser de générateurs de favicon en ligne, vous pouvez toujours utiliser Photoshop ou Gimp pour créer un favicon ou redimensionner une image existante. Gardez simplement à l’esprit que WordPress nécessite les dimensions de votre image favicon doivent être d’au moins 512 × 512 pixels.
En ce qui concerne les formats, notons que le format .ico est utilisé pour générer des favicons en général. Mais depuis la sortie de WordPress version 4.3, WordPress a mis en place une fonctionnalité d’icône de site qui génère tout pour vous. Cela signifie que si vous utilisez la version 4.3 de WordPress (ou supérieure), vous n’avez pas besoin de préparer vous-même un fichier .ico et pouvez télécharger une image .gif, .jpeg ou .png à la place. WordPress le convertira ensuite au format .ico et générera toutes les dimensions nécessaires (assurez-vous simplement que l’image originale que vous téléchargez est de 512x512px).
Si, toutefois, vous utilisez toujours une version de WordPress antérieure à 4.3, vous devrez alors ajouter manuellement votre favicon à WordPress (dont nous reparlerons plus tard).
Comment ajouter un favicon à WordPress
Une fois que vous avez terminé de créer votre favicon, il est temps de l’ajouter à votre site WordPress. La première chose à faire est de vous diriger vers votre panneau d’administration et cliquez sur Apparence > Personnaliser.
De là, sélectionnez Identité du site.
Ici, vous pouvez choisir l’image que vous souhaitez utiliser comme icône de votre site.
Si votre image dépasse la taille limite recommandée, WordPress vous permettra de la recadrer. Faire cela, cliquer sur Éditer image.
Une fois que vous avez terminé le recadrage (ce que vous pouvez faire en cliquant sur votre image et en la faisant glisser avec le curseur de votre souris), sélectionnez le Recadrer bouton puis appuyez sur sauvegarder.
Sur le côté droit de l’écran, vous avez également la possibilité de redimensionner votre image, et dans le Recadrage de l’image section, vous pouvez même entrer les dimensions de l’image souhaitées et spécifier le rapport hauteur/largeur manuellement.
Enfin, n’oubliez pas de cliquer sur le Mettre à jour bouton lorsque vous avez terminé.
Et c’est tout – vous avez téléchargé avec succès votre favicon sur WordPress.
Ajout d’un favicon à une ancienne version de WordPress (4.3 ou moins)
Bien que nous vous recommandons de toujours garder votre site Web à jour avec la dernière version de WordPress, si par hasard vous utilisez une version antérieure à 4.3, vous devrez ajouter manuellement votre favicon à votre site WordPress.
Tout d’abord, vous devez générer un fichier .ico à l’aide de l’un des générateurs en ligne mentionnés ci-dessus. Ensuite, vous devriez téléchargez votre fichier favicon.ico dans le répertoire racine de votre site Web via FTP. Si vous n’êtes pas sûr de la façon dont cela se fait, assurez-vous de consulter notre guide des débutants sur FTP.
Nous devons mentionner qu’il y a un débat quant à savoir si le favicon doit être ajouté au répertoire racine ou au dossier du thème (ou aux deux). Dans tous les cas, nous vous suggérons de le télécharger au moins dans le répertoire racine car cela affichera votre favicon dans les lecteurs de flux.
Enfin, n’oubliez pas de faire un lien vers l’emplacement du fichier du favicon dans votre en-tête, car c’est une garantie que tous les navigateurs pourront le trouver. Pour ce faire, vous devez utilisez une balise de lien HTML dans le fichier header.php de votre thème pour ajouter le code. Vous pouvez trouver votre fichier header.php en allant sur Apparence > Éditeur de thème puis en le localisant dans le Fichiers de thème rubrique à droite.
Le code doit être ajouté entre le <head> et </head> Mots clés:
Si vous souhaitez créer un lien vers le favicon dans votre répertoire racine, vous devez utiliser ce code (il suffit de changer l’URL et le nom du fichier favicon pour qu’il corresponde au vôtre) :
<link rel="icon" type="image/x-icon" href="http://www.yourdomain.com/favicon.ico">
Si vous souhaitez ajouter le lien vers le favicon placé dans votre dossier de thème, ajoutez simplement ce code à la balise head (il suffit de changer le nom du fichier favicon si besoin) :
<link rel="icon" type="image/x-icon" href="https://qodeinteractive.com/magazine/add-favicon-wordpress/<?php echo get_stylesheet_directory_uri(); ?>/favicon.ico">
Ajouter un favicon à WordPress à l’aide d’un plugin
Si vous souhaitez ajouter votre favicon WordPress avec un plugin, vous pouvez le faire en installant Favicon par RealFaviconGenerator. Ce plugin est facile à utiliser et vous aide à générer et à définir un favicon pour différents appareils, tels que le bureau, Android, iPhone et iPad.
Après avoir installé et activé le plugin, accédez à Apparence > Icône de favori puis cliquez sur le « Sélectionnez dans la médiathèque » bouton.
Même si vous devez télécharger une image d’au moins 512 × 512 px lors de l’ajout d’un favicon via le Personnaliser écran, le plugin Favicon by RealFaviconGenerator nécessite que vous téléchargiez une image au moins 70×70 px en taille, et de préférence 260x260px.
Une fois votre image sélectionnée, cliquez sur Générer un favicon.
À partir de là, vous serez redirigé vers le site Web de RealFaviconGenerator. Une fois là-bas, vous devez faire défiler jusqu’en bas et sélectionner Générez vos favicons et votre code HTML:
Après un court instant, vous serez renvoyé sur votre site WordPress et vous verrez un message sur votre tableau de bord vous informant que votre favicon est prêt.
De plus, ici, vous pourrez avoir un aperçu de l’apparence de votre favicon sur différents appareils :
Conclusion
Et cela résume le processus d’ajout d’un favicon à votre site Web WordPress. Comme le montrent les étapes que nous avons présentées ci-dessus, une fois que vous avez trouvé le design qui vous représentera le mieux, vous ou votre marque, le reste du processus est vraiment un jeu d’enfant.
Soutenez notre effort ❤️
Si vous avez apprécié cet article, pensez à laisser un pourboire pour nous aider à continuer à publier du contenu de qualité.
