||||
-|-|
| 概要 | Brand Header は、ロゴ、ナビゲーションリンク、ソーシャルアイコンを備えたブランド用の追加トップヘッダーを、モバイルおよびデスクトップの両方のビューに追加します。ブランドロゴは画像またはテキストにできます。
| 
| プレビュー | Discourse Theme Creator でのプレビュー |
| リポジトリリンク | https://github.com/discourse/discourse-brand-header
|Discourse テーマが初めてですか？ | Discourse テーマの使用に関する初心者向けガイド
このテーマコンポーネントをインストール
機能
デスクトッププレビュー:
モバイルプレビュー:
設定
| 名前 | 説明
|-|
| brand name |
| website url |
| mobile logo url |
| リンク | ヘッダーに表示されるテキストリンク
| アイコン | ヘッダーに表示されるアイコンリンク
| カスタム Font Awesome 6 アイコン | このテーマコンポーネントで使用される FontAwesome 6 アイコンのリスト
| show bar on mobile |
| plugin outlet |
Font Awesome 6 アイコンの使用
このテーマコンポーネントで Font Awesome 6 アイコンが正しく表示されるようにするには、Discourse 内の 3 か所にそれらを追加する必要があります:
svg icon subsetサイト設定- コンポーネント内の
custom font awesome icons設定 - コンポーネント内の
icons設定
さらに、一部の Font Awesome 6 アイコンについては、アイコン名に fa または fab プレフィックスを指定する必要があります（例: “fab-bluesky”）。これは、一部のアイコンが特定のアイコンサブセットの一部であるためです。この使用方法の詳細については、We’re upgrading our icons to Font Awesome 6! を参照してください。
これらすべてのアイコンを 3 か所に追加すると、ブランドヘッダーテーマコンポーネントでそれらが正しく表示されるようになります。
当社のホスティングをご利用ですか？ テーマコンポーネントは、Standard、Business、Enterprise プランで利用可能です。