也想出现在这里?联系我们

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

2023.10.04 wordpress教程
  • 文章介绍
  • 升级版本
  • 评价&建议

要为WordPress中的wp_nav_menu添加自定义class类,你可以使用wp_nav_menu函数的'walker'参数来创建一个自定义的菜单遍历器(walker),然后在遍历器中添加你需要的class类。

以下是一个示例,演示如何创建一个自定义walker来为wp_nav_menu添加自定义class类:

class Custom_Walker_Nav_Menu extends Walker_Nav_Menu {
    function start_el(&$output, $item, $depth = 0, $args = NULL, $id = 0) {
        // 添加你的自定义class类到<li>标签
        $class_names = join(' ', apply_filters('nav_menu_css_class', array_filter($item>classes), $item, $args));
        $class_names = ' class="' . esc_attr($class_names) . ' yourcustomclasshere"';

        // 其余的代码,你可以根据需要自定义
        // 确保不要改变原有的代码,以免影响菜单的正常显示

        // 最后将结果添加到$output
        $output .= '<li id="menuitem' . $item>ID . '"' . $value . '>';
    }
}

然后,在你的主题文件中,调用wp_nav_menu时,使用'walker'参数来指定你的自定义walker类:

wp_nav_menu(array(
    'theme_location' => 'yourmenulocation',
    'walker' => new Custom_Walker_Nav_Menu(),
));

将上述代码中的'yourcustomclasshere'替换为你想要添加的自定义class类名。这样,你就可以为wp_nav_menu中的

  • 标签添加自定义class类了。

  • 有用0
    • 2023.10.04初次和大家见面了!

    等待您对该主题的建议

    发表评论

    还能输入240个字

    Hi, 欢迎加入Wordpress技术交流群,带你装逼带你飞!

    我要入群
    也想出现在这里?联系我们
    wordpress加速

    我来推荐一个更牛逼的给你看看?

    • 猛戳我吧