スタッフアイコンの変更方法

サポート
1

こんにちは、
管理者とモデレーターのスタッフアイコンを他のアイコンに変更することは可能ですか？

2

このトピックをチェックしてください：

3

この情報をありがとうございます。ただし、スタッフメンバーのユーザー名の後ろにある盾のアイコンを変更します。

4

もしこれが変更したい内容であれば、ユーザー名の横のアイコンです。

image

これを共通ヘッダーに追加してください。

<script type="text/discourse-plugin" version="0.8">
  api.replaceIcon('shield-alt', 'terminal');
</script>

「terminal」は私が選んだものですので、ご自身の選択に置き換えてください。

また、管理パネルの「svg icon subset」に、ご自身が選んだものも追加してください。

もし迷ったら、おそらくここで「svg icon subset」と検索するだけで見つかるはずです。

5

ヘッダーに以下のコードを追加しました

grafik
grafik1273×212 30.6 KB

しかし、シールドアイコンが隠れてしまいました。別の FA アイコンを使用するにはどうすればよいですか？

FA Pro アイコンを「svg アイコンセット」に追加することは可能でしょうか。

6

わかりませんが、おそらくサブスクリプション（有料）が必要で、その対応のためにスクリプトを変更する必要があるでしょう。

彼らに連絡して問い合わせてみてください。結果を報告してください。年額99ドルの価値があるかはわかりませんが、もし多くの人がそれを求めるなら、Discourse がライセンスを取得・追加できるかもしれません。

それまでは、無料のアイコンを使用できます。

7

参考になるか分かりませんが、ぜひこちらをご覧ください：

8

はい、私のヘッダーの最初の行は、すべての FA アイコンを使用できる可能性のためのものです。しかし、現時点では API がそれにアクセスできないようです。
そのための機能リクエストを作成してみます。

みなさんのサポートに感謝します :+1:

9

カスタム SVG ファイルをアイコンとして使用するにはどうすればよいですか
Dark Design に SVG ファイルをアップロードしました。

grafik
grafik734×232 9.32 KB

また、以下のようなカスタムヘッダーを持っています。

<script type="text/discourse-plugin" version="0.8">
api.replaceIcon('shield-alt', '$shield-alt-duotone');
</script>

しかし、アイコンが表示されません。

10

これは動作しません。$shield-alt-duotone はカスタム CSS で使用するための変数です。以前リンクした最初のトピックでは、SVG ファイルを使用してアイコンを新しいものに置き換える方法が説明されています：

11

はい、動作しました。ありがとうございます。