web-dev-qa-db-ja.com

WordPressでのFlexNavの使用

誰もがFlexNavプラグインを入手することに成功しました - http://jasonweaver.name/lab/flexiblenavigation/ - WordPressでの作業。

私はこのサイトのHTML版は問題なく動いていますが、WordPressが独自のクラスやIDなどをメニュー項目に使用しているためWordPressと統合すると問題が発生します。これはflexnavプラグインを上書きするようです。

私はカスタムウォーカー機能を使用してプラグインが作成したメニュー構造を複製しようとしているのか、それともWordPressが提供しているものでCSSを書き直すのかを疑問に思いますか。

どんなアドバイスも大歓迎です!

ありがとう

3
Chloe

あなたはカスタムウォーカー機能を必要としません。あなたはこのようにwp_nav_menuを変えることができます:

    wp_nav_menu( array( 
    'theme_location' => 'primary',
    'menu_class' => 'flexnav', //Adding the class for FlexNav
    'items_wrap' => '<ul data-breakpoint="800" id="%1$s" class="%2$s">%3$s</ul>', // Adding data-breakpoint for FlexNav
    ));

そして適切なスクリプトinitは次のようになります。

jQuery(document).ready(function($){
   $(".flexnav").flexNav({
});
});

ナビゲーション以外の場所にメニューボタンをドロップします。

<div class="menu-button">Menu</div>

しかし、まだうまくいきません。言及したように、FlexNavはWordPressで動作するために少し修正が必要です。ここでこのmodを見てみてください http://Pastebin.com/ZEMQFFsA

アップデート:v.1.0以降のFlexNavはjQuery noConflictモードをサポート

5
dariodev