header-logo
Wix の使用方法を学び、サイトとビジネスを構築する。
直感的な Wix 機能でサイトをデザインして管理する。
定期購入、プラン、請求を管理する。
ビジネスを運営し、サイト会員とつながる。
ドメインの購入、サイトへの接続と移管方法を学ぶ。
ビジネスとウェブプレゼンスを成長させるツールを入手する。
SEO とマーケティングツールで知名度を上げる。
より効率的な作業を支援する高度な機能を利用する。
解決策や既知の問題について確認し、問い合わせる。
placeholder-preview-image
コースとチュートリアルでスキルを習得する。
ウェブデザインやマーケティングなどのヒントを得る。
検索エンジンからのトラフィックを増やす方法について学ぶ。
フルスタックプラットフォームでカスタムサイトを構築する。
あなたの目標達成をサポートするエキスパートを見つけましょう。
placeholder-preview-image
  1. ホーム
  2. Wix Studio・パートナー・エンタープライズ
  3. Wix Studio
  4. Wix Studio エディタの使用
  5. Wix Studio エディタでのメニューの操作
  6. Wix Studio エディタ：新しいメニューを追加・管理する

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

9分
Wix の最新のメニュー要素を追加して、サイト構築のプロセスを合理化しながら、クライアントの訪問者のナビゲーションを効率化します。横型、縦型、またはハンバーガーメニューから、各ブレイクポイントに最適なレイアウトを選択します。レイアウトの切り替えは簡単で、デザインの進化に合わせてその場で調整することができます。
必要に応じてメニューアイテムの追加、削除、並べ替えを行い管理します。ドロップダウンコンテナを使用して、独自のコンテンツを含むサブメニューを表示することで、クライアントのニーズに合ったカスタマイズされた体験を提供することができます。
重要：
この記事では、Wix Studio エディタの新しいメニュー要素について説明します。以前のメニュー体験を管理する方法はこちら

メニューを追加する

サイトにメニューを追加して始めましょう。サイトヘッダーにメニューを追加することが推奨されますが、さまざまなページやセクションに合わせて体験をカスタマイズするために、任意の数だけ追加・設定を行うことが可能です。
メニューを追加したら、そのメニューに表示するアイテム（例：サイトページ、リンクなど）を選択します。

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

  1. エディタ左側で「要素を追加」 をクリックします。
  2. 「メニュー・検索」を選択します。
  3. メニューの種類（横型、縦型、ハンバーガー）を選択します。
  4. メニューをクリックして、ページ上の希望の位置にドラッグします。
  5. 新しいメニューにアイテムを追加します：
    1. 追加したメニューを選択します。
    2. 「メニューを管理」をクリックします。
    3. 下部にある「アイテムを追加」をクリックします。
    4. 追加するアイテムを選択します：
      • メインページ：メニューに通常のサイトページを追加します。
      • 動的ページとアプリページ：Wix ストアの商品ページなど、アプリからページを追加したり、CMS のコレクションに接続されたページを追加したりすることができます。
      • リンク：メニューには、さまざまな種類のリンクを追加することができます。クライアントの連絡先ページをはじめ、外部のウェブサイト、サイトページ内のアンカーなどへのリンクを追加することができます。
      • ドロップダウン：訪問者がアイテムにマウスオーバーした際に、メニュー下に表示されるコンテナを追加します。必要に応じてデザインし、メニューアイテムや追加のコンテンツを表示するために使用できます。
メニューのレイアウト（タイプ）について変更があった場合：
後から、いつでも変更することができます。
「要素を追加」パネルが開いています。カーソルがサイトに横型メニューを追加しています。

メニューアイテムを管理する

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

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

  1. エディタで該当するメニューを選択します。
  2. 「メニューを管理」をクリックします。
  3. 実行する内容を選択します：
「メニューを管理」パネルが開いています。カーソルがアイテムの名前を変更するオプションをクリックしています。

ドロップダウンを作成する

メニューにドロップダウンを作成するには、設定するタイトルに応じて 2通りの方法があります：
  • 既存のメニューアイテム：メニューから既存のアイテム（ページまたはリンク）を選択すると、訪問者がマウスオーバーしたときにドロップダウンが表示されます。
  • クリックできないタイトル：どのページにも移動しないドロップダウンタイトルを追加します。訪問者がマウスオーバーすると、ドロップダウンコンテナが開きます。

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

  1. エディタで該当するメニューを選択します。
  2. 「メニューを管理」をクリックします。
  3. 実行する内容を選択します：
    • 既存のメニューアイテムを使用する：
      1. メニューアイテムをドラッグして、ドロップダウンタイトルにしたいアイテムの下に移動させます。
      2. 同じアイテムにマウスオーバーし、「その他のアクション」アイコン  をクリックします。
      3. 「（ページ名）の下に移動」を選択します。
      4. 他のアイテムについても、手順 a〜c を繰り返します。
    • 新しいドロップダウンを作成する：
      1. 「＋アイテムを追加」をクリックします。
      2. 「ドロップダウン」を選択します。
      3. ドロップダウンのタイトルを入力します。
      4. キーボードの Enter キーを押して変更内容を保存します。
      5. ドロップダウン下のメニューアイテムをドラッグアンドドロップして追加します。
      6. 追加したい他のアイテムについても、手順 e を繰り返します。
「メニューを管理」パネルでドロップダウンが作成されています。メニューアイテムがその下にドラッグされています。

メニューを別のレイアウトに切り替える

「レイアウト」設定を使用して、希望のメニュータイプ（縦向きまたは横向き、ナビゲーションバーまたはハンバーガーメニュー）を選択します。

レイアウトを設定する方法：

  1. エディタ内のメニューをクリックします。
  2. 「レイアウト」アイコン  をクリックします。
  3. メニューの種類を選択します：
    • ナビゲーションバー：メニューアイテムがバーに表示されます。「表示方向」下で、バーを横向きまたは縦向きにするかを選択します。
    • ハンバーガー：アイコンが表示されます。サイト訪問者がアイコンをクリックすると、メニューが表示されます。
「メニューのレイアウト」パネル。カーソルが「ナビゲーションバー」を選択しています。

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

必要な数だけメニューを作成し、それぞれに完全に異なるアイテムを表示することができます。
新しいメニューパーツを追加したら、表示するメニューを選択できます：保存した既存のメニュー、またはその場で作成した新しいメニュー。つまり、メニューを保存し、サイト内のさまざまなメニューパーツで再利用できます。
複数のメニューに同じアイテムを表示する場合：
各メニューごとにアイテムに固有の名前を付けることで、常に特定の意図と一致させることができます。作成するすべてのメニューは、互いに完全に独立しています。
以下をクリックして詳細をご確認ください：

お役に立ちましたか？

|
この記事では下記を説明します：
  • メニューを追加する
  • メニューアイテムを管理する
  • ドロップダウンを作成する
  • メニューを別のレイアウトに切り替える
  • 同じサイトに複数のメニューを表示する

お役に立ちましたか？

|
「要素を追加」パネルが開いています。カーソルがサイトに横型メニューを追加しています。
「メニューを管理」パネルが開いています。カーソルがアイテムの名前を変更するオプションをクリックしています。
「メニューを管理」パネルでドロップダウンが作成されています。メニューアイテムがその下にドラッグされています。
「メニューのレイアウト」パネル。カーソルが「ナビゲーションバー」を選択しています。