WordPress導航Twitter引導程序自定義

Question

我一直在嘗試將導航主題設置為使用twitter引導程序。 我希望它看起來像固定的頂部橫幅的演示示例，如http://getbootstrap.com/examples/navbar-fixed-top/

我已經開始工作了，但是我不喜歡我已經開始工作了！

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

上面的代碼構建了我的導航，您可以看到除了默認代碼之外，我還添加了navbar-collapse和collapse因此可以根據引導程序對其進行樣式設置。 這不是真正的問題。 問題是當這段代碼然后生成菜單時，我不知道如何向其創建的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 );