wordpress nav sous-menu classe siggning

Publié par Jean-Michel le

mon css est comme

 <nav class="fluid topmenu">
      <ul class="fluid fluidList menuitems">
            <li><a href="index.html">HOME</a></li>
                <li><a href="boxes.html">boxes</a>
                <ul class="fluid fluidList submenu">
                    <li><a href="small.html">small</a></li>
                    <li><a href="medium.html">MEDIUM</a></li>
                    <li><a href="large.html">large</a></li>
                </ul>
            </li>
            <li><a href="aboutus.html">ABOUT US</a></li>
      </ul>
  </nav>

j’ai converti ceci en wordpress et mis le code comme

<nav class="fluid topmenu">
      <ul class="fluid fluidList menuitems">
         <li><?php wp_nav_menu(
                 array(
                    'theme_location' => 'main-menu',
                    'menu_class' => 'fluid fluidList submenu',
                    'container_id' => '',
                    )
        );?>
    </li>

      </ul>
  </nav>

mais dans le sous-menu de classe n’est pas appliqué au sous-menu déroulant dans wordpress

j’ai enregistré le menu dans functions.php car mon menu principal fonctionne

plz dites-moi comment obtenir le sous-menu de classe appliqué à la liste déroulante des éléments de sous-menu wp_nav_menu

Solution n°1 trouvée

‘main-menu’, ‘menu_class’ => ‘fluid fluidList menuitems’, ‘container_id’ =>  », ) );?>

Utilisez Jquery pour ajouter une sous-classe.

$(".menuitems li").find('ul').addClass('fluid fluidList submenu');

Solution n°2 trouvée

Ajoutez ceci dans l’élément nav :

<?php

$defaults = array(
    'theme_location'  => '',
    'menu'            => '',
    'container'       => 'div',
    'container_class' => '',
    'container_id'    => '',
    'menu_class'      => 'menu',
    'menu_id'         => '',
    'echo'            => true,
    'fallback_cb'     => 'wp_page_menu',
    'before'          => '',
    'after'           => '',
    'link_before'     => '',
    'link_after'      => '',
    'items_wrap'      => '<ul id="%1$s" class="%2$s">%3$s</ul>',
    'depth'           => 0,
    'walker'          => ''
);

wp_nav_menu( $defaults );

?>

et modifiez les variables avec vos classes et vos identifiants

Pour modifier la sous-classe, vous devez ajouter un marcheur : wp_nav_menu changer le nom de la classe du sous-menu ?

Catégories : Wordpress

Jean-Michel

Jean-Michel est en charge de la partie blog du site. Il met en place la stratégie de contenu et répond aux questions fréquentes sur Wordpress.

0 commentaire

Laisser un commentaire

Avatar placeholder

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *