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

Comment ajouter du CSS à une icône de menu WordPress ?

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

Pour les professionnels des nouveaux médias , le SEO consiste à optimiser les sites web et à 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.

Pour des illustrations détaillées, veuillez vous référer au menu de navigation du blog de Chen Weiliang .

Comment utiliser les polices d'icônes ?

Étape 1 : Installez 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.

Étape 2 : Trouver 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

Étape 3 : Saisissez l’icône de police CSS dans le 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 ne voyez pas les classes CSS dans le panneau du menu Édition, vous pouvez ouvrir « Options d’affichage » dans le coin supérieur droit et sélectionner « Classes CSS » dans la section Propriétés avancées du menu Affichage . ▼

• 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.