ブランドヘッダー

「そうでなければ」 :raised_hand: :slight_smile:

これは公式テーマコンポーネントであるため、Discourseチームによって保守されており(非常に人気もあります)、決して廃れているわけではありません。

他のトピックで既に回答を得ていると思いますが:

「いいね!」 5

数ヶ月前から、おそらくFA6のリネーム以降、ブランドヘッダーのアイコンがいくつか壊れていました。ようやく修正したので、名前の付け方をコメントして、他の人が役立つようにしたいと思います。

ソースコードのマッピングを確認し、FAのウェブサイトを確認し、fa-fas-プレフィックス(およびプレフィックスなし)をいじって、それがどのように機能するかを確認する必要があるのは、少し混乱すると思います。三重に迷惑であり、アイコンが見つからない場合、コンソールにエラーがないため、完全にブラインドトライアルになります。

機能させることができ、ここに何がどこにあるかを説明する表があります。

コンポーネントのIconsオブジェクト設定 コンポーネントのcustom font awesome icons設定 svg icon subsetサイト設定
user fa-user fa-user
envelope fa-envelope fa-envelope
calendar-days fa-calendar-days fa-calendar-days
fab-facebook (不要) (不要)

Discourse全体でFAアイコンを参照する単一の方法があり、すべてがその単一の方法に準拠する必要があると感じます。

「いいね!」 4

これにより、目的の一部は達成できましたが、2つのアイコンを表示させるのにまだ苦労しています。

また、fab-* のような fab-facebook のものだけが表示され、fa-facebookfa-instagramfa-discord のものは表示できません。

何かヒントはありますか?

プレフィックスとして fab を使用する必要があると思います。私の知る限り、fabb は「ブランド (brand)」を意味します。したがって、アイコンにはブランド用の fab、ソリッド用の fas、または通常バージョンの場合は fa のいずれかがあります。

そのため、fab-mastodonfab-bluesky が正しいと思われます。また、fa-facebook のようなバージョンはありません。他の Facebook アイコンのいずれかをご希望でしょうか?

また、アイコンの名前を custom_font_awesome_icons 設定に追加するのを忘れないでください。

「いいね!」 2

はい、fab-bluesky を使って動作しています。

「いいね!」 1

ありがとうございます。見落としていたようですが、「カスタムのFont Awesomeアイコン」設定リストにfab-blueskyfab-mastodonを追加し、さらにメニュー項目を追加したことで、ついにうまくいきました。

皆さん、感謝します!

「いいね!」 1