WP Menu Icons

Optimiser votre menu WordPress avec WP Menu Icons

Dans l’univers de WordPress, la personnalisation des menus est primordiale pour améliorer l’expérience utilisateur. Une des manières les plus efficaces d’y parvenir est d’ajouter des icônes à vos éléments de menu. Le plugin WP Menu Icons facilite cette tâche, permettant d’harmoniser l’apparence de votre navigation avec des éléments graphiques attrayants et informatifs.

Qu’est-ce que WP Menu Icons ?

WP Menu Icons est un plugin qui vous permet d’intégrer facilement des icônes à vos éléments de menu WordPress. En s’inspirant des dernières tendances en matière de design, il imite la présentation des menus de tableau de bord modernes. Ce plugin n’est pas seulement pratique ; il enrichit visuellement vos menus, rendant la navigation de votre site plus intuitive et engageante pour les visiteurs.

Comment utiliser WP Menu Icons ?

Une fois que vous avez activé le plugin, il vous suffit de vous rendre dans le menu Apparence > Menus pour commencer à personnaliser votre navigation. Voici un guide pas à pas sur l’utilisation de WP Menu Icons :

1. Activation et accès aux paramètres : Activez le plugin à partir du menu des plugins dans WordPress, puis allez dans Apparence > Menus.

2. Configuration des icônes : Dans le meta box « Menu Icons Settings », vous pouvez choisir d’activer ou de désactiver différents types d’icônes.

3. Réglages par défaut : Définissez des paramètres par défaut pour le menu de navigation en cours. Ces réglages s’appliqueront automatiquement aux nouveaux éléments de menu que vous ajouterez.

4. Sélection des icônes : Pour ajouter une icône, cliquez sur le lien Sélectionner une icône à côté de l’élément de menu.

5. Sauvegarder : Une fois vos modifications effectuées, n’oubliez pas de sauvegarder le menu pour que les changements soient visibles sur votre site.

Types d’icônes supportés

WP Menu Icons vous offre une grande variété d’options pour personnaliser vos menus grâce à plusieurs types d’icônes. Voici les principaux types supportés :

• Dashicons : Les icônes de base intégrées dans WordPress.
• Elusive Icons : Un ensemble élégant d’icônes gratuites.
• Font Awesome : Une des bibliothèques d’icônes les plus populaires, offrant de vastes choix.
• Foundation Icons : Conçue par Zurb pour des designs modernes.
• Genericons : Des icônes modernes fournies par Automattic.
• Fontello : Packs d’icônes personnalisables.
• TI Icons : Un autre package proposé par ThemeIsle.
• Images et SVG : Vous pouvez également utiliser des images attaches ou des fichiers SVG pour plus de flexibilité.

Il est également prévu que le plugin prenne en charge des types d’icônes supplémentaires, comme des images via URL, ce qui élargit encore plus vos possibilités de personnalisation.

Compatibilité avec les thèmes WordPress

L’un des grands atouts de WP Menu Icons est sa compatibilité avec la plupart des thèmes WordPress. Que vous utilisiez des thèmes populaires comme Twenty Seventeen ou Hestia, le plugin fonctionne harmonieusement et vous permet d’enrichir vos menus sans causer de conflits visuels ou fonctionnels.

Questions fréquentes

Les icônes ne s’affichent pas ?

Si vous constatez que les icônes ne s’affichent pas après leur ajout, cela peut être dû à l’utilisation d’un thème qui emploie un « walker » personnalisé. Contactez votre auteur de thème pour vous assurer que les titres des éléments de menu sont filtrables.

Les positions des icônes ne semblent pas correctes

Pour ajuster les positions des icônes, vous pouvez plonger dans le fichier de style de votre thème. Si vous êtes à l’aise avec le CSS, vous pouvez appliquer vos propres styles. Sinon, des plugins comme Advanced CSS peuvent faciliter cette tâche.

Ajoutez-vous un nouveau type d’icône ?

Si vous souhaitez voir un type d’icône additionnel, n’hésitez pas à le signaler via la page des problèmes sur GitHub. Les développeurs sont ouverts aux suggestions et aux fonctionnalités demandées par la communauté.

Des personnalisations supplémentaires grâce à WP Menu Icons

Pour les utilisateurs plus expérimentés, le plugin fournit aussi des filtres et des hooks qui permettent d’étendre ses fonctionnalités. Que vous souhaitiez supprimer un type d’icône ou ajouter de nouvelles icônes personnalisées, le développement de WP Menu Icons est suffisamment flexible pour vous permettre de réaliser des ajustements avancés.

Comment retirer un type d’icône ?

Pour retirer un type d’icône, vous pouvez ajouter le code suivant dans le fichier de votre plugin mu (must-use):

php
function my_remove_menu_icons_type( $types ) {
// Dashicons
// unset( $types['dashicons'] );
// Elusive
// unset( $types['elusive'] );
// Font Awesome
// unset( $types['fa'] );
// Foundation
// unset( $types['foundation-icons'] );
// Genericons
// unset( $types['genericon'] );
// Image
// unset( $types['image'] );
return $types;
}
add_filter( 'menu_icons_types', 'my_remove_menu_icons_type' );

Comment ajouter une nouvelle police d’icônes ?

Pour ajouter un pack d’icônes de Fontello, créez un répertoire nommé fontpacks dans wp-content, téléchargez le pack au format ZIP, extrayez-le et déposez-le dans le répertoire créé. Ensuite, activez ce type d’icône à partir du meta box des paramètres.

Ajustements CSS personnalisés

Pour les utilisateurs souhaitant ajuster le style de leurs menus et icônes, WP Menu Icons permet de personnaliser l’affichage grâce à l’injection de CSS. Que ce soit pour corriger un positionnement ou modifier des couleurs, des fonctionnalités comme la possibilité d’intégrer du CSS personnalisé via le module Jetpack ajoute encore plus de possibilités.

Meilleures pratiques pour l’utilisation des icônes de menu

• Choisir des icônes pertinentes : Assurez-vous que chaque icône choisie représente clairement l’élément de menu correspondant. Cela aidera les utilisateurs à naviguer plus intuitivement sur votre site.

• Éviter la surcharge visuelle : Ne surchargez pas votre menu d’icônes. Trop d’éléments peuvent détourner l’attention des utilisateurs. La simplicité est souvent la clé.

• Tester l’affichage sur différents appareils : Assurez-vous que l’apparence de vos icônes est cohérente sur mobile et tablette. Un design responsive est essentiel pour une bonne expérience utilisateur.

Conclusion

WP Menu Icons est un outil puissant pour quiconque cherche à moderniser la navigation de son site WordPress. Grâce à une variété d’icônes et une personnalisation aisée, ce plugin permet de rendre votre menu non seulement esthétique, mais aussi fonctionnel. Que vous soyez un développeur expérimenté ou un amateur de WordPress, ce plugin vous permettra de donner vie à vos menus tout en améliorant considérablement l’expérience de navigation de vos visiteurs.