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

Wix Studio エディタ:ハンバーガーメニューを使用する

6分
ハンバーガーメニューは、訪問者がメニューアイコンをクリックしたときだけ表示される、すっきりとしたスペース効率の良いメニューです。

Wix Studio エディタでは、ハンバーガーメニューのデザイン要素を完全に制御できるため、クライアントの特定のブランディングやスタイルに合わせてカスタマイズすることができます。この柔軟性により、クライアントのビジョンに合わせた直感的なナビゲーション体験を作成することができます。
Wix Studio エディタサイトのハンバーガーメニューの例

ハンバーガーメニューを追加する

ハンバーガーメニューは、「要素を追加」パネルからいつでも追加可能です。クライアントのニーズに応じて、サイトに複数のメニューを追加し、個別に管理・カスタマイズすることができます。

ハンバーガーメニューを追加する方法:

  1. エディタ左側で「要素を追加 をクリックします。
  2. メニュー・検索」をクリックします。
  3. ハンバーガーメニュー」をクリックします。
  4. 該当するメニューをページ上の希望する場所にドラッグアンドドロップします。
Wix Studio エディタの「要素を追加」パネルで利用可能なハンバーガーメニューのデザイン

ハンバーガーメニューを管理する

サイトにハンバーガーメニューを追加したら、それに表示するメニューを選択します。個々のハンバーガーメニューに異なるメニューを表示し、それが属するページ / セクションに固有のコンテキストを提供することができます。

ハンバーガーメニューを管理する方法:

  1. ハンバーガーメニューアイコンを選択します。
  2. メニューを編集」をクリックします。
  3. 縦型メニュー要素を選択します。
  4. メニューを管理」をクリックします。
  5. 表示するメニューを選択」下のドロップダウンをクリックします。
    • 既存のメニュー:ドロップダウンからメニューを選択します。
    • 新しいメニュー:
      1. サイトメニューを管理」をクリックします。
      2. +メニューを追加」をクリックし、カスタムメニューを作成します。
ハンバーガーメニューで「メニューを管理」パネルが開いています。表示されたメニュードロップダウンにマウスオーバーしています。
ヒント:
パネル下部の「アイテムを追加」をクリックすると、選択したメニューにアイテムを追加できます。

ハンバーガーメニューをカスタマイズする

ハンバーガーメニューを追加したら、サイトのデザインと操作感に合わせてメニューのあらゆる部分をカスタマイズします。

ハンバーガーメニューをカスタマイズする方法:

  1. ハンバーガーメニューアイコンを選択します。
  2. カスタマイズするものを選択します:
Wix Studio エディタサイトのハンバーガーメニューの例
Wix Studio エディタの「要素を追加」パネルで利用可能なハンバーガーメニューのデザイン
ハンバーガーメニューで「メニューを管理」パネルが開いています。表示されたメニュードロップダウンにマウスオーバーしています。