# WordPress菜单 wp_nav_menu的li标签添加自定义class类

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

## 摘要

最近在做一个WordPress主题，菜单栏要用到js，还需要往item写一个固定的class才行，所以必须使用nav_menu_css_class来给菜单中的 ...

## 正文

最近在做一个[WordPress主题](https://www.xintheme.com)，菜单栏要用到js，还需要往item写一个固定的class才行，所以必须使用nav\_menu\_css\_class来给菜单中的 li标签 添加自定义的class，那么将以下代码加入[WordPress](https://www.xintheme.com)主题的functions.php里即可：

```
function xintheme_menu_classes($classes, $item, $args) {
 if($args->theme_location == 'main') { //这里的 main 是菜单id
    $classes[] = 'nav-item'; //这里的 nav-item 是要添加的class类
 }
 return $classes;
}
add_filter('nav_menu_css_class','xintheme_menu_classes',1,3);
```

### 扩展阅读：

[WordPress 导航菜单给a标签添加class和data属性](https://www.xintheme.com/wpjiaocheng/49255.html)