Wix Studio エディタ：メニューを追加・管理する

読了時間：7分

メニューを追加して、訪問者がサイト内を移動しやすくしましょう。これらのメニューはフルカスタマイズが可能で、サイトページ、外部ウェブサイト、電話番号など、クライアントが希望するリンクを表示できます。

この記事では、以下の項目について説明します：

クライアントのサイトに必要な数のメニュー要素を追加します。デザインに適したメニューの種類を選択し、表示するアイテムを決定します。

メニューを追加する方法：

エディタ左側で「要素を追加」をクリックします。
「メニュー・検索」をクリックします。
該当するメニューデザインをページにドラッグします：
- 横型メニュー：これらの高度なメニューには、ユニークなカスタマイズオプションがたくさんあります。ニーズに合わせてメニューをカスタマイズし、各エリアのレイアウトやデザインを調整することができます。
- 縦型メニュー：サイトの右側または左側に配置すると良く見える縦型のメニュー。
- アンカーメニュー：アンカーリンクを表示する縦型のフローティングメニュー。これは、特に長いページやシングルページサイトの場合に、訪問者がページ上の異なるセクション間を移動するのに便利です。
- ハンバーガーメニュー：訪問者がメニューアイコンをクリックしたときだけメニューアイテムが表示されるミニマリストな省スペースメニュー。メニューには、開いた状態と閉じた状態があります。
新しいメニューにアイテムを追加します：
1. 追加したメニューを選択します。
2. 「メニューを管理」をクリックします。
3. 下部にある「アイテムを追加」をクリックします。
4. 追加したいアイテムを選択します：
  - サイトページ
  - リンク：メニューにはさまざまな種類のリンクを追加できます。他のウェブサイト、このサイト内ののアンカー、クライアントの連絡先情報などへのリンクを追加します。
  - サブメニュータイトル：クリックできないタイトルをメニューに追加し、その下にサブメニュー内のページをネストします。
  - メガメニュー：訪問者がアイテムにマウスオーバーすると、メニューの下に表示される全画面表示のコンテナです。このコンテナは、あらゆる種類のコンテンツを表示するようにデザインできます。

Wix アプリに関連するページをお探しの場合：

メニューに新しいリンクを追加し、左側の「ページ」を選択します。ドロップダウンをクリックすると、Wix アプリに関連するすべてのページのリストが表示されます（例：Wix ストア、Wix ブッキングなど）。

Wix Studio エディタで Wix ストアに関連するページをメニューに追加しています

既存のメニューとそこに表示されるアイテムはいつでも調整できます。メニューを最新の状態に保つために、アイテムを追加したり、無関係なアイテムを削除したり、順序を変更したりできます。

メニューを管理する方法：

エディタで該当するメニューを選択します。
「メニューを管理」をクリックします。
次に実行する内容を選択します：

メニューアイテムを追加する

メニューアイテムのリンクを変更する

メニューアイテムの名前を変更する

メニューアイテムを削除する

メニューアイテムを並べ替える

Wix Studio エディタの「メニューを管理」パネルとメニューアイテムを管理するために表示されるオプション

ドロップダウンサブメニューを作成する

新しいサブメニューを作成する方法は、希望するタイトルに応じて 2通りあります：

既存のメニューアイテム：メニューから既存のアイテム（ページまたはリンク）を選択すると、訪問者がマウスオーバーしたときにサブメニューが表示されます。
クリックできないタイトル：ページに移動しない「サブメニュータイトル」を追加します。訪問者がマウスオーバーすると、サブメニューが表示されます。

アイテムを新しいサブメニューの下に移動させる方法：

エディタで該当するメニューを選択します。
「メニューを管理」をクリックします。
（オプション）サブメニューにクリックできないタイトルを追加します：
1. 「＋アイテムを追加」をクリックします。
2. 「サブメニュータイトル」を選択します。
3. サブメニューの新しいタイトルを入力します。
4. キーボードの Enter キーを押して変更内容を保存します。
メニューアイテムをサブメニューに移動させます：
1. メニューアイテムをドラッグして、サブメニュータイトルの下に移動させます。
  ヒント：サブメニュータイトルは、別のメニューアイテム、または追加したクリックできないタイトルです。
2. 同じアイテムにマウスオーバーし、「その他のアクション」アイコンをクリックします。
3. 「（ページ名）の下に移動」を選択します。
4. 他のすべてのサブメニューアイテムについて、手順 a - c を繰り返します。