Icons WordPress : l’insertion d’icônes expliquée sim­ple­ment

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, dis­po­nible par exemple chez Font Awesome. Ce plugin permet également d’utiliser des short­codes pour insérer les icônes. Vous avez également la pos­si­bi­lité d’intégrer ma­nuel­le­ment les polices d’icônes par code d’in­té­gra­tion, des polices in­di­vi­duelles 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 pic­to­grammes et des symboles in­di­vi­duels que vous pouvez insérer sur votre site Web et qui y sont utilisés pour la na­vi­ga­tion ou pour aérer le texte. La grande dif­fé­rence avec les autres icônes de WordPress est que les icon fonts sont conçues comme une police de ca­rac­tères ordinaire. Celle-ci contient alors sim­ple­ment les petits symboles. Les avantages de cette méthode sont im­por­tants. D’une part, elle facilite l’uti­li­sa­tion lorsque les pic­to­grammes sont sur fond d’écriture. D’autre part, sur WordPress, ces icônes sont, tout comme une police de ca­rac­tères tra­di­tion­nelle, librement re­di­men­sion­nables et peuvent être colorées à volonté. De plus, les polices d’icônes se chargent plus ra­pi­de­ment que les gra­phiques in­di­vi­duels.

Il existe de nombreux four­nis­seurs qui mettent à dis­po­si­tion 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é­ci­fiques.

Lorsque vous avez trouvé les icônes qui con­vien­nent à 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’in­té­gra­tion spé­ci­fique appelé Better Font Awesome. Celui-ci permet d’insérer des icônes dans WordPress via l’uti­li­sa­tion d’un shortcode. Pour cela, le plugin met toujours à dis­po­si­tion les derniers ensembles d’icônes et ne nécessite donc pas de mises à jour manuelles. L’uti­li­sa­tion 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 dif­fé­rents pic­to­grammes sont également dis­po­nibles dans l’éditeur de texte.

Vous pouvez également insérer ma­nuel­le­ment des icônes sur WordPress. A cet effet, Font Awesome met à votre dis­po­si­tion la police de ca­rac­tères cor­res­pon­dante sous forme de code d’in­té­gra­tion. Cela fonc­tionne comme suit :

1. En­re­gis­trez votre adresse email auprès de Font Awesome. C’est à cette dernière que le code d’in­té­gra­tion est envoyé.
2. Faites ensuite une sau­ve­garde de votre site Web. Comme vous in­ter­ve­nez dans le code, il est important d’avoir une copie de sau­ve­garde.
3. Main­te­nant, insérez le code dans l’en-tête de votre thème. Cela fonc­tionne soit via le fichier header.php, soit même di­rec­te­ment dans le système backend pour certains thèmes. Le code d’in­té­gra­tion est placé juste avant le de l’image.
4. Vous pouvez main­te­nant choisir les icônes pour WordPress dont vous avez besoin pour votre site.

Vous pouvez également té­lé­char­ger la col­lec­tion d’icônes souhaitée di­rec­te­ment chez Font Awesome :

1. Dans un premier temps, dé­com­pres­sez 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 re­la­ti­ve­ment peu d’icônes dis­po­nibles pour votre site de WordPress ; mais vous trouverez aussi des clas­siques comme les icônes d’e-mail, les logos des dif­fé­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 dif­fé­rentes options, qui fonc­tion­nent toutes de manière re­la­ti­ve­ment simple. Les polices d’icônes offrent de nombreux avantages par rapport aux gra­phiques, c’est pourquoi elles peuvent être une option in­té­res­sante. Il est important de toujours utiliser les icônes avec par­ci­mo­nie. Dans le cas contraire, votre page devient ra­pi­de­ment confuse. Un favicon WordPress et quelques icônes sur les dif­fé­rentes pages suffisent amplement.