# WordPress 导航菜单给a标签添加class和data属性

- 原文链接：https://www.xintheme.com/wpjiaocheng/49255.html
- 发布日期：2019-06-29
- 更新时间：2026-08-22
- 作者：大胡子 | XinTheme
- 分类目录：WordPress教程
- 标签：nav_menu_link_attributes、WordPress、WordPress菜单、wp_nav_menu

## 摘要

WordPress的wp_nav_menu是不会为a标签添加额外的属性的，比如class， data等，所以就需要另外添加 在当前使用的WordPress主题的...

## 正文

[WordPress](https://www.xintheme.com)的wp\_nav\_menu是不会为a标签添加额外的属性的，比如class， data等，所以就需要另外添加

在当前使用的[WordPress主题](https://www.xintheme.com)的 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 );
```

### 扩展阅读：

[WordPress菜单 wp\_nav\_menu的li标签添加自定义class类](https://www.xintheme.com/wpjiaocheng/49254.html)