Brand Navigation — ブランドメニューとヘッダーリンク
 |
概要 | Brand Navigation は、直接リンクとドロップダウンメニュー付きのブランドナビゲーションバーを追加し、Discourse のヘッダーに任意のテキストやアイコンリンクを追加します。 |
 |
プレビュー | スクリーンショットとライブ例 |
 |
リポジトリ | CodeWorksLabs/brand-navigation |
 |
インストールガイド | テーマまたはテーマコンポーネントのインストール方法 |
 |
Discourse テーマ初心者ですか？ | Discourse テーマの使用に関する入門ガイド |
このテーマコンポーネントをインストールする
Brand Navigation を使用すると、ウェブサイト、コミュニティリソース、関連プロジェクトへのリンクを含むブランド化されたナビゲーションバーをコミュニティに提供できます。ドロップダウンメニューをサポートしており、Discourse 本体のヘッダーに直接的なテキストリンクやアイコンリンクを配置することもできます。
使用例
The Bridge: フォーラムヘッダーの上に配置されたナビゲーションバーで、Discourse のヘッダーコントロール横に追加リンクを表示しています。
Repeal OBBBA Forum: Discourse ヘッダーにコミュニティメニューとソーシャルリンクを備えた赤いナビゲーションバーです。
機能
- ブランドアイデンティティ: 名前、ロゴ、またはその両方を表示でき、ライトモード用とダークモード用の別々のロゴを設定できます。バーは Discourse ヘッダーの上または下に配置できます。
- リンクとメニュー: 直接リンクと 1 レベルのサブメニューを追加できます。親項目はページへのリンクとして機能しつつ別のメニューアローを持つことも、単なるサブメニューボタンとして動作することもあります。項目にはアイコンや任意のサブメニュー説明を含めることができます。
- ヘッダーリンク: ソーシャルリンク、フォーラムリンク、外部リンクを Discourse コアヘッダーに配置します。
- オーディエンスとデバイス制御: すべてのユーザー、ログイン済み訪問者、未ログイン訪問者のいずれかに表示するかを選択し、デスクトップまたはモバイルでの表示可否を設定できます。
- モバイルレイアウト: コンパクトメニュー、フルバー、またはモバイルでの非表示を使用できます。
- 外観と設定: Discourse のパレットを引き継ぐかコンポーネントの色を設定し、ヘッダーリンクのテキストとアイコンサイズを調整し、構造化エディターで項目を並べ替え、JSON 設定のエクスポートまたはインポートを行います。
はじめに
Brand Navigation をインストール · リンク、メニュー、色の追加 · 設定のバックアップまたは移動
ステータス
はプレリリース版として利用可能です。詳細については 既知の問題 と テスト記録 を参照してください。
フィードバックとサポート
質問、スクリーンショット、設定アイデアはこのトピックで歓迎されます。インストール、設定、トラブルシューティングに関するヘルプが必要な場合は、CodeWorksLabs フォーラムの Brand Navigation Support でトピックを開始してください。
バグ、互換性レポート、ドキュメントの修正も GitHub Issues 通じて報告できます。
ロードマップと機能要望
提案中、計画中、進行中、リリース済みの作業については Brand Navigation ロードマップ をフォローしてください。
Brand Navigation を改善するアイデアがありますか？ Feature Requests で共有してください。
Brand Navigation は CodeWorksLabs が独立してメンテナンスしており、GPL-2.0-or-later ライセンスの下で公開されています。
お礼
Discourse Brand Header、Discourse Header Submenus、Custom Header Links (icons)、および Pavilion の Dropdown Header の著者たちに、Brand Navigation に貢献したアイデアと例について感謝いたします。完全なクレジットについては 帰属表示とライセンス および 著作者と出典記録 をご覧ください。