wordpress - 将自定义数据属性添加到 Wordpress 导航菜单

Question

我在stackoverflow上看到了一些类似的问题，但我的有点不同。

我需要能够将自定义数据属性添加到 wordpress 菜单。
我遇到的问题是我找到的所有解决方案，如下所示，例如:

add_filter( 'nav_menu_link_attributes', 'my_nav_menu_attribs', 10, 3 );
function my_nav_menu_attribs( $atts, $item, $args )
{
  // The ID of the target menu item
  $menu_target = 365;

  // inspect $item
  if ($item->ID == $menu_target) {
    $atts['data-reveal-id'] = 'myModal';
  }
  return $atts;
}

允许您向所有菜单项添加相同的属性。
我需要的是，实际上是一种添加相同数据属性的方法，但在列表中的每个元素上具有不同的值。

这几乎是我需要实现的目标:

<ul id="myMenu">
    <li data-menuanchor="firstPage" class="active"><a href="#firstPage">First section</a></li>
    <li data-menuanchor="secondPage"><a href="#secondPage">Second section</a></li>
    <li data-menuanchor="thirdPage"><a href="#thirdPage">Third section</a></li>
    <li data-menuanchor="fourthPage"><a href="#fourthPage">Fourth section</a></li>
</ul>

因为我需要在这里使用这个插件:https://github.com/alvarotrigo/fullPage.js#fullpagejs

有什么建议吗？

谢谢

Answer 1

我想解决方案是扩展导航项。我之前做这个是为了向菜单项添加图标。

看看这里 - 您可以将字段命名为“anchortarget”(或其他任何内容)并在菜单中调用它，而不是副标题...
http://www.wpexplorer.com/adding-custom-attributes-to-wordpress-menus/

如果您需要进一步的提示，您应该在谷歌上搜索“wordpress + 菜单 + 自定义字段”。

希望这对你有帮助。祝一切顺利