WordPress上的引导按钮菜单

时间：2014-03-03 作者：Terix

我在wordpress上有一个简单的4项菜单。我想使用此菜单的引导按钮样式。

这是我想要得到的手工代码。

<div class="menu-menu-container">
<ul id="menu-menu" class="btn-group">
<li id="menu-item-16" class="btn btn-default"><a href="http://localhost/test/?page_id=5">Link 1</a></li>
<li id="menu-item-15" class="btn btn-default"><a href="http://localhost/test/?page_id=7">Link 2</a></li>
<li id="menu-item-14" class="btn btn-default"><a href="http://localhost/test/?page_id=9">Link 3</a></li>
<li id="menu-item-13" class="btn btn-default"><a href="http://localhost/test/?page_id=11">Link 4</a></li>
</ul></div>
我不知道如何告诉wp\\u nav\\u menu（）以这种方式构建菜单。我正在把213作为开始主题，所以我必须将默认菜单更改为我想要的样式。

我试着用this guide 但我无法得到我想要的结果。有人能解决这个问题吗？

2 个回复
最合适的回答,由SO网友:Dylan 整理而成

以下内容应使用应用于容器和ul的正确类和ID设置菜单。的codex条目wp_nav_menu 列出所有可能的参数。

wp_nav_menu( array( 
    \'theme_location\' => \'primary\', 
    \'container_class\' => \'menu-menu-container\', 
    \'menu_id\' => \'menu-menu\', 
    \'menu_class\' => \'btn-group\' 
) );
然后，可以使用nav_menu_css_class filter.

function my_special_nav_class( $classes, $item ) {
    $classes[] = \'btn btn-default\';
    return $classes;
}
add_filter( \'nav_menu_css_class\', \'my_special_nav_class\', 10, 2 );

SO网友:Galen Gidman

我不认为有一种简单的方法可以将类添加到列表项中，但是包装一个<span> 在<a>.

wp_nav_menu(array(
    \'theme_location\' => \'your-theme-location\',
    \'before\' => \'<span class="btn btn-default">\',
    \'after\' => \'</span>\'
));

结束
标签： menus   twitter-bootstrap   小码农  

相关推荐

How to add taxonomy in menus?

书籍（自定义帖子类型）小说（税）科学（税）历史（税）--书籍体裁（税务）小说（术语）科学（学期）历史（学期）以下哪一项是做这件事的“好方法”？对于前一个（这是我目前在管理菜单中的功能，我为每个功能都提供了“register\\u taxonomy”功能），我无法选择要在菜单中显示的“Tax”。而对于后者，我可以将它们添加到菜单中，只需要一个“register\\u taxonomy”函数。