CSSのユーザー名の色、管理者/モデレーターにしか効かない？

開発
1

すべてのスレッドを確認し、推奨されるすべてのことを試しましたが、なぜか管理者とモデレーターのグループのカスタムカラーしか表示されません。何が間違っているのかわかりません。

これを数日間機能させようとしていますが、他に試すことが思いつきません。

2

こんにちは。

具体的にどのようなことを試されたか教えていただけますか？

4

それらのすべてを覚えていません。それらはここでさまざまなスレッドで見つかりました。現在、管理者/モデレーターで機能しているのは次のとおりです。

.topic-post .moderator a {
color: #000000;
}

そして、これも現在使用しています。

.names {
  // This part is works only for users who's primary group
  span.trust_level_0 a {
    background: linear-gradient(to right,#BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  // This part is works only for moderators
  span.moderator a::after {
    content:"★";
    margin-left: 2px;
  }
}

これは、機能するかどうかを確認するためにいじっていただけですが、管理者/モデレーターでは機能しますが、それ以外では何も機能しません。

また、次も試しました。

span.username.staff a {
      color: #000000;
}

「Staff」をグループ名に置き換えました。

5

CSS Classes for Current User's Groups を使用していますか？
それとも、グループはプライマリグループですか？

「いいね！」 1
6

どういう意味か分かりません。グループは trust_level_0 などからカスタム名に変更しただけです。管理者のモデレーターと同じコードを使用して、他のグループのユーザー名の色を変更できないのはなぜか疑問に思っています。機能しません。

このフォーラムソフトウェアは初めてです（笑）

7

カスタムグループを対象にするには、Moin が述べているように、このテーマコンポーネントをインストールする必要があります: https://meta.discourse.org/t/css-classes-for-current-users-groups/226068。これにより、現在のユーザーのグループが body HTML に挿入されます。

その後、.group-NAME で対象にできます:

.group-NAME {
  .names {
     span a::after {
       content:"★";
       margin-left: 2px;
     }
  }
}
「いいね！」 2
9

グループでは機能しませんでした。2回試しました。

「group-NAME」全体を変更する必要がありますか？名前の部分だけを変更しても機能しません。

10

「NAME」をグループの名前に置き換えます。

「designers」という名前のグループがある場合は、「.group-designers」と記述します。

11

それが私が思ったことです。うまくいきません。他に何か見落としていることはありますか？このフォーラムで見つけたことはすべて試しましたが、何も機能しませんでした。

管理/モデレーターグループは機能しますが、それ以外は機能しません。

12

テーマコンポーネントをインストールしましたか？ まだ慣れていない場合は、ガイドに従ってください: Beginner's guide to using Discourse Themes.

13

はい。もう一度試すために再度有効にしました。それでもユーザー名の色は変わりません。

14

そのカスタムグループのCSSを見せていただけますか？

16 
.group-noob {
  .some-selector {
    color: #d33131;
  }
}

「trust_level_0」と「newuser」も試しました。

しかし、管理者グループの場合はこちらが正常に動作します。

.topic-post .admin a {
color: #89f336;
}
17

「ノーブ」グループの一員ですか？
テーマコンポーネントから挿入されたグループ名は、現在のユーザーセッション用です。「ノーブ」グループ内のユーザーのみCSSが表示されます。
他のユーザーのグループCSSを表示したい場合は、別の解決策が必要です。
これは少し複雑です。デフォルトでは、トピック領域ではユーザーのグループデータ全体が利用できないためです。プラグインが必要になると思われます。

19

いいえ、そうではありませんが、ダミーアカウントを持っており、そちらでも表示されません。

また、ダミーアカウントの下では、管理者とモデレーターの色の名前が表示されます。そのため、この点について混乱しています。

20

以下のコードでユーザー名の色付けができるようになりました。

.first.new-user:not(.staff) a {
    color: #00b0ff;
}

.names span a {
    color: #ffd966;
    outline-offset: -1px;

}

問題は、コードの後半部分が、新規ユーザーやスタッフ（管理者、モデレーター）以外すべてのユーザー名を色付けしてしまうことです。trust_level_3 グループを特定して、それだけ別の色にしたいのですが、そのような方法はありますか？

21

検索したところ、以下の情報が見つかりました。

22

すでに確認しましたが、ありがとうございます。

色を変更するには、別のグループを作成し、手動でユーザーを追加する必要があります。上記のコードはデフォルトでは正常に機能しますが、2つの色（新規ユーザーとスタッフ以外のすべてのグループ）しか許可されません。これは今のところ問題ありません。