php - Wordpress 导航 Twitter bootstrap 定制

Question

我一直在尝试将我的导航设置为主题以使用 Twitter Bootstrap 。我希望它看起来像这里看到的固定顶部横幅的演示示例 http://getbootstrap.com/examples/navbar-fixed-top/

我已经让它工作了，但我不喜欢我让它工作的方式!

    wp_nav_menu(
        array(
            'container_class' => 'main-nav navbar-collapse collapse',
            'theme_location' => 'primary',
        )
    );

上面的代码构建了我的导航，正如你所看到的，除了我添加的默认导航之外，我还添加了 navbar-collapse 和 collapse，因此它根据 Bootstrap 设置样式。这不是真正的问题。问题是当这段代码生成菜单时，我不知道如何将一个类添加到它创建的 UL 中，所以下面是我是如何做到的。

    $(document).ready(function(){
        if($("#menu-menu-1").length !== 0){
            $(".menu").addClass("nav navbar-nav");
        } else {
            alert("no navigation system");
        }
    });

这通过在代码生成时检测 UL 来工作，因为它的 ID 为 #menu-menu-1 然后它添加必要的类，这一切有效。

终于有问题了!有没有一种方法可以更有效地做到这一点，因为这种方法非常快速修复风格，看起来不像是一种值得信赖的永久方法。警报只是出于测试目的，所以我知道脚本是否正在运行

Answer 1

wp_nav_menu() menu_id 和 menu_class 都有选项。要将两者都添加到您的菜单中，您需要执行以下操作:

$menu_args = array(
    'theme_location'  => 'primary',
    'container_class' => 'main-nav navbar-collapse collapse',
    'menu_class'      => 'nav navbar-nav',
    'menu_id'         => 'menu-menu-1'
);

wp_nav_menu( $menu_args );