 |
概要 | **カスタムヘッダーリンク（アイコン）**を使用すると、Discourse ヘッダーにリンク付きのアイコンを簡単に追加できます。 |
 |
プレビュー | Discourse Theme Creator でプレビュー |
 |
リポジトリリンク | https://github.com/discourse/discourse-icon-header-links |
 |
Discourse テーマは初めてですか？ | Discourse テーマの利用に関する初心者ガイド |
このテーマコンポーネントをインストール
機能
スクリーンショット
デスクトップ
モバイル
設定
このコンポーネントには、任意の数のリンクを追加し、アイコンを指定し、表示されるデバイスを決定できるテーマ設定が含まれています。
| 名前 | 説明 |
|---|---|
| header links | 以下のプロパティを持つリンクのリスト：タイトル、アイコン、URL、表示デバイス、ターゲット |
| add whitespace | 選択すると、デフォルトの Discourse ヘッダーアイコンとこのコンポーネントで追加されたカスタムアイコン間に余白が追加されます |
| Svg icons | リストで使用されている各アイコンに対応する FontAwesome 6 アイコンクラスを含めます |
注:
- URL は絶対パス（https://www.example.com）または相対パス（/c/staff）のどちらでも構いません
- アイコンは、
fa-、fab-、fas-、far-のプレフィックスを除いた任意の FontAwesome 6（無料）アイコン名、または画像の URL にできます
使用したいアイコンが表示されない場合は、コンポーネントの svg_icons 設定に追加してください。新しいアイコンを追加する場合は、FontAwesome 6 のプレフィックス（fab、far、fas など）を付けてください。
クレジット
これは @techAPJ の素晴らしいチュートリアル（https://meta.discourse.org/t/add-new-link-on-header-beside-search-icon/48621）と、@vinothkannans の Brand header テーマに基づいています。後者はこのコンポーネントの構造の優れた参考資料となりました。
当方でホストされていますか？ テーマコンポーネントは、Standard、Business、Enterprise プランで利用可能です。