Utiliser la police font-awesome dans wordPress

Notez que cet article a été écrit pour la première fois il y a plus de 4 ans, mais n'est pas nécessairement obsolète.

J’écris cet article comme mémo, ayant vu le principe sur le web.

La font-awesome est une police d’icones vectoriels très pratique pour éviter de gérer des images et d’une taille correcte (80ko et 285ko pour le svg). Les caractères/images sont insérés dans un texte grâce à une écriture du style :

qui affichera : .

Pour augmenter la taille, il suffit d’ajouter une classe (fa-lg, fa-2x, …, fa-5x).  .

Pour utiliser cette font, il faut l’inclure dans le header, ce que nous faisons dans le fichier fonctions.php du thème utilisé.

La font est hébergée sur le bootstrapcdn, on ne la télécharge pas dans le back-office, cela ne fonctionne pas dans l’éditeur visuel.

Pour pouvoir l’utiliser, on ajoute le shortcode dans le fichier fonctions.php.

Le shortcode s’utilise :

pour obtenir un bel icone de feed RSS: , et

pour obtenir .

Notez que la couleur de l’icone est celle de la police utilisée, les parties intérieures sont transparentes. On peut alors mettre un fond pour le combler si nécessaire.

 

Soumettre un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.