プラグインをインストールしましたが、カテゴリの横にアイコンを実際に配置する方法がわかりません。カテゴリの管理の下に画像がありますが、FAやSVGとは関係ありません。セルフホストのインストールでデフォルトのライトテーマを使用しています。これがまさに私が望んでいることだと読みました - Category Icons
カテゴリを編集してアイコンを選択したり、どこかにfa-mugなどのコードを入力したりできるはずですよね?何か非常に明白なことを見落としていることを願っています。
プラグインをインストールしましたが、カテゴリの横にアイコンを実際に配置する方法がわかりません。カテゴリの管理の下に画像がありますが、FAやSVGとは関係ありません。セルフホストのインストールでデフォルトのライトテーマを使用しています。これがまさに私が望んでいることだと読みました - Category Icons
カテゴリを編集してアイコンを選択したり、どこかにfa-mugなどのコードを入力したりできるはずですよね?何か非常に明白なことを見落としていることを願っています。
こんにちは、ようこそ:wave:
理解したのですが、Category Iconsコンポーネントをインストールしましたか?
Category Iconsコンポーネントを設定したい場合は、管理者 → カスタマイズ → コンポーネントに移動して選択してください。設定はそこにあります。
それは正しいです。Generalカテゴリの隣にある質問アイコンは取得できますが、それ以外は何もできません。それらはFA形式ではないため、選択できるアイコン(およびそのコード)のリストを確認するにはどうすればよいですか?
アイコンセクションに追加した後、SVGの部分には何を入れる必要がありますか?
たとえば、このFAアイコンを追加したい場合は、どうすればよいですか?
画像を指定する関連カテゴリセクションにアイコンを追加するのではなく、テーマプラグインに追加するのは非常に奇妙です。しかし、これは新しいユーザーとしての学習曲線だと願っています
ドキュメントは、そのようなことを知っていることを前提としています。
探しているのはFont Awesome 5のアイコンです。説明にある通りです: Find the Perfect Icon for Your Project in Font Awesome 5 | Font Awesome
category icon list設定で使用するアイコンは、svg_iconsに追加します。
例:
表示されるもの:
![]()
カテゴリのスラッグを提供してください。完全な名前ではありません!
スラッグはURLまたはカテゴリ設定で確認できます。
よくわかります!この機能はコアの一部ではなく、Discourseをカスタマイズする方法の1つは、テーマコンポーネントをインストールすることです。このガイドがよりよく理解するのに役立つかもしれません:
ありがとうございます。大変参考になります。試してみて、どうなるか見てみます!SVGリストはFA5で、アイコンリストは内蔵されているものだと勝手に思っていました。というのも、言及されていませんし、FA形式でもないからです。また一つ学びました!
こんにちは。標準のアイコンセットの代わりに https://simpleicons.org/ を使用できますか?
みんな、助けてください
こんにちは、Adiさん!コミュニティへようこそ。問題の詳細と、さまざまなアイコンを使用して何を達成しようとしているのかを共有していただけると、他の人がお手伝いしやすくなります。すでに設定済みのDiscourseサイトがあり、現在設定中ですか?このトピックで扱っているカテゴリアイコンプラグインについて言及していますか、それともDiscourse全体での絵文字やアイコンの表示方法について話していますか?
トビアス・アイゲン様。標準アイコンは動作しますが、https://fontawesome.com/ 異なる車のブランドを挿入する必要があるため、https://simpleicons.org/ を通して動作させる方法についてお伺いします。
これについて手伝っていただけますか?
これは役立つかもしれません。
/* 左メニューの場合、カテゴリ「Audi」内のプレフィックス-spanクラスを持つ要素の背景を再定義します */
.navigation-category [data-category-id="6"] .prefix-span {
background: url("https://raw.githubusercontent.com/tima4502/car-icons/bb0d0fae3e5b66c512a27a130b219ec0ee342ada/audi.svg") center/contain no-repeat !important;
}
メインページをクリックすると、四角いアイコンが再び表示されます!何が間違っているのか教えていただけますか?カテゴリページ自体では機能しています。