wordpress 菜单中列表中的自定义结构

Question

我正在尝试使用 Wordpress 菜单功能创建自定义菜单。

这通常会为菜单上的每个元素输出一个列表：

<ul>
   <li><a href="#whatever">Element 1</a></li>
   <li><a href="#whatever">Element 2</a></li>
</ul>

但是对于我的设计，我希望列表中的每个元素都得到这样的东西

<li class="whatever">
    <div class="imageWrap">
        <div class="image"></div>
    </div>
    <div class="content">
        <a href="#link_here">
            Title
        </a>
        <div class="whatever">
            <p>Title of description</p>
            <p>Description</p>
        </div>
    </div>
</li>

最简单的方法是什么？

我一直在阅读 this article，其中建议改用函数 wp_get_nav_menu_items。但问题是我实际上并没有使用任何功能。当用户决定在网站的侧边栏或页脚中添加 菜单小部件 时，wordpress 会自行处理。

Answer 1

您要查找的是 Walker_Nav_Menu Class。根据需要编辑 HTML。

还要确保编辑调用 wp_nav_menu 函数的模板（主要是 header.php 文件）并向其中添加 walker 参数。

wordpress 菜单中列表中的自定义结构

Custom structure in a list within a wordpress menu

wordpress

wordpress-theming