wordpress中wp_nav_menu的container_class中的多个类

时间:2013-08-06 06:20:26

标签: wordpress twitter-bootstrap navigation

我在 twitter bootstrap 中使用 wordpress ,其中尝试设计导航菜单 ...

我已拨打wp_nav_menu并在其中定义了Function Reference/wp nav menu中提到的相关参数......

我要做的是在容器菜单中添加多个类,例如: -

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

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

使它成功的诀窍是什么?我做错了吗?

1 个答案:

答案 0 :(得分:2)

Wordpress 默认扩展菜单类名称:

  

... class =“menu-'。$ menu-> slug .'- container”';

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

您可以使用自己的步行者课程。它实际上并没有“做”(在生成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导航助手类,请检查此repository