# Wix Studio Two エディタ：サイトメニューを追加・管理する

Source: https://support.wix.com/ja/article/studio-two-editor-adding-and-managing-site-menus-ja (updated 2026-11-13)
Related: Wix developer documentation, https://dev.wix.com/docs/llms.txt; Help Center index, https://support.wix.com/en/llms.txt

> この記事では、2026年11月にリリースされた新しい Wix Studio Two エディタについて説明します。Wix Studio エディタまたは Wix Studio Two エディタのどちらを使用しているか不明な場合は、[こちら](https://support.wix.com/ja/article/studio-two-editor-the-difference-between-studio-editor-and-studio-two-editor)で詳細を確認してください。

メニューがあると、訪問者はサイト内を見て回りやすくなり、注目してほしいページやコンテンツ、リンクも見つけやすくなります。特に重要なアイテムを選び、メニューの見た目や動作を決めることで、訪問者はどのデバイスからでもスムーズにサイト内を移動できます。

![横型メニューが表示されたランディングページのスクリーンショット](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/7f561bb1-7ff0-4bf8-af1c-fd30dbde9be6/2026/10/21/865baaac-46ef-4585-81ba-dc809d322700/2026-10-21_14-21-36.png)

---

## メニューを追加する

メニューは、訪問者がサイト内のページ間を移動するのに役立ちます。「**要素を追加**」パネルの「**メニュー**」カテゴリーにある「**横型メニュー**」「**縦型メニュー**」「**ハンバーガーメニュー**」のオプションでは、サイトページと連動したサイトメニューを追加できます。そのため、新しく作成したページは自動的にこのメニューに表示されます。

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

1. [エディタに移動](https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26)します。
2. 左上の「**要素を追加**」アイコン ![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2026/07/03/9c03a257-d8e4-43c3-80da-ef30b0b73154/18b082af-6d24-4be7-b34e-707d9a3d8166.png) にマウスオーバーします。
3. 「**要素**」を選択します。
4. 「**メニュー・検索**」アイコン ![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/59ab096e-e0a0-4b06-ad46-bd78e940c7f1/2026/07/22/01947c02-8ae6-43e7-a511-2c80c8c5f48f/image.png) をクリックします。
5. カテゴリーの横にある「**矢印**」アイコン ![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/7f561bb1-7ff0-4bf8-af1c-fd30dbde9be6/2026/08/31/806bcef9-4e60-4149-ad22-9cd4674a9995/image.png) をクリックして、リストを閲覧します。
6. 追加したいメニューの種類（「**横型メニュー**」「**縦型メニュー**」「**ハンバーガーメニュー**」）を選び、ページにドラッグします。

![サイドバーの「メニュー・検索」アイコンがハイライトされた、Wix Studio Two の「要素を追加」パネルのスクリーンショット](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/7f561bb1-7ff0-4bf8-af1c-fd30dbde9be6/2026/11/05/d66591c6-144c-4ede-a4d8-b3440912d2b2/2026-11-05_11-13-00.png)

---

## メニューアイテムを追加・管理する

メニューを追加したら、表示するアイテムを選びます。通常のサイトページ、アプリや CMS のページコレクション、コレクション内の特定のページ、ドロップダウンコンテナ、リンクを追加できます。

メニューは、サイトの変化に合わせていつでも更新できます。新しいアイテムを追加したり、不要になったアイテムを削除したり、アイテムを並び替えたりして、ナビゲーションをわかりやすく最新の状態に保ちましょう。

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

1. [エディタに移動](https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26)します。
2. キャンバス上のメニューをクリックします。
3. 「**メニューを管理**」をクリックします。
4. 次に行う操作を選択します：

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

下部にある「**アイテムを追加**」をクリックし、追加したいアイテム（「**サイトページ**」「**リンクまたはアンカー**」「**ドロップダウン**」）を選択します。

**サイトページ**：

メニューに表示したいページを追加します。該当するページの横にあるチェックボックスを選択し、「**メニューに追加**」をクリックします。パネルには、通常のサイトページに加え、Wix ストアの商品ページなど、サイトにインストールされている Wix アプリのページも含まれます。

**リンクまたはアンカー**：

外部サイトやドキュメント、直接の連絡手段などへのリンクをメニューに追加します。サイト内のセクションやポップアップにリンクすることもできます。

**ドロップダウン**：

メニューから開くコンテナを追加して、関連するアイテムをまとめます。たとえば、すべてのサービスを「**サービス**」の下にまとめるなど、1つのメニューアイテムの下にページやリンク、その他のコンテンツを配置できます。

![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/7f561bb1-7ff0-4bf8-af1c-fd30dbde9be6/2026/10/21/97fe20c6-c06c-408e-b4fb-2243d1ab1a1a/image.png)

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

メニューに追加したリンクは、いつでも編集できます。

1. 該当するリンクにマウスオーバーし、「**その他のアクション**」アイコン ![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2026/07/03/c45aec3e-d06a-43fa-a8e0-bfae6102df04/e95e66cd-e08c-4386-8f99-7429bdcec7d8.png) をクリックします。
2. 「**リンクを変更**」をクリックします。
3. リンクの種類や詳細を変更します。
4. 「**完了**」をクリックします。

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

1. 該当するアイテムにマウスオーバーし、「**その他のアクション**」アイコン ![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2026/07/03/c45aec3e-d06a-43fa-a8e0-bfae6102df04/e95e66cd-e08c-4386-8f99-7429bdcec7d8.png) をクリックします。
2. 「**名前を変更**」をクリックします。
3. 新しい名前を入力します。
4. キーボードの「**Enter キー**」を押して、変更内容を保存します。

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

アイテムの横にある「**並び替え**」アイコン ![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/11/13/3eb1bf2d-d9b6-4d2a-aed7-246e1793184f/a26e8932-65af-4fca-9457-00272b16e31f.png) を押したまま、希望の位置までドラッグします。

**メニューからページを削除する**

1. 該当するアイテムにマウスオーバーし、「**その他のアクション**」アイコン ![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2026/07/03/c45aec3e-d06a-43fa-a8e0-bfae6102df04/e95e66cd-e08c-4386-8f99-7429bdcec7d8.png) をクリックします。
2. 「**メニューから削除**」をクリックします。  
**注意**：メニューからページを削除しても、サイトからページ自体が削除されるわけではありません。削除されるのは、そのメニュー上のリンクのみです。ページはサイトのページ一覧に残るため、いつでもメニューに再追加できます。

---

## メニューにドロップダウンを追加する

ドロップダウンを使用すると、関連するページを1つのメニューアイテムの下にまとめ、ナビゲーションをすっきりと整理できます。ページやリンクなどの親アイテムを選び、その下に他のページを配置してドロップダウンを作成します。

## ドロップダウンを追加・設定する方法：

1. [エディタに移動](https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26)します。
2. キャンバス上のメニューをクリックします。
3. 「**メニューを管理**」をクリックします。
4. ドロップダウンのタイトルにするメニューアイテムを決めます。
5. 最初のメニューアイテムをドロップダウンに移動します：  
   1. 該当するメニューアイテムを、ドロップダウンのタイトルの下にドラッグします。  
   2. ドラッグしたアイテムにマウスオーバーし、「**その他のアクション**」アイコン ![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2026/07/03/c45aec3e-d06a-43fa-a8e0-bfae6102df04/e95e66cd-e08c-4386-8f99-7429bdcec7d8.png) をクリックします。  
   3. 「**「ページ名」の下に移動**」を選択します。
6. ドロップダウンに移動したい他のアイテムについても、手順 5 を繰り返します。

![アクションバーで「メニューを管理」が選択され、「下に移動」オプションがハイライトされた Wix Studio Two のスクリーンショット](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/7f561bb1-7ff0-4bf8-af1c-fd30dbde9be6/2026/10/21/e6f30714-9833-44b5-9cc6-93f72d7b2670/2026-10-21_14-32-14.png)

> **ヒント：** ページをすばやくドロップダウンアイテムにしたい場合は、ページを上下にドラッグしてから少し右にずらし、別のページの下に入れ込むように配置します。

---

## メニューのレイアウトを変更する

わかりやすいメニューレイアウトにすると、訪問者は次にどこへ進めばよいかがすぐにわかります。メニューバーを選ぶと、アイテムを横一列または縦一列に表示できます。横型メニューでは、訪問者の画面に十分なスペースがない場合の表示方法も細かく設定できます。

よりコンパクトなレイアウトにしたい場合は、ハンバーガーメニューを選びます。アイコンをクリックするとナビゲーションが開くため、すっきりしたレイアウトやスペースが限られたページに最適です。

### メニューのレイアウトを変更する方法：

1. [エディタに移動](https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26)します。
2. キャンバス上のメニューをクリックします。
3. アクションバーの「**レイアウトを変更**」をクリックします。
4. 「**メニュー**」下で該当するオプションを選択します：  
   * **メニューバー**：メニューアイテムがナビゲーションバーに表示されます。「**方向**」ドロップダウンをクリックし、「**横向き**」または「**縦向き**」を選択します。  
   **ヒント**：横型のメニューバーを選択した場合は、「**アイテム動作**」ドロップダウンをクリックして、訪問者の画面にすべてのアイテムを表示するスペースがない場合の動作も選択できます：  
         * **テキストに合わせる**：アイテムに合わせてメニューが広がります。  
         * **スクロールに合わせる**：ボタンが追加され、訪問者は残りのアイテムをスクロールして表示できます。  
   * **ハンバーガー**：訪問者がアイコンをクリックすると、メニューが開きます。すっきりとしたミニマルなレイアウトに最適なオプションです。

![アクションバーで「レイアウトを変更」が選択された Wix Studio Two エディタ](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/7f561bb1-7ff0-4bf8-af1c-fd30dbde9be6/2026/10/21/98058ac4-93c2-4888-b978-e9e4ea69bacd/2026-10-21_14-36-34.png)

> **次のステップ** メニューアイテムを追加・設定したら、サイトのデザインに合わせて[メニューのデザインをカスタマイズ](https://support.wix.com/ja/article/studio-two-editor-adjusting-menu-design-and-layout)しましょう。

---

## 同じサイトに複数のメニューを表示する

メニューはいくつでも作成でき、それぞれに異なるアイテムを表示できます。

新しいメニュー要素を追加する際に、表示するメニューを選択します。保存済みの既存メニューを選ぶことも、その場で新しいメニューを作成することもできます。

### ページに表示するメニューを選択する方法：

1. [エディタに移動](https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26)します。
2. キャンバス上のメニューをクリックします。
3. 「**メニューを管理**」をクリックします。
4. 「**表示するメニューを選択**」下のドロップダウンをクリックします。
5. 必要なメニューに応じて、以下の手順に従います：  
   * **既存のメニュー**：リストからメニューを選択します。  
   * **新しいメニュー**：  
         1. 「**サイトメニューを管理**」をクリックします。  
         2. 下部にある「**＋メニューを追加**」をクリックします。  
         3. 新しいメニューの名前を入力します。  
         **注意**：この名前は訪問者には表示されません。

![アクションバーで「メニューを管理」が選択された Wix Studio Two のスクリーンショット](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/7f561bb1-7ff0-4bf8-af1c-fd30dbde9be6/2026/10/21/e358317c-29f6-418e-b644-907f90073cbb/2026-10-21_16-54-42.png)