Comment ajouter des icônes sur mon site internet ?

Pourquoi utiliser des icônes sur mon site internet ?

Les icônes sont de plus en plus utilisés sur internet car elles permettent de faire passer un message facilement et de façon ludique, tout en dynamisant l’aspect de votre site, notamment grâce à l’utilisation des couleurs. De plus, les icônes sont moins lourds que les images, ce qui accélère donc le temps de chargement de votre page, notamment pour mobile, ce qui est mieux pour votre référencement naturel.

Pour afficher ces icônes, on peut utiliser des librairies d’icônes disponibles sur le web. « Font Awesome » est la plus connue. Elle propose presque 20 000 icônes en version pro. Nous allons voir dans ce petit guide comment accéder à cette vaste librairie.

Comment utiliser des icônes sur mon site internet 6temflex?

Cette librairie d’icônes est disponible depuis plusieurs années sur 6temflex mais son utilisation est aujourd’hui simplifiée grâce à l’ajout du nouveau plugin. En effet, vous pourrez retrouver à présent, dans votre éditeur de texte de page ou de type de contenu, un nouveau bouton « Ajouter un icône ».

Une nouvelle fenêtre s’ouvre alors, avec plusieurs options :

1. Une barre de recherche (il est préférable d’utiliser des mots-clés en anglais)
2. Un filtre pour classer les icônes
3. Les icônes disponibles

Une fois votre icône choisi, un shortcode apparaît dans le champ de texte : il représente votre icône, et ressemble à ça :

[icon name="star" prefix="fas"]

Vous pouvez sélectionner ce shortcode afin de lui ajouter une couleur ou changer la taille par exemple, mais ne changez pas le code ou l’icone n’apparaîtra pas. Vous n’avez plus qu’à prévisualiser, et si le résultat vous convient, vous pouvez enregistrer.

Exemple d’utilisation