Discourse サイトと WordPress サイトの両方で、モダンでレスポンシブかつアクセシブルなヘッダーを実装したいと考えています。私の質問は、メインウェブサイトとして使用しているのがたまたま WordPress であるという点を除けば、他のプラットフォーム全般に関わるものです。
現在、非常に簡素なナビゲーションバーで対応しています。これはモバイル対応しており、モバイル端末で表示された際にはテキストタイトルが非表示になり、ボタンアイコンのみが表示されます。
ウェブサイト - Pickleballist
ウェブサイト：モバイル
Discourse - Pickleballist Community
Discourse：モバイル
\u003chr\u003e
グローバルヘッダーの HTML と CSS はすべて私が作成しましたが、非常に簡素なものです。
サイトや提供コンテンツが拡大するにつれて、より堅牢なグローバルナビゲーションメニューが必要になるでしょう。しかし、現在の動作を維持したまま、同じヘッダーメニューを Discourse サイトと WordPress サイトの両方にインストールできるようにしたいと考えています。
Monaka Responsive Menu という CSS レスポンシブメニューを見つけたのですが、これは私たちのニーズに非常に適していると思います。ただし、私には少し複雑すぎて、どう実装・インストールすればよいか見当がつかないのです。
何かご助言はありませんか？
参考までに、グローバルナビゲーションメニューに関する類似トピックはいくつかありますが、私たちの特定のニーズに合った具体的な解決策は見つかりませんでした。