我的知识记录

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

WordPress的wp_nav_menu是不能给a标签添加额外的属性的,比如class,data等,所以就需要另外在添加函数了。方法如下:

在wp后台中外观——主题文件编辑器——找到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 );
这样我们就可以自定义a标签的样式了,我们去css文件夹添加.nav-link{}样式即可。

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

标签:

更新时间:2025-12-07 21:19:26

上一篇:pbootcms使用扩展标签实现手机移动端判断

下一篇:pbootcms后台自定义字段多图上传不能多图拖动解决办法