Wix エディタ:高度なメニューを追加・設定する
読了時間:3分
メニューを高度なメニューにアップグレードして、希望通りにアイテムを表示しましょう。高度なメニューを使用すると、サイトのさまざまな領域に合わせたカスタムメニューを作成し、訪問者が次に行く場所を決定できます。
ステップ 1 | ページにメニューを追加する
まずはサイトにメニューを追加しましょう。サイトのデザインやテーマに合わせたデザインをたくさんご用意しています。
メニューを追加する方法:
- エディタ左側で「パーツを追加」
をクリックします。
- 「メニュー・アンカー」をクリックします。
- 「メニュー」下でメニューの種類を選択します。
- メニューをクリックして、ページにドラッグします。
- 追加したいメニューごとに、手順 1〜4 を繰り返します。
![エディタ内の「パーツを追加」パネル。カーソルが横型メニューを追加するオプションにマウスオーバーしています。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2023/02/01/46c0afe3-fde9-4004-bc59-c25ae77316bc/daa0f667-fc99-4287-ac6b-abaf26c9a012.png)
高度なメニューで提供されるすべての機能を利用したい場合:
高度なデザイン機能とサブ-サブアイテムを作成するオプションを使用できる横型メニューを追加することをおすすめします。
ステップ 2 | 高度なメニューを設定する
サイトにメニューを追加したら、高度なメニューに更新してサイトページから切り離し、新しい機能を使用しましょう。
メニューを高度なメニューとして設定する方法:
- エディタ内のメニューをクリックします。
- 「設定」アイコン
をクリックします。
- 「設定する」をクリックします。
- ポップアップで「設定する」をクリックします。
- 高度なメニューとして設定したいメニューごとに、手順 1〜4 を繰り返します。
![メニューの高度な設定パネル。カーソルが「設定する」ボタンにマウスオーバーしています。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2023/02/01/61696c75-7f88-4cb7-9964-b15b03141215/04e20b16-e421-43d0-8df8-32662e4e273c.png)
ステップ 3 | メニューアイテムを追加する
高度なメニューに表示する内容を選択します。ページ、リンク、アンカー、サブメニュータイトルを追加して、コンテンツを好きなように整理して表示できます。
メニューにアイテムを追加する方法:
- エディタ内のメニューをクリックします。
- 「メニューを管理」をクリックします。
- パネル下部の「+メニューアイテムを追加」をクリックします。
- メニューに追加するアイテムの種類を選択します:
- サイトページ:メニューアイテムとしてサイトページを追加します。
- リンク:メニューにリンクを追加します。外部サイトや文書ファイルなどにリンクできます。
- セクション:ページセクションをメニューのアイテムとして追加します。訪問者がクリックすると、そのセクションに移動します。
- アンカー:メニューにページアンカーへのリンクを表示します。クリックすると、訪問者は該当するアンカーに移動します。
- サブメニュータイトル:メニューにドロップダウンサブメニューを追加します。タイトルを追加したら、メニューアイテムをドラッグ&ドロップしてサブメニューに表示できます。
- メガメニュー:訪問者がメニュー内のアイテムにマウスオーバーした際に表示されるコンテナを追加します。コンテナのレイアウトやデザインを変更したり、パーツを追加したりできます。メガメニューの詳細はこちら
![「メニューを管理」パネル。カーソルが「メニューアイテムを追加」ボタンにマウスオーバーしており、オプションが表示されています。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2023/02/01/3b7014b0-f63c-4c45-9735-3b63b1d0fd1c/ed7eb164-9aaa-456f-bc08-970a54bcefa6.png)
次のステップ:
- アイテムを追加、削除、名前変更して、高度なメニューをカスタマイズします。また、サブメニューやサブ-サブメニューを設定して、コンテンツを合理化することもできます。メニューアイテムの管理についての詳細はこちら
- メニューの種類(横型または縦型)に応じて、高度なメニューのレイアウトとデザインをカスタマイズして、希望どおりの外観にすることができます。