特定のカテゴリでサイドバーを非表示にする

開発
1

こんにちは

特定のカテゴリの投稿が開いているときにサイドバーを非表示にする方法を知っている人はいますか？デフォルトでは表示したいのですが、そのカテゴリの投稿では表示したくありません。たとえば、「スタート」カテゴリなどです。

「いいね！」 1
2

私もそれをやりたいです。

このCSSでうまくいきます。

このフィールドにカテゴリのスラッグを入力し、コードをコピーしてください。次に、テーマのデスクトップCSSにドロップすれば完了です！


（サブカテゴリを対象とする場合は、「parentslug-subcatslug」形式を使用してください）

// 指定されたカテゴリのサイドバーを非表示にします
body.has-sidebar-page.category-=CategorySlug= {
    #main-outlet-wrapper {
        grid-template-columns: 0 minmax(0, 1fr);
        gap: 0;
        padding-left: 10px;
     }
     .wrap {
       max-width: var(--d-max-width);
     }
}

@Lilly - これは Navigation (sidebar) menu display control の機能として機能しますか？

「いいね！」 9
3

ありがとうございます。ちょうどテストしてみました。

/tags でも非表示にすることは可能でしょうか？ body.has-sidebar-page.tags は正しいセレクターではありません。

4

それは確かにそうなるでしょう。コンポーネントに追加します。提案とコードをありがとうございます :slight_smile:

「いいね！」 3
5

ターゲットにしようとしているページの <body> タグ内のクラスをインスペクトすると、使用する必要のあるクラスが表示されます。

この場合、body.has-sidebar-page.tags-page で解決するはずです。

「いいね！」 2
6

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.