Comment ajouter l'icône de menu WordPress CSS ?Installer le plugin de police d'icône de navigation WP

Outils de gestionComment ajouter une icône de menu CSS ?

Installer le plug-in de polices d'icônes de navigation WP

nouveau médiales gens fontSEOIl s'agit d'optimiser le site Web et d'améliorer l'expérience utilisateur.

Vous pouvez ajouter des polices d'icônes à votre site Web WordPress, qui sont très belles et prennent en charge les modèles de thème WP de conception réactive.

Les polices d'icônes et les icônes au petit format d'image sont différentes :

• Prend en charge l'affichage de la rétine.
• 可以无限agrandir.
• Personnalisez les éléments du menu de navigation individuellement en tant que polices d'icônes.

Le diagramme d'effet spécifique peut être visualiséChen WeiliangMenu de navigation du blog.

Comment utiliser les polices d'icônes ?

1 步：Installer le plugin

• Arrière-plan WP → Plugins → Installer des plugins → Recherchez "Font Awesome 4 Menus", téléchargez, installez et activez ;
• Vous pouvez également télécharger directement depuis le site Web, puis télécharger ou installer via FTP après le téléchargement.

2 步：Rechercher des polices d'icônes

Ouvrez le site officiel de la police d'icônes et trouvez l'icône dont nous avons besoin▼

• que vous pouvez afficher lorsque vous cliquez sur l'icône <i class =“fa fa-home”> </ i>Copie fa fa-home.
• Si le nom de l'icône d'accueil est home, nous devons entrer dans "Menu CSS Class" fas fa-home

3 步：Icône de police de classe CSS d'entrée de menu

• Arrière-plan WP → Apparence → Menu, accédez à la page de configuration du menu.
• sélectionner et modifier un élément de menu,
• Dans la classe CSS, collez le nom de la police de l'icône que nous venons de copier (fa fa-home) ▼

• (Le fonctionnement des autres icônes est le même)
• Cliquez enfin sur enregistrer.

注意 事项

Si vous n'avez pas de classes CSS dans le panneau Modifier les éléments du menu, vous pouvez ouvrir les "Options d'affichage" dans le coin supérieur droit, et dansAfficher les propriétés avancées du menu, sélectionnez "Classe CSS" ▼

• Bien sûr, cette bibliothèque de polices d'icônes n'est pas limitée à une utilisation dans le menu de navigation, tant que le code d'icône correspondant est ajouté à la position correspondante du modèle de thème.