Discussion :

[Ushuango]

Bonsoir,

je refais le menu de mon site sous WordPress.
En ce qui concerne les classes: j'ai réussi à conserver les classes dans la balise <ul>, mais
pour les <li>, je voudrais conserver cet effet ( donc la classe prévue pour ):

lorsque je clique sur accueil ( ou autre dans mon menu ) le fond du lien change de couleur et persiste une fois arrivé sur la page en question.
Du classique en HTML et CSS, grâce à une classe dans le <li> concerné et bien sûr cette classe est ajouté dans la balise pour chaque page.

Comment remettre cette classe en WordPress en fonction de la page .
il y a probablement un if, mais comment cibler le <li> qui contient le lien de la page active ?

voici le HTML (reduit au plus simple):

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
<ul >
    <li class="active"><a href="index.html">Accueil</a></li>
    <li><a href="villes.html">Les villes</a></li>
    <li><a href="voyages.html">Les voyages</a></li>
    <li><a href="actualite.html">Les actualités</a></li>
    <li><a href="contact.html">Contact</a></li>
</ul>

Mon niveau actuel étant assez faible , je n'ai aucune idée de comment faire, mais ce dpit être un classique aussi sous WordPress !

Merci,

Laurent

[mathieu]

les différents classes css sont ajoutées automatiquement par wordpress lors de la construction du menu.
montrez nous les modifications que vous avez apportées au menu.

[SpaceFrog]

En général pour modifier les menus on passe par un menu walker sur lequel on peut ajouter des class lors de sa création ...

[Ushuango]

Dans mon header, j'ai remplacé le menu <ul> que j'ai montré par ça:

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
$args = array(
          'theme_location'      =>'mainmenu',
          'container'           =>'',
          'menu_id'             =>'main-menu',
          'menu_class'          =>'menu',
);
wp_nav_menu($args);

j'ai le id et classe qu'il me faut pour conserver le css associé au <UL>
tout fonctionne "comme avant", sauf la classe active que je ne sais pas remettre dans le <li> et en fonction de la page chargée !

À bien lire la documentation:
si je remplace dans mon css le .active par .current-menu-item ?
Je vais essayer si je trouve le temps aujourd'hui !! ( je ne me suis pas encore intéressé de près aux classes ajoutées par WordPress )