Zurb基礎クラスは、Wordpressのでは動作していない、彼らはWebKitのインスペクタに表示

Question

これは私のワードプレスのテーマでheader.phpのメニューコードです：

<?php wp_nav_menu(array( 
'theme_location' => 'header-menu', 
'container'   => 'nav', 
'container_class' => 'elephant-menu, show-on-desktops, hide-on-phones, hide-on-tablets' 
)); ?> 

<?php wp_nav_menu(array( 
'theme_location' => 'mobile-header-menu', 
'container'   => 'nav', 
'container_class' => 'show-on-phones, hide-on-desktops, hide-on-tablets' 
)); ?> 

象のメニュースタイルメニューバーとshow..et。アル...クラスは、Zurb-Foundationのもので、WordPressの外では素晴らしい仕事をしたり、物事を入れたり切ったりできます...私はここで何が欠けていますか？

私は、それを捨てるためにZurb Foundationの内部動作については十分に分かっていません...しかし、私はそのジャバスクリプトをどこかに感じます。

何が起こるべきかは、トップメニューがオフになり、モバイルのみを表示する必要があります。

メニューは既にfunctions.phpで正しく定義されており、うまくロードされます。

Answer 1

まず、コンテナを 'container_class'に入れてください。

'container_class'に指定された文字列は、ほとんどの場合、クラス値としてそのまま使用されます（文字列は最初にエスケープされたです）。

第2に、WordPressはデフォルトでZurb Foundation互換のメニューを生成しません。実際、Zurb互換のHTMLを完全に出力するには、WordPressのwp_nav_menu（）関数全体を効果的にバイパスする必要があります。