2

デフォルトの Twenty Twelve テーマでは、ブラウザー/画面の幅が 600px 未満で機能が異なる場合、上部のメイン メニューがボタンに変わります。この代替メニューを制御またはスタイルするコードがわかりません。

Twenty Twelve プレビュー

誰かがこれを無効/編集する方法を見つけるのを手伝ってくれませんか?

4

5 に答える 5

6

これは /navigation.js スクリプトによって処理されます。

これを担当する行は次のとおりです。

<script src="http://wp-themes.com/wp-content/themes/twentytwelve/js/navigation.js?ver=1.0" type="text/javascript">

functions.php の 103 行目で無効にできます。

   wp_enqueue_script( 'twentytwelve-navigation', get_template_directory_uri() . '/js/navigation.js', array(), '1.0', true );

次のようにコメントしてください：

// wp_enqueue_script( 'twentytwelve-navigation', get_template_directory_uri() . '/js/navigation.js', array(), '1.0', true );

そうは言っても、なぜ誰かがこれを無効にしたいのかよくわかりませんが、それは質問とは何の関係もないと思います..

編集I：

@Lucky Son が正しくコメントしたように、wp_deregister_script()を使用する必要があります

wp_deregister_script( 'twentytwelve-navigation' )
于 2013-02-04T14:34:41.590 に答える
0

上記の解決策は機能しませんでした。これにより、メニューボタンが機能しなくなったようです。私がやろうとしていること（そしてOPと同じように）は、それが醜いメニューボタンを追加するのを防ぎ、デスクトップと同じナビゲーションを使用することです。

私のサイトの上部にはボタンが3つしかないので、モバイル画面に簡単に収まります。代わりに、大きなドロップダウンを開く大きなボタンが表示されます。これにはゼロロジックがあります。デフォルトで投稿の上部に「返信を残す」ボタンを配置するTwentyTwelveテーマよりもロジックがほとんどありません。愚かなデザイナー。

于 2013-03-16T19:23:13.650 に答える
0

あなたが私に尋ねた場合、最も簡単な解決策は min-width: 960px; を追加することです。CSSで、サイトの本体のサイズを960px未満に変更しません。

@media screen and (min-width: 600px) {

    .site {
        margin: 0 auto;
        max-width: 960px;
        min-width: 960px;                            --- THIS LINE ADDED
        max-width: 68.571428571rem;
        overflow: hidden;
    }
于 2013-07-04T20:37:10.017 に答える
-3

モバイル プラグインを適用してメニューを無効にすることをお勧めします。これにより、ユーザーが選択できるようになります。メニューの要素によると思います。

于 2013-02-19T22:56:53.927 に答える