web-dev-qa-db-ja.com

特定のページからメニューを隠す

このページからメニューページを完全に隠すようにしています。

http://ultimate-templates.com/splash-page

私はDivi 3.0を使用していますが、私のスタイルのCSSシートで次のようにして非表示にすることを試みました。

.page-id-27820 top-menu-nav {
display: none important;
}

メニューを少し奇妙に見せること(そして検索虫眼鏡を少し下に落とすこと)を除いてそれは何もしなかった、そして私はコードを削除した - 検索ボタンはまだ変に見える。

そのページからメニューを完全に(そしてロゴなどを)削除する方法を誰かが私に手伝ってくれるなら、私は大いに感謝するでしょう!

1
Alex

ページIDとメニュー属性を取得する方法についての簡単な画像を作成しました。 https://dl.dropboxusercontent.com/s/zibhieyo3s6a5bs/Mailbird_2017-01-27_00-57-39.png

正確にあなたがしたように、あなたはpage_idを得る必要があります:

.page-id-27820 

メニューを非表示にします。

.page-id-27820 #top-menu-nav {
    display: none;
}

Html属性のidを表す#記号を忘れました

id = #
class = .
1
kirillrocks

私は同じ問題を抱えていました。

私はdiviテーマでカスタムCSSにコードの下に貼り付けました

.page-id-28577 #top-menu-nav {
    display: none;
}

.page-id-28577 =メニューを表示したくないページのボディクラス

0
Mansoor

header.phpに行き、wp_nav_menu();関数を見つけてください。

例:

    <div class="main-navigation">
        <?php wp_nav_menu(array('theme_location' => 'nav-name')); ?>
    </div>

現在のページのチェックでそれをラップすることができます。 $postはグローバル変数として利用できます。

<?php if($post->post_name !== 'splash-page'): ?>
    <div class="main-navigation">
        <?php wp_nav_menu(array('theme_location' => 'nav-name')); ?>
    </div>
0
Liam Stewart