php - 添加自定义属性 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;
}