このカテゴリ内のすべてのトピックにカテゴリロゴを表示

サポート
1

このカテゴリ内のすべてのトピックにカテゴリのロゴを表示することは可能でしょうか？ここでは「ロゴ（小）」のことを指しています。
私の場合、一般的なサイトロゴよりも、そのトピックに関連するロゴを表示する方が適切です。
ありがとうございます！

2

ロゴをトピック自体に表示させたいですか、それともトピック一覧にも表示させたいですか？
おそらく、いくつかの CSS を使用して実現できるでしょう。
または、テンプレートを編集することもできます… :thinking:

3

ご存知の通り、Discourse ではカテゴリにロゴを設定できません。
ただし、ロゴが選択された場合、ここに表示されます：

image
image1438×781 64.7 KB

カテゴリのロゴが設定されている場合、そのカテゴリ内のトピックを開いたときにロゴを表示したいと考えています。この場合、カテゴリのロゴは小さなロゴの位置に移動します。

image
image1339×771 42.8 KB

4

カテゴリは幾つありますか？

カテゴリ数が妥当であれば、CSS で対応可能です。単に上部のロゴを再定義するだけです。以下のように使用します。

<body class="category-***">

例えば、現在ご覧いただいているトピックでは category-support のようにします。

5

カテゴリ数は固定で30個にします。
CSSに追加すべきコードがわかりません。もう少しわかりやすいヒントをいただけますか？ :slight_smile:

6

ロゴを非表示にするには：

img#site-logo {
    display: none;
}

または、こちらの方法も可能です：

.category-support img#site-logo {
    display: none;  
}

1
11023×397 39.3 KB

わかりやすくするため、ご提示いただいた画像を追加しました：

.category-support .title a {
    background-image: url(https://d3bpeqsaub0i6y.cloudfront.net/user_avatar/meta.discourse.org/ed_bobkov/45/177564_2.png);
    width: 35px;
    height: 35px;
    display: block !important;
}

2
21130×405 40.4 KB

このコードを 30 回繰り返す必要があるかもしれません。

コンポーネントやプラグインを使わずに実装する方法の例を示しました。別の方法で実装することも可能です。ただし、30 個のカテゴリに対応する CSS はそれほど多くのスペースを占有しません。

7

ありがとうございます！いくつかの変更を加えて動作しています。
ヒント：カテゴリ名は、カテゴリ設定の「カテゴリスラッグ」から取得してください。

ロゴのサイズは異なる場合があります：
width: 65px;
height: 50px;
display: block !important;
background-size: cover;