WordPress给导航菜单a标签添加class和data属性

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

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

1
2
3
4
5
6
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

		    					    			
			    					    					    				    					    			
 原文链接：https://xiaohost.com/1741.html，转载请注明出处。