PNG 画像の代わりに Font Awesome アイコンを使おうとしているのですが、壊れて表示されてしまいます。どうすれば正常に表示できるか、ご存知ですか？
以下のコンポーネントをお試しください。私もテスト済みで動作確認できています：
こんにちは、tshenry さん。このテーマコンポーネントを見つけたのですが、現在ではフォーラム全体（サブカテゴリ内のみ）に表示されてしまいます。カテゴリページのカテゴリブロック/リストでのみ表示したいと考えています。Discourse で利用可能なオプションは、.png 画像を配置することだけです。
.navigation-categories .category-text-title .category-name{
position: relative;
&::before{
position: relative;
font-family: “Font Awesome 5 Pro”;
content: “\f054”;
font-weight: 900;
}
}
Font Awesome アイコンを使用しようとしています。
同じリクエスト:
ああ、なるほど。投稿された CSS はもう機能しなくなっているのですね。
これを達成する最善の方法は、category-title-link テンプレートにプラグインアウトレットを追加し、ウィジェットを使ってカテゴリ名の前に適切なアイコンを追加することだと思います。カテゴリアイコンコンポーネントが、カテゴリ一覧にオプションでカテゴリアイコンを含めることは理にかなっていると思います。カテゴリ一覧でのみアイコンを表示したい場合は、CSS で他の場所からそれらを非表示にできます。
@pmusaraj さんはどうお考えですか？良いアイデアだと思うなら、プラグインアウトレットのための PR を作成し、その後、この機能を実装するカテゴリアイコンコンポーネント用の PR を検討します。
素晴らしいですね。@pmusaraj
その通りですね、ご確認いただきありがとうございます。
@tshenry それについて何か更新情報がありますか？
この機能は、カテゴリアイコンコンポーネント に含まれるようになりました。機能が正しく動作するようにするには、最新の Discourse バージョンと最新のコンポーネントバージョンをお使いであることを確認してください。