繁体   English   中英

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

[英]add different attributes to wordpress menu items

我想为每个菜单项添加一个具有不同名称的自定义属性。 我刚刚开始在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>

我这样做是因为我正在使用一个页面滚动插件,该插件的每个部分都有锚点,因此给该数据菜单可以导航到特定部分,并为菜单项和部分提供“活动”类。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM