Les polices d'icônes sont des icônes vectorielles utilisées comme polices. Ils sont populaires parmi les concepteurs de sites Web car ils sont plus beaux que les images bitmap. Ils peuvent être redimensionnés sans perte de qualité et stylisés à l'aide de CSS. C'est pourquoi de nombreux thèmes WordPress utilisent des polices d'icônes. Plus particulièrement, les thèmes par défaut Twenty Thirteen et Twenty Fourteen. Cependant pour les débutants, il est un peu compliqué d'utiliser les polices d'icônes sur leurs sites WordPress. Dans cet article, nous allons vous montrer comment utiliser les polices d'icônes dans l'éditeur de publication WordPress sans écrire de code HTML ou CSS.

Genericons un jeu de polices d'icônes open source sous licence GPL

Didacticiel vidéo

Abonnez-vous à WPBeginner

Si vous n'aimez pas la vidéo ou avez besoin de plus d'instructions, continuez à lire.

La première chose que vous devez faire est d'installer et d'activer le Polices d'icônes visuelles WP brancher. Lors de l'activation, vous devez vous rendre sur Paramètres » Polices d'icônes pour choisir un jeu de polices d'icônes. Actuellement, le plugin est livré avec Police géniale et Généricon polices.

Choisissez une police d'icônes à utiliser avec votre thème WordPress

Après avoir choisi une police, vous pouvez maintenant l'utiliser dans vos publications WordPress, vos pages, vos types de publication personnalisés et même dans les fichiers de modèle de votre thème. Pour utiliser les polices d'icônes, vous devez créer ou modifier un message, et vous remarquerez un Icônes bouton à côté de Ajouter des médias bouton. Cliquer sur le bouton des icônes ouvrira un menu déroulant de toutes les icônes disponibles dans le jeu de polices d'icônes. La sélection d'une icône dans ce menu déroulant insère l'icône dans l'éditeur de publication.

Ajout de polices d'icônes dans les publications et les pages WordPress

Vous pouvez également modifier la taille et la couleur de la police à l'aide des boutons de l'éditeur visuel.

Pour utiliser une icône dans votre thème, le moyen le plus simple de générer le code HTML requis consiste à ajouter une police d'icônes dans l'éditeur de publication, puis à passer à l'éditeur de texte pour copier le code HTML. Collez-le dans vos fichiers de modèle où vous souhaitez afficher une police d'icônes.

Copiez les polices d'icônes HTML à utiliser dans vos fichiers de thème

Les polices d'icônes peuvent être utilisées pour créer de belles pages de destination dans WordPress sans utiliser d'images. Ils peuvent également être utilisés pour mettre en évidence différentes sections d'un article ou d'un article long. Ce plugin vous apporte 369 icônes avec Font Awesome et 62 icônes avec la police Genericon.

Nous espérons que cet article vous a aidé à ajouter de superbes polices d'icônes dans WordPress. Faites-nous savoir comment vous comptez utiliser les polices d'icônes dans vos projets WordPress en laissant un commentaire ci-dessous.

Laisser un commentaire