0

これは、私の wordpress テーマの 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.al... クラスは Zurb-Foundation のもので、wordpress の外ではうまく機能し、オンとオフを切り替えます... ここで何が欠けているのでしょうか?

Zurb Foundation の内部の仕組みについては、それを無視するほどよく知りません... しかし、JavaScript がどこかにあるような気がします。

トップメニューがオフになり、モバイルメニューのみが表示されるはずです。

メニューはすでに functions.php で適切に定義されており、問題なくロードされます。

4

1 に答える 1

0

手始めに...「container_class」のコンマを捨ててください。

「container_class」に提供される文字列は、クラス値としてほぼそのまま使用されます (文字列は最初にエスケープされます)。

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

于 2012-05-24T16:14:39.370 に答える