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″]
扫码关注wpwp自学笔记
精选优质免费WordPress主题模板,分享最新WordPress实用建站教程!
记住我们的网址:ztJun.com
© 版权声明
文章版权归作者所有,未经允许请勿转载。
THE END