いくつかの回避策を試した結果、Discourseの「Header submenus」コンポーネントを使用すれば、サブメニュー付きのヘッダーを作成できることがわかりました。ただし、現在の実装では、Discourseのヘッダーの前に追加されてしまいます。
実際には、デフォルトのテーマ設定、コンポーネント、またはカスタムのHTML、CSS、JavaScriptを使用して、サブメニュー付きの独自ヘッダーをデフォルトのDiscourseヘッダー内部に統合したいと考えています。
ドロップダウンの表示例は以下の通りです。
上記のドロップダウンを、以下のDiscourseヘッダーに統合したいと考えています。
また、既存のロジックやDiscourseのレイアウト整合性に影響を与えないようにする必要があります。