wordpress - wordpress wp_nav_menu container_class 中的多个类

Question

我正在使用 wordpress 和 twitter bootstrap，在其中尝试设计一个导航菜单...

我已经调用了 wp_nav_menu 并在里面定义了它在 Function Reference/wp nav menu 中提到的相关参数...

我想做的是向容器菜单添加多个类，例如:-

wp_nav_menu( array( 
    'menu_class' => 'class1 class2 class3', 
    'container_class' => 'nav-collapse collapse',
) );

它根本不起作用，浏览器显示 container_class 上的 menu-menu-container 类确实...

让它发挥作用的诀窍是什么？我做错了什么吗？

Answer 1

默认情况下，Wordpress 扩展菜单类名称:

... class="menu-'. $menu->slug .'-container"';

来源:http://core.trac.wordpress.org/browser/trunk/wp-includes/nav-menu-template.php#L202

您可以使用自己的walker 类。它实际上并没有“做”(在生成 HTML 的意义上)任何事情。它只是简单地跟踪树的每个分支:它必须由其他类扩展，这些类告诉它如何处理它遇到的每个元素。

WordPress 提供了自己的扩展类，例如:

• Walker_Nav_Menu – 用于显示导航菜单的 HTML
• Walker_Page – 用于显示页面列表
• Walker_Category – 用于显示分类术语列表。

例子:

$walker = new Custom_Walker_Menu();

wp_nav_menu( array( 
    'menu_class' => 'class1 class2 class3', 
    'container_class' => 'nav-collapse collapse',
    'walker' => $walker
) );

请阅读引用:Class Reference/Walker .

有许多自定义的 WordPress nav walker 类要实现，检查这个 repository .