使い方は?
モバイルメガメニューは、タブバーやスライドメニューほど一般的ではありません。なぜなら、メガメニューのタップエリアはユーザーの指にはしばしば小さすぎるからです。しかし、時にはデスクトップとモバイルの両方でメガメニューを使用することで、一貫した体験を維持したい場合があります。
モバイルメガメニューには利点もあります:それらはコンパクトで、ヘッダーの下に配置され、画面上に浮かんでいるため、画面スペースを占有しません。セクションメニューとして、ページと一緒にスクロールします。
主な利点:
- モバイルとデスクトップの両方でシームレスに機能し、一貫した体験を提供
- スペースを節約し、ページと一緒にスクロールします。
- 画像、グリッド、およびマルチレベルレイアウトを使用して、豊かでプロフェッショナルな体験を提供
FAQ:
1. 無料版と有料版のどちらを使用するか決めていません。プロフェッショナルメニューのテンプレートを試すことはできますか?
もちろんです!メニューグループは主に初心者がNavi+の高度な機能に圧倒されないようにするためのものです 😄。最良の方法は、プロフェッショナルメニューを試して、すべての機能とレイアウトオプションを探索することです。後で、必要ないメニューや不適切なメニューを削除するだけです。
2. ここでメニューを作成すると、すぐに私のウェブサイトに表示されますか?
まだです。ウェブサイトに表示させるには、正しいメニューを公開する必要があります。心配しないでください — 簡単です!
3. 間違ったテンプレートを選んだり、間違いを犯したらどうなりますか?
全く問題ありません。いつでも削除して新しいものを作成できます。メニューをテストしていて、別のテンプレートを試したい場合は、現在のものをバックアップファイルとして保存し、後で再度開くことができます。メニュー間で部分をコピー&ペーストすることもできます(2つのブラウザタブを開くことで)ので、以前の作業を保持できます。自由に実験してください!
4. メニューを1つだけ作成するべきですか、それとも複数作成するべきですか?
あなたは複数のメニューを作成するべきです。アクティブなメニューだけがサイトに表示されますが、異なるテンプレートを選択したり、メニューをクローンしたりして、多くのバージョンを準備できます。メニューはページタイプ(ホーム、製品、コレクション...)、デバイス(モバイルまたはデスクトップ)、またはURLキーワードに基づいて表示/非表示に設定できます。ですので、各状況に合ったメニューを構築してください!
ステップ1: メニューツリーを編集する
1.1. メニューツリーの理解
メニューツリーは、すべてのメニューの最も重要な部分です — 構造を定義します。
こちらはモバイルメガメニューのメニューツリーの例です:
Menu
Home
Catalog
- All Mountain
- Cruise Flex
- Balance Ride
- Freestyle
- Park Board
- Jib Board
- Freeride
Blogs
Support
More
これは3レベルのメニューツリーです。レベル1にはMenu, Home, Catalog, Support, Blogs、およびMoreが含まれています。All-Mountainはレベル2のメニュー項目で、いくつかの子項目があります:Cruise FlexとBalance Ride。
あなたはこのメニューツリーを構築するのにほとんどの時間を費やし、顧客が探しているコンテンツを見つける手助けをします。


1.2. メニューツリーとの基本的なインタラクション
メニュー項目を上下または左右にドラッグ&ドロップして、メニューツリー内の位置や親子関係を変更できます。

任意のメニュー項目にマウスをホバーすると、追加のオプションが表示されます:項目の詳細を編集する、メニューツリーから削除する、または他の場所にコピー&ペーストすることができます。
ヒント: Navi+アプリを2つのブラウザタブで開くことで、1つのメニュー項目を別のメニューにコピーできます。
1.3. 重要!サンプルメニュー項目を削除し、必要な構造だけを保持してください。
これはNavi+でメニューを作成する際の一般的な状況です。新しいメニューを作成すると、レイアウトアイデアを示し、必要に応じてコピー/ペーストできる人気のメニュー項目を含む完全な例が含まれます。しかし、Navi+に不慣れで、スタータープランを使用している場合は、画像のアップロードや高度なインタラクションの使用など、利用できない機能に対して多くの赤い(i)警告が表示されます。
これらの高度な機能が好きな場合は、ビジネスまたはエリートプランにアップグレードすることを検討してください。しかし、スタータープランを続けたい場合は、赤い(i)警告のあるメニュー項目を見つけて削除してください。


重要なヒント: 削除確認が表示されたら、「次回は再度尋ねない」をオンにして、より早く削除できます。
1.4. メニュー項目をメニューツリーに追加する
メニュー項目を追加するには、2つのオプションがあります:
オプション1 **(Navi+に不慣れな場合は推奨しません)**: 「メニューを追加」をクリックして、メニューツリーの最後に空のメニュー項目を挿入します。この方法は、メニュー項目の設定をよく理解している必要があります。これは後で説明します。最初は圧倒されるかもしれませんので、後で探索することができます。

オプション2(推奨): すでに多くのデザインされたメニュー項目テンプレートを用意しています。単にそれらを適切な場所にコピー&ペーストしてください。メニューツリーが完成したら、未使用のテンプレートを削除するだけです。

