WordPress给导航菜单A链接添加class和data属性

使用WordPress的朋友应该知道wp_nav_menu函数是不能给a标签添加额外的属性的,比如class, data等,所以这就我们需要手动另外添加了。

导航菜单的a标签添加class和data属性的方法也很简单,在当前使用的WordPress主题的functions.php文件中添加以下代码即可:

function xintheme_menu_link_atts( $atts, $item, $args ) {
  $atts['class'] = 'nav-link';
  $atts['data-link-alt'] = $item->title;
  return $atts;
}
add_filter( 'nav_menu_link_attributes', 'xintheme_menu_link_atts', 10, 3 );

我们还可以移除菜单导航中自带的多余Class类名,具体方法可以看下面这篇文章:

WordPress如何移除菜单导航中自带的多余Class类名

看过我们前几篇文章的朋友应该能够成功在WordPress后台添加多个自定义菜单,并且在前端调用新增的自定义菜单了。 那么改如何移除WordPress菜单导航中自带的多余类名呢?别急,这篇文章为你揭晓。 首先我们看看函数代码: //去除菜单多余类名 add_filter('nav_menu_css_c…

 

相关文章

WordPress教程

WordPress多站点修改上传文件类型和大小

2020-10-19 9:18:35

WordPress教程

WordPress免插件修改文章阅读访问量

2020-10-19 9:25:42

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索