javascript - 为 wordpress 菜单项添加不同的属性

Question

我想为每个菜单项添加一个具有不同名称的自定义属性。我刚开始在 wordpress 上做实验，所以我不知道如何编辑每个菜单 li 标签。

目前菜单看起来是这样的:

<ul id="menu-new-menu" class="menu">
    <li id="menu-item-13" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-13"><a href="#contact">contact</a></li>
    <li id="menu-item-14" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-14"><a href="#tabs">tabs</a></li>
</ul>

我想补充的是:

data-menuanchor="Name_of_the_page" (different for each menu item)

仅为第一个菜单项添加此类:

class="active"

所以它应该是这样的:

<ul id="menu-new-menu" class="menu">
    <li data-menuanchor="page-1" class="active" ... ><a href="#page-1">page-1</a></li>
    <li data-menuanchor="page-2" ... ><a href="#page-2">page-2</a></li>
</ul>

我这样做是因为我使用的是一个单页滚动插件，每个部分都有 anchor ，所以给那个数据菜单 anchor 你可以导航到一个特定的部分并为两个菜单提供一个“事件”类元素和部分。

Answer 1

试试这个 get_nav_menu_locations()

https://codex.wordpress.org/Function_Reference/wp_get_nav_menu_items#Examples