WordPress中的Walker类

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

并为wrap 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>");
}