Utilisation de liens d'image dans les menus de navigation de Wordpress au lieu de liens de texte
Wordpress prend-il en charge la possibilité d’utiliser des images dans les menus de navigation au lieu de liens de texte? J'ai cherché cette possibilité et trouvé un site qui montre comment inclure des images dans le menu via l'édition css:
http://vanweerd.com/how-to-replace-text-links-with-icon-links-in-wp-3-navigation-menus/
Si wordpress ne permet pas d'ajouter facilement une image en tant qu'objet pouvant être lié dans le menu de navigation, existe-t-il un plugin capable de le faire? Je voudrais avoir la possibilité d'ajouter et de supprimer des images à un menu de navigation sans avoir à éditer css.
Il y a deux façons.
1. Mauvais usage de la description
Allez à wp-admin/nav-menus.php, ouvrez les options et activez le champ de description. Ecrivez les chemins d’image dans le champ de description et utilisez un custom walker pour modifier la sortie de wp_nav_menu() .
2. Utilisez un type de message personnalisé
J'ai écrit un type de message personnalisé Navigation (hiérarchique) similaire à pages avec une zone de l'éditeur normal, un champ de titre et une zone de méta pour les URI. Le client écrit son code HTML et mon code crée une navigation à partir de ces entrées.
Vous pouvez ajouter du HTML, des images, des formulaires et des vidéos. Vraiment facile à utiliser, mais cela nécessite beaucoup de code.
Pourriez-vous expliquer un peu votre contexte?
Je pense aussi que CSS est une solution très appropriée à cela. En partie parce que cela convient pour l'équilibre du contenu/de la présentation, en partie parce que les menus personnalisés sont assez complexes à comprendre et que je reste généralement à l'écart de leurs éléments internes.
J'utilise CSS avec un ensemble d'icônes sur mon blog, alors j'ajoute simplement une classe personnalisée à l'élément de menu et les styles CSS en conséquence. Voir Rarst.net .
Je connais:
peut-être que l'un d'eux répondra à vos besoins .. jetez un coup d'oeil
Je ne vois pas le problème, mis à part le manque d'informations. Vous pouvez simplement utiliser un a-tag avec une classe, le lier à n’importe où, puis ajouter une image de fond via CSS. Vous pouvez réutiliser les classes pour des images identiques ou utiliser différentes classes pour différentes images.