Icons WordPress : l’insertion d’icônes expliquée simplement

Il existe plusieurs méthodes pour alléger un texte dans WordPress avec des polices d’icônes. Vous pouvez utiliser un plugin WordPress pour les polices d’icônes, disponible par exemple chez Font Awesome. Ce plugin permet également d’utiliser des shortcodes pour insérer les icônes. Vous avez également la possibilité d’intégrer manuellement les polices d’icônes par code d’intégration, des polices individuelles ou des ensembles complets (aussi de Fonts Awesome par exemple). Si vous n’avez besoin que de quelques icônes standard, vous pouvez aussi utiliser celles de Page Builders ou Dashicons.

Les icon fonts sont des pictogrammes et des symboles individuels que vous pouvez insérer sur votre site Web et qui y sont utilisés pour la navigation ou pour aérer le texte. La grande différence avec les autres icônes de WordPress est que les icon fonts sont conçues comme une police de caractères ordinaire. Celle-ci contient alors simplement les petits symboles. Les avantages de cette méthode sont importants. D’une part, elle facilite l’utilisation lorsque les pictogrammes sont sur fond d’écriture. D’autre part, sur WordPress, ces icônes sont, tout comme une police de caractères traditionnelle, librement redimensionnables et peuvent être colorées à volonté. De plus, les polices d’icônes se chargent plus rapidement que les graphiques individuels.

Il existe de nombreux fournisseurs qui mettent à disposition des icônes pour WordPress. Beaucoup d’entre eux sont gratuits. Le site le plus populaire au monde pour les polices d’icônes gratuites est Font Awesome. On y trouve plus de 7 500 icônes. La palette s’étend de simples flèches ou de symboles courants comme le caddie et la loupe à des thèmes spécifiques.

Lorsque vous avez trouvé les icônes qui conviennent à votre site WordPress, vous pouvez les insérer. Une méthode simple consiste à les intégrer via un plugin. Pour Font Awesome, par exemple, il existe un plugin d’intégration spécifique appelé Better Font Awesome. Celui-ci permet d’insérer des icônes dans WordPress via l’utilisation d’un shortcode. Pour cela, le plugin met toujours à disposition les derniers ensembles d’icônes et ne nécessite donc pas de mises à jour manuelles. L’utilisation est simple : une fois installé, le plugin vous permet de choisir et d’intégrer n’importe quelle icône via le shortcode icon name=« exemple ». Mais les différents pictogrammes sont également disponibles dans l’éditeur de texte.

Vous pouvez également insérer manuellement des icônes sur WordPress. A cet effet, Font Awesome met à votre disposition la police de caractères correspondante sous forme de code d’intégration. Cela fonctionne comme suit :

1. Enregistrez votre adresse email auprès de Font Awesome. C’est à cette dernière que le code d’intégration est envoyé.
2. Faites ensuite une sauvegarde de votre site Web. Comme vous intervenez dans le code, il est important d’avoir une copie de sauvegarde.
3. Maintenant, insérez le code dans l’en-tête de votre thème. Cela fonctionne soit via le fichier header.php, soit même directement dans le système backend pour certains thèmes. Le code d’intégration est placé juste avant le de l’image.
4. Vous pouvez maintenant choisir les icônes pour WordPress dont vous avez besoin pour votre site.

Vous pouvez également télécharger la collection d’icônes souhaitée directement chez Font Awesome :

1. Dans un premier temps, décompressez le fichier ZIP contenu. Vous y trouverez également un fichier appelé all.css.
2. Utilisez le FTP pour vous connecter au serveur de votre site. Vous y trouverez un dossier nommé « fonts ».
3. Dans ce dossier, créez un sous-dossier intitulé « Font Awesome » et, à l’intérieur, un autre sous-dossier intitulé « css ». Vous y insérez le fichier all.css.
4. Ouvrez le fichier header.php de votre thème et ajoutez le code suivant devant insérer :

La situation est tout aussi claire en ce qui concerne les icônes d’accueil. Ces icônes sont standard sur WordPress et peuvent être insérées à l’aide d’un plugin. Pour cela, il suffit de copier le code d’une icône sur le site Web et de le coller dans le système backend. Certes, il y a relativement peu d’icônes disponibles pour votre site de WordPress ; mais vous trouverez aussi des classiques comme les icônes d’e-mail, les logos des différentes plates-formes de réseaux sociaux ou un panier d’achat.

Si vous souhaitez insérer des icônes dans WordPress, vous disposez donc de différentes options, qui fonctionnent toutes de manière relativement simple. Les polices d’icônes offrent de nombreux avantages par rapport aux graphiques, c’est pourquoi elles peuvent être une option intéressante. Il est important de toujours utiliser les icônes avec parcimonie. Dans le cas contraire, votre page devient rapidement confuse. Un favicon WordPress et quelques icônes sur les différentes pages suffisent amplement.