# F NAV - テーマコンポーネントのコンセプト **URL:** \ **Category:** Development\ **Created:** [2024 年 12 月 3 日午後 9:59 UTC](https://meta.discourse.org/t/f-nav-theme-component-concept/340226 "2024-12-03T21:59:05Z")\ **Posts on this page:** 1\ **Showing post:** 16
**Author:** ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)\ **Post date:** [2024 年 12 月 12 日午後 6:04 UTC](https://meta.discourse.org/t/f-nav-theme-component-concept/340226/16 "2024-12-12T18:04:56Z")
> [@BrianC](#): > > 検索が開かれたときに閉じるためのxボタンがあれば素晴らしいと思います。 やあ、ブライアン 👋 よく理解できませんでした。検索アイコンをタップすると `/search` ページにリダイレクトされるので、ブラウザ/モバイルのナビゲーションやジェスチャーで戻ることができます。 * * * またアップデートしました…ヘッダーアイコンは削除せず、CSSで非表示にすることにしました。昨日、ハンバーガーメニューの開閉アニメーションを修正した際に、この方法の方が簡単で、クリーンで、安全だと気づきました。なぜなら、この方法ならデフォルトのヘッダーアイコンのクリックをトリガーできるからです。現在、ハンバーガー、通知メニュー、検索はこの方法で動作しています。デフォルトのヘッダーチャットアイコンもCSSで非表示にされているだけです。なぜなら、`/chat` ページではヘッダーに表示されるからです。 設定はできるだけシンプルにしようと思っています。 4つのフィールドが含まれ、説明はまだありません。宛先はオプションです。なぜなら、関数を選択すると必要なものが含まれ、このフィールドは空のままにする必要があるからです。 ![Screenshot 2024-12-12 at 18.45.26](https://global.discourse-cdn.com/meta/original/4X/3/9/d/39d5b02b1611ccd642e78dc10ecb6c4334743546.png) 管理者はタブを簡単に作成/削除/変更し、関数のいずれかを選択するか、タブにカスタム宛先を追加できます。 関数 🔽 ![Screenshot 2024-12-12 at 18.46.05](https://global.discourse-cdn.com/meta/original/4X/8/7/a/87a5cba2bc9dd682ca907593962c2b53626a98da.png) 例：トピック作成タブを追加すると、このようになります。 ![Screenshot 2024-12-12 at 18.53.57](https://global.discourse-cdn.com/meta/original/4X/7/9/7/797e2a298cbf94448fa4a2961fcd0e4e4d59381d.png) ![Screenshot 2024-12-12 at 18.55.50](https://global.discourse-cdn.com/meta/original/4X/2/d/1/2d1348ac9aca8239cfe6d82292ce1ca35f05ea6a.png) --- _[View the full topic](https://meta.discourse.org/t/f-nav-theme-component-concept/340226)._