Question

我正在尝试在页脚导航中创建此导航结构：

<div class="footer container">
    <div class="footer-nav-containers">
        <ul>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </div>
    <div class="footer-nav-containers">
        <ul>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </div>
    <div class="footer-nav-containers">
        <ul>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </div>
</div>

我是WordPress的新手，并且非常感谢我如何将其设置为Walker类。谢谢！

Answer 1

首先，该HTML无效。您需要将<li>放入<ul> 我假设您已注册“footer”菜单

反正....

 <?php wp_nav_menu( array( 
      'theme_location' => 'footer', 
      'menu_id' => 'footer-menu' ,
      'container'         => 'div',
      'menu_class'        => 'footer container',
      ) 
    ); 
    ?>

为包装3菜单项添加jQuery。

var items = $(".footer container > li");
for(var i = 0; i < items.length; i+=3) {
   items.slice(i, i+3).wrapAll("<div class='footer-nav-containers'></div>");
}

WordPress中的Walker类

1 个答案: