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

読了時間：7分

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

備考：

この記事では、旧メニューのフローについて説明します。Wix では最近、横型、縦型、ハンバーガーメニューに影響する新しいメニューコンポーネントのリリースを開始しました。新しいメニューを追加・設定する方法はこちら

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

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

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

エディタ左側で「要素を追加」をクリックします。
「メニュー・検索」をクリックします。
該当するメニューデザインをページにドラッグします：
- 横型メニュー：これらの高度なメニューには、ユニークなカスタマイズオプションがたくさんあります。ニーズに合わせてメニューをカスタマイズし、各エリアのレイアウトやデザインを調整することができます。
- 縦型メニュー：サイトの右側または左側に配置すると良く見える縦型のメニュー。
- アンカーメニュー：アンカーリンクを表示する縦型のフローティングメニュー。これは、特に長いページやシングルページサイトの場合に、訪問者がページ上の異なるセクション間を移動するのに便利です。
- ハンバーガーメニュー：訪問者がメニューアイコンをクリックしたときだけメニューアイテムが表示される、ミニマリストで省スペースのメニュー。メニューには開いた状態と閉じた状態があります。
新しいメニューにアイテムを追加します：
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 を繰り返します。