誰もがFlexNavプラグインを入手することに成功しました - http://jasonweaver.name/lab/flexiblenavigation/ - WordPressでの作業。
私はこのサイトのHTML版は問題なく動いていますが、WordPressが独自のクラスやIDなどをメニュー項目に使用しているためWordPressと統合すると問題が発生します。これはflexnavプラグインを上書きするようです。
私はカスタムウォーカー機能を使用してプラグインが作成したメニュー構造を複製しようとしているのか、それともWordPressが提供しているものでCSSを書き直すのかを疑問に思いますか。
どんなアドバイスも大歓迎です!
ありがとう
あなたはカスタムウォーカー機能を必要としません。あなたはこのように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モードをサポート