 |
概要 | **カスタムヘッダーリンク（アイコン）**を使用すると、Discourseのヘッダーにリンク付きアイコンを簡単に表示できます。 |
 |
プレビュー | Discourse Theme Creatorでのプレビュー |
 |
リポジトリリンク | https://github.com/discourse/discourse-icon-header-links |
 |
Discourseテーマの初心者向け | Discourseテーマの使い方入門ガイド |
このテーマコンポーネントをインストール
機能
スクリーンショット
デスクトップ
モバイル
設定
このコンポーネントには、リンクを任意の数だけ追加し、アイコンを決定し、どのデバイスに表示させるかを選択できるテーマ設定が含まれています！
| 名前 | 説明 |
|---|---|
| ヘッダーリンク | 次のプロパティを持つリンクのリスト: タイトル、アイコン、URL、表示、ターゲット |
| 空白を追加 | チェックすると、デフォルトのDiscourseヘッダーアイコンと、このコンポーネントを介して追加されたカスタムアイコンの間に空白が追加されます |
| Svgアイコン | リストで使用される各アイコンのFontAwesome 6アイコンクラスを含める |
注記:
- URLは絶対パス (https://www.example.com) または相対パス (/c/staff) のいずれかでも可能です
- アイコンは、
fa-‘fab-’ ‘fas-’ ‘far-’ の接頭辞を除いたFontAwesome 6（無料）アイコンの名前、または画像のURLのいずれかを使用できます。
使用したいアイコンが表示されない場合は、コンポーネントの svg_icons 設定に追加してください。新しいアイコンを追加する場合、fab、far、fasなどのFontAwesome 6のプレフィックスを付ける必要があります。
クレジット
これは、@techAPJによるこちらの素晴らしいチュートリアル: (Superseded) Add new link on header beside search icon と、このコンポーネントの構造の優れた参考となった@vinothkannansのBrandヘッダーテーマに基づいています。
弊社でホストされていますか？ テーマコンポーネントは、Standard、Business、Enterpriseプランでご利用いただけます。