カテゴリ別にヘッダーロゴを表示しますか？

開発
1

特定のカテゴリまたはそのサブカテゴリ内のスレッドを表示する際、ヘッダー（左上）に異なるメインロゴを表示することは可能ですか？よろしくお願いいたします。

2

ボディには category-{カテゴリ名} というクラスが含まれていると思います。これを使って、カテゴリ固有の CSS を変更できます。

3

ページコンテンツの読み込み後にスクリプトを実行する方法がわかりません（私も知りたいです！）が、ロゴ画像を変更するには、以下のようにしてください：

// if category == "somecategory" などの条件の中で…
document.getElementById("#site-logo").src = settings.theme_uploads.logo_cat1;

ここで logo_cat1 はカスタムロゴの変数名です：
image

4

私も最近同じ問題が発生しました。古いトピックであることは承知していますが、誰かが後で見つけた場合に備えて、解決策を以下に示します。

CSSを使用して、body要素のクラスを活用して、どのカテゴリにいるかを検出できます。

// 通常のサイトロゴを表示しない
body.category-something #site-logo {
    display: none;
}

// タイトルに別の画像を表示する
body.category-something .home-logo-wrapper-outlet {
    height: 50px;
    width: 100px;
    background-image: url($category-something-image);
}

これで意味が通じるといいのですが :slight_smile:

5

ロゴリンクが折りたたまれるのを防ぐには、画像を <a> 要素内に配置する必要があると思います。

// タイトルに別の画像を表示する
body.category-something .d-header .title a {
 ...
}
6

ああ、そうですね。主にCSSセレクターに焦点を当てていました。訂正していただきありがとうございます。

「いいね！」 1