WordPress wp_nav_menu的li标签添加自定义class类
要为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类了。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
仍然有问题? 我们要如何帮助您?