【问题标题】:wordpress nav submenu class siggningwordpress 导航子菜单类签名
【发布时间】:2014-02-16 22:45:13
【问题描述】:

我的css是

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

我将其转换为 wordpress 并将代码作为

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

但是在类子菜单中没有应用到wordpress中的下拉子菜单

我确实在functions.php中注册了菜单,因为我的主菜单正在工作

请告诉我如何将类子菜单应用于 wp_nav_menu 子菜单的下拉菜单

【问题讨论】:

    标签: wordpress wordpress-theming


    【解决方案1】:

    在导航元素中添加这个:

    <?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 );
    
    ?>
    

    并使用您的类和 id 修改变量

    要修改子类,你需要添加一个walker: wp_nav_menu change sub-menu class name?

    【讨论】:

    • 哪些变量会随着类的变化而变化......这是我第一次尝试将这个 html 转换为 wordpress 很抱歉提出这个愚蠢的问题
    • @user3117694 您需要添加一个walker 来更改子菜单类:stackoverflow.com/questions/5034826/… 但我建议您更改 CSS 中的类名,因为这样更容易
    【解决方案2】:
    '主菜单', 'menu_class' => 'fluid fluidList menuitems', 'container_id' => '', ) );?>

    使用 Jquery 添加子类。

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

    【讨论】:

      猜你喜欢
      • 2014-08-12
      • 2019-09-08
      • 2013-09-26
      • 2013-11-30
      • 1970-01-01
      • 2023-03-30
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多