jdc20181
2026 年 3 月 7 日午後 7:30
1
TagStyleTool は、Discourse上のタグの外観をカスタマイズできるようにするために、(3)つの既存のコンポーネントから着想を得たバージョンです！
特徴:
互換性の問題の解決（特にダッシュの削除とタグアイコン間）
特定のタグにFont Awesomeアイコンを割り当てる。
定義されていない任意のタグにデフォルトのタグアイコンを適用するオプションを追加。
継承の反転（例：ラベルまたはテキストの色）
ラベルの着色設定を使用する際のテキスト色とのコントラスト色の問題を解決。
既存のタグスタイルを選択できる機能。
デフォルトのタグ機能やダッシュ機能を無効にできる設定の多様性。
設定形式は、Tag Icons と同じ（新しい設定が追加されています）で、移植性/採用が容易です。
今後の作業:
カテゴリ全体に適用するオプションを実装。（これには欠点がありますが、可能だと思いますが、追加のメンテナンスが必要です）
デフォルトのタグの色
設定のユーザーフレンドリーな修正
その他:
これは久しぶりに何かを一般公開した初めての試みです。問題があればお知らせください！
インスピレーション（および場合によってはフォーマット/設定など）は、これらの既存のプロジェクトから直接採用されました。Remove Dashes from Tag Names Tag Icons Color Tag Style
役立つリソース
Font Awesome HTML カラーピッカー
「いいね！」 3
stephtara
2026 年 3 月 7 日午後 8:36
2
試してみます！ありがとうございます！！いくつかのタグスタイリングコンポーネントを見たことがありましたが、複数インストールしなければならないのが面倒そうだったので、次にセットアップに取り組むときにあなたのものを試してみます！
「いいね！」 1
stephtara
2026 年 3 月 7 日午後 8:51
3
手早く試してみました。「初心者」の視点から2点ほどコメントします。
FontAwesomeの件で少し迷います。無料版だけですか？バージョンはどれですか？アイコンの一覧はどこかにありますか（あるいは、長すぎて無理ですか）？
色について：RGBに詳しくない人のために、カラーピッカーを提供するのはどれくらい複雑になりますか？
でも、すでに素晴らしいと思います！ありがとうございます！
jdc20181
2026 年 3 月 7 日午後 9:05
4
道に迷う心配はいりません。私にできる限りのことで喜んでお手伝いします。結局のところ、Discourse はそのためにあるのですから、そうですよね？
Font Awesome はず です。現在 v6 をサポートしていると認識しています。それらはすべてこちら Font Awesome で見つけることができます。
質問の後半についてですが、はい、無料です。プレミアムバージョンはありますが、Font Awesome はすでにコアに含まれているため、それが Discourse でどのように機能するかはわかりません。
カラーピッカー HTML Color Picker
「いいね！」 1
stephtara
2026 年 3 月 7 日午後 9:15
5
ありがとうございます！実際には、設定インターフェースにそれら2つのリソースへのリンクがあるだけでも非常に役立ちます！
「いいね！」 1
Falco
2026 年 3 月 7 日午後 10:06
6
現在、色を選択するためのネイティブのHTMLコンポーネントがあります。
さらに簡単に使用できるように、コンポーネントでラップもしています。
「いいね！」 3
アイコンだけでなく色だけが必要な場合のシナリオ。
