添加自定义属性Wordpress导航项

Question

我需要为单个 WordPress菜单项添加自定义属性.

<li id="menu-item-365" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-children-0">
<a href="http://www.mywebsite.com/whats-new/">WHATS NEW</a>
</li>

但我需要这样的代码

<li id="menu-item-365" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-children-0">
<a href="http://www.mywebsite.com/whats-new/" data-reveal-id="myModal1" data-animation="fade">WHATS NEW</a>
</li>

有人可以帮忙吗？

Answer 1

过滤此项,定位特定的菜单ID非常简单:

将以下内容添加到您的functions.php文件中.

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'] = 'myModal1';
    $atts['data-animation'] = 'fade';
  }
  return $atts;
}