当前位置: 首页 >wordpress

WordPress自定义给导航菜单添加一个a标签的class与data命名

wordpress 2023-2-19 阅读量: 469 TAG:

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{}样式即可。

 

(微信/QQ号:909912499),欢迎分享本文,转载请保留出处!部分内容来自网络,如有侵权请联系删除处理!

相关信息

本站提供代码修改,dedecms,WordPress仿站二次开发 / PHP网站建设以及SEO优化等网络营销推广等服务。

如有需要请加QQ: 909912499