WordPress自定义给导航菜单添加一个a标签的class与data命名
WordPress的wp_nav_menu是不能给a标签添加额外的属性的,比如class,data等,所以就需要另外在添加函数了。方法如下:
在wp后台中外观——主题文件编辑器——找到functions.php文件中添加以下代码到 ?>内即可:
1 2 3 4 5 6 7 8 9 10 11 12 | //菜单 function xintheme_menu_link_atts( $atts, $item, $args ) { $atts['class'] = 'item'; $atts['data-link-alt'] = $item->title; return $atts; } add_filter( 'nav_menu_link_attributes', 'xintheme_menu_link_atts', 10, 3 ); register_nav_menus( array( 'header_menu' => '顶部导航', ) ); |
这样我们就可以自定义a标签的样式了,我们去css文件夹添加.nav-link{}样式即可。
浅唱6(微信/QQ号:909912499),欢迎分享本文,转载请保留出处!部分内容来自网络,如有侵权请联系删除处理!
相关信息
本站提供代码修改,dedecms,WordPress仿站二次开发 / PHP网站建设以及SEO优化等网络营销推广等服务。
如有需要请加QQ: 909912499