Johani
(Joe)
19
CSS は特定のタグやカテゴリに基づいてターゲットを指定できます。
トピックにカテゴリやタグ固有のスタイルを追加できる場所は 2 か所あります。
-
トピック一覧内
トピックのカテゴリとタグの両方を、その項目を含む <tr> 要素に追加します。したがって、#meta カテゴリに属し、automotive と machines というタグを持つトピックは、ブラウザの検査ツールでは以下のように表示されます。
カテゴリに基づいてターゲットを指定する場合は、セレクターとして tr.category-meta を使用します。automotive というタグに基づいてターゲットを指定する場合は、tr.tag-automotive を使用します。
-
トピックページ内
こちらでも同様の処理を行います。トピックページにも必要なカテゴリとタグのクラスを追加しますが、違いは <body> タグに追加する点です。そのため、表示は以下のようになります。
Discourse サイトへの CSS の追加方法については、こちらで詳しく読むことができます。
「いいね！」 3