首页 WordPress教程 WordPress给导航菜单a标签添加class和data属性
正文 评论

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类名,具体方法可以看下面这篇文章:

[xx_insert_post station_article=”1188″]

扫码关注wp主题君

精选优质免费WordPress主题模板,分享最新WordPress实用建站教程!

记住我们的网址:ztJun.com

-=||=-收藏赞 (0)
更多主题
单栏极简文艺WordPress博客主题:Diaspora主题
¥ 0 关注:20,021
详情
简约黑白WordPress个人博客主题:Personal主题
¥ 0 关注:19,980
详情
v1.0.0
小程序收录免费WordPress主题:XCX主题
¥ 0 关注:19,582
详情
v1.0.0
一款简约单栏的免费WordPress博客主题:itheme主题
¥ 0 关注:18,109
详情
功能丰富切轻量的WordPress虚拟资源主题:Rizhuti主题
¥ 599 关注:17,996
详情
大气优雅免费WordPress博客主题:HONEY主题
¥ 0 关注:14,845
详情
回复
暂无评论

不要再留垃圾评论了,主题君整理资源不容易,留几句鼓励的话吧。