Wix エディタ:高度なメニューについて
読了時間:4分
高度なメニューを使用すると、訪問者に希望のコンテンツを希望の場所に表示することができます。サイトの領域ごとに異なるメニューを作成し、複数レベルのナビゲーションを使用して整理できます。高度なメニューのあらゆる部分を、自分のスタイルに合わせてデザインすることができます。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/08/17/b5f70b1d-c9d5-4113-919a-6380af165923/567a91f1-873e-4cc1-acc0-f5fb9d881155.png)
ページごとに複数のメニューを作成する
高度なメニューを使用して、訪問者をサイトのさまざまな領域やページの関連するコンテンツや情報に誘導しましょう。必要な数だけ個別のメニューを追加し、個別にカスタマイズして管理することができます。
たとえば、ヘッダーに訪問者をページやアンカーに誘導するメニューと、フッターに連絡先情報とその他のリンクに誘導する別のメニューを表示することができます。複数の高度なメニューを追加して設定する方法はこちら
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/08/17/c3ca6b4f-56d2-41f5-9fe0-772868f04ef6/c5bcba2a-26fb-42c8-815a-31901cdd552e.png)
サブナビゲーションを活用してメニューアイテムを整理する
サイトに多数のページ、アンカー、セクションがある場合は、それらを見つけやすくすることが重要です。高度なメニューでは、サブメニューを追加して、訪問者がマウスオーバーしてクリックできるドロップダウンフォルダを作成することができます。
サブメニューと同様に、高度なメニューにはサブ-サブアイテムを表示する機能もあります。これらはサブメニュー内のサブメニューで、コンテンツを論理的な順序またはグループで表示するのに最適です。サブ-サブアイテムの作成方法はこちら
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/08/17/4ff8a005-d647-4af2-b317-11aaffbbbaeb/0babd280-43ad-4f2c-a658-ca3a072a76bb.png)
注意:
「パーツを追加」パネルから手動で追加した横型メニューでのみサブ-サブアイテムを作成することができます。サイトテンプレートに付属したメニューや、縦型メニューでは使用できません。
追加のコンテンツを表示する
サブナビゲーションオプションに加え、メニュー体験の一部として追加のコンテンツを表示することもできます。メガメニューは、アイテムとして高度なメニューに追加できるコンテナパーツです。訪問者がライブサイトのメニューアイテムにマウスオーバーすると、コンテナが開きます。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2023/02/08/f617a9dd-dc56-4a8c-9c1e-ee5e18065490/a6bebc84-fbcd-4662-9e5c-c8887bd4b380.png)
コンテナの外観と配置をデザインし、テキスト、ボタン、画像などのパーツを追加して、訪問者に必要なものをすべて表示します。メガメニューを追加・設定する方法はこちら
メニューのあらゆる部分をデザインする
メニューの種類(縦型、横型など)に応じて、ページに合わせて高度なメニューのデザインを調整できます。
メニューとサブメニューアイテムをカスタマイズして目立たせ、コンテナにクールな背景を追加して印象的なビジュアルナビゲーションを作成しましょう。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2023/02/21/26a98d08-3692-4b43-8e88-6e798afbd506/9c1854aa-4adb-45d8-aac5-62bdd97f3f8f.png)
さらに詳しい情報が必要な場合:
レイアウトを設定する
高度なメニューのレイアウトを調整して、ページの構造に合わせてアイテムを表示することもできます。メニューが横型か縦型かに応じて、サブメニューの開き方を選択したり、訪問者にとって見やすいレイアウトになるようにアイテムの配置を設定したりできます。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2023/02/21/c167d489-3ae5-4fe2-8b7e-2a06aef2230f/77abeb1e-0e7a-40b0-bcd1-e12d26d9fb1c.png)
さらに詳しく知りたい場合:
よくある質問
高度なメニューと通常メニューの違いは何ですか?
いくつまで高度なメニューをページに追加できますか?
モバイルサイトに複数のメニューを表示することはできますか?
サブメニューを設定するにはどうすればよいですか?
サブ-サブアイテムを設定するにはどうすればよいですか?
お役に立ちましたか?
|