如何给wordpress菜单a超链接加上一个class属性

WordPress的wp_nav_menu是不会为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 );

效果如下：

添加上述代码之后，会把导航栏里面的所有a标签加上一个 class="nav-link" 的属性。

如果不想所有的都添加，只给一级添加 class="nav-link" 也行，但这种方法就没用了，我们可以在后台的设置里面操作。

首选打开后台右侧上角的显示选项，展开以后我们勾选 显示高级菜单属性 -> CSS类，

修改完了后，我们需要在菜单配置中，找到自己需要的一级菜单栏中的 css类，在框框里面输入对应的class 类名就行了。