WordPress导航如何调用函数wp_nav_menu的li标签添加自定义class类

最新推荐文章于 2024-03-20 10:24:35 发布

转载最新推荐文章于 2024-03-20 10:24:35 发布 · 812 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://hs.huanhuanhuishou.com/

文章标签：

#wordpress

笔记专栏收录该内容

26 篇文章

订阅专栏

在WordPress中，使用wp_nav_menu函数创建导航菜单时，默认无法直接添加自定义class。要实现这一功能，可以通过添加过滤器`nav_menu_css_class`并编写函数来插入自定义类。例如，可以创建一个名为`wpmaker_menu_classes`的函数，检查菜单位置，当位置为'topmeau'时，添加'custom-class'。然后使用`add_filter`将此函数添加到过滤器中，即可为导航菜单项添加自定义class。

在WordPress建网站时，会使用wp_nav_menu函数来调用网站后台导航菜单，会生成一个无序列表。如下面的代码：

<ul>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
</ul>

使用wp_nav_menu函数生成导航，默认情况下是无法添加自定义的class类的，如果想要添加自定义的class类，需要使用以下的方法。

function wpmaker_menu_classes($classes, $item, $args) {
if($args->theme_location == 'topmeau') { //topmeau是菜单的名称
$classes[] = 'custom-class';//添加自定义类名
}
return $classes;
}
add_filter('nav_menu_css_class','wpmaker_menu_classes',1,3);

这样就可以给导航菜单添加自定义class类名。