カスタムヘッダーリンクテーマコンポーネントで独自のSVGアイコンを使用する方法

Font Awesomeのウェブサイトからコンポーネントをインストールしましたが、フォーラムタグにアイコンしか配置できません。独自のアイコンを使用したいのですが、どのようにアップロードして使用すればよいですか?

[image]

「いいね!」 1

テーマで Discourse のデフォルト SVG アイコンをカスタムアイコンに置き換える

「いいね!」 2

返信ありがとうございます。これを使いたかったのです。

しかし、なぜか私のウェブサイトにアップロードしたSVGアイコンがそこで使えません。

「いいね!」 2

なるほど。それを実現するには、少し作業が必要になると思います。それに応じてタイトルを変更しましたので、そのテーマコンポーネントについて詳しい人が注目してくれることを願っています。

次のように書かれています。

これは、他のアイコンを使用するのが難しいか不可能であることを意味するのだと思います。

「いいね!」 2

カスタムアイコンの追加が、このコミットでサポートされるようになりました。

テーマ設定でヘッダーリンクを追加する際に、アイコンのURLを貼り付けると、ヘッダーに表示されるはずです。

「いいね!」 1

こんにちは!お返事とご協力ありがとうございます!どうやってインストールすればいいですか?

「いいね!」 1

こんにちは @danielabc

/admin/customize/themes のコンポーネントに移動し、Icon Header Links コンポーネントを見つけるだけです。最新アップデートにない場合は、アップデートボタンが表示されるはずです。

テーマコンポーネントをアップデートした後、各アイコンリンクを設定するテーマ設定で、Font Awesome アイコン名の代わりに画像ソースへのURLを使用するだけです。

例えば、リンクの設定方法は以下の通りです。

Desktop mobile link, https://upload.wikimedia.org/wikipedia/commons/thumb/5/53/Pok%C3%A9_Ball_icon.svg/1200px-Pok%C3%A9_Ball_icon.svg.png, https://facebook.com, vdm, self

これは次のようにレンダリングされます。

「いいね!」 2