将属性添加到wordpress菜单

时间:2017-07-30 20:44:32

标签: javascript jquery wordpress

我正在为wordpress网站使用轻量级灯箱脚本。我想要一个主导航按钮在灯箱中打开Vimeo链接。灯箱的文档说“将'data-lity'属性添加到您想要在灯箱中打开链接的任何<a>元素”......就像这样:

<a href="//vimeo.com/1084537" data-lity>iFrame Vimeo</a>

对于正常的页面链接工作正常 - 但我没有在wordpress菜单中看到任何方法将“data-lity”属性添加到wordpress菜单。我怎样才能做到这一点?

由于

1 个答案:

答案 0 :(得分:0)

试试这段代码:

将此代码添加到当前主题的functions.php文件中:

add_filter( 'nav_menu_link_attributes', 'wpse44532_add_attr_menu_atts', 10, 3 );
function wpse44532_add_attr_menu_atts( $atts, $item, $args )
{
  // The id of the target menu item
  $menu_target = 44;
  if ($item->ID == $menu_target) {
    $atts['data-lity'] = 'test';
  }
  return $atts;
}