ユーザーグループにアバターフレームを追加する方法

ユーザーグループに異なるアバターフレームを追加します。すべてのユーザーが見ることができますが、異なるユーザーグループのアバターフレームは異なります。ユーザーCSSをカスタマイズしようとしましたが、実装できませんでした。そのため、追加されたアバターフレームは現在のユーザーグループにのみ表示されます。

「いいね!」 1

.staff を試しましたが、従業員グループにのみ表示され、非従業員グループには表示されませんでした。

これを最も簡単に行う方法は、新しいカスタムグループを作成することです(staff/admin/trust_level_0などのデフォルトグループではこれができません)。

グループを作成する際に、「プライマリグループとして自動設定する」というチェックボックスをオンにすることができます。

次に、誰かがグループに追加されると、その人の「プライマリグループ」になり、group-creatorsのようなプライマリグループクラスがアプリのさまざまな場所に追加されます。

たとえば、投稿では、group-creatorsという名前のグループに対してgroup-creatorsクラスが追加されます。

image

これで、次のようなCSSを追加できます。

.group-creators .post-avatar img {
 border: 2px solid red;
}

すると、誰もが見ることができるこの結果が得られます。

「いいね!」 1
.group-creators .post-avatar img {
 Bezel: 2px solid red;
}

私が望むのは、このアバターフレームがすべてのユーザーに見えるようにすることですが、作成者ユーザーグループのみがこのアバターフレームを着用でき、あなたが私に与えたコードの効果は、すべてのユーザーにアバターフレームを追加することですが、作成者ユーザーグループのみが見ることができます。
作成者グループがアバターフレームを着用していることをすべてのユーザーが見ることができ、作成者以外のグループがアバターフレームを着用していない効果が欲しいです。

いいえ、これはすべてのユーザーに表示される別のクラスです(グループが表示される限り)。たとえば、サイトからログアウトしていてもクラスが存在することがわかります。

グループのメンバーには、body.primary-group-creators のような body 要素に追加される別のクラスがありますが、そのクラスは確かに現在のユーザーにのみ表示されます。

「いいね!」 2

コードをそのまま実行しました。ユーザーAをクリエイターユーザーグループに追加していませんが、ユーザーAはまだ赤いアバターフレームを着用しています。コードによると、すべてのユーザーに赤いアバターフレームを追加したようですが、クリエイターユーザーグループのみが表示できるようです。ログアウトして再度ログインすると、すべての赤いアバターフレームが消えます。私が100%使用していることを保証します。

.group-creators .post-avatar img {
 border: 2px solid red;
}

プラグインを無効にしても、まだ機能しません。

うーん、CSS をもっと具体的にして、グループのメンバー全員に適用されないようにする必要があるかもしれません。

.topic-post.group-creators .post-avatar img {
  border: 2px solid red;
}

この設定で:

グループのメンバーにのみ境界線が表示されます。

そして、このユーザーとしてログインすると、グループメンバーの投稿にのみ表示されます。

「いいね!」 3

現在のユーザーのグループのCSSクラスを無効にするコンポーネントを無効にし、すべてが望んでいたとおりに機能しました。素晴らしいクリスさん、ありがとうございました。

「いいね!」 2

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