Wix ヘルプセンター
    ホーム
  1. サイトの作成
  2. Wix エディタ
  3. モバイルエディタ
  4. モバイル上のサイトメニュー
    5. Wix エディタ：モバイルメニューをカスタマイズする

Wix エディタ：モバイルメニューをカスタマイズする

読了時間：10分
サイトのデザインとレイアウトに合わせてモバイルメニューをカスタマイズしましょう。モバイルメニューは、メニューアイコン、メニューボックス、メニューの 3つの要素で構成されています。
これらはそれぞれ個別に調整・カスタマイズできるため、モバイル上であなたやサイト訪問者の目を引くユニークなメニューを作成することができます。
この記事では、下記の項目について説明します：
重要：
この記事では、2019年の初めにリリースされたモバイルメニューについて説明します。数回クリックするだけで新しいメニューに更新できます。モバイルメニューを更新する方法をご覧ください。

メニューアイコンをカスタマイズする

メニューアイコンには開いた状態と閉じた状態の 2つの状態があります。プリセットアイコンを選択し、両方の状態を好きなようにカスタマイズできます。

メニューアイコンをカスタマイズする方法：

  1. モバイルエディタでメニューアイコンをクリックします。
  2. 「デザインを変更」アイコン  をクリックします。
  3. 利用可能なオプションからプリセットを選択します。
  4. 「デザインをカスタマイズ」をクリックします。
  5. 「閉じる」もしくは「開く」のタブをクリックしてアイコンをカスタマイズします。
  6. アイコンをデザインする方法を選択します：
モバイルメニューのデザインパネル。カーソルが枠線のカラーボックスの上にマウスオーバーしています。

メニューコンテナをカスタマイズする

メニューボックスにはメニューアイテムが含まれます。レイアウト、デザイン、背景パネルを使用して、サイトに合わせてメニューコンテナの位置と見た目を調整できます。

メニューボックスをカスタマイズする方法：

  1. モバイルエディタでメニューアイコンをクリックします。
  2. 「メニューを編集」をクリックします。
  3. メニューコンテナをクリックします。
  4. 以下のオプションを使用して、メニューコンテナの調整方法を選択します：
モバイルメニューコンテナの「背景を変更」パネル。カーソルが色の上に乗っています。
メニューアイテムの配置場所の問題
既知の問題が発生している可能性があります。弊社ではこの問題を認識しており、早期解決に取り組んでいます。詳細はこちらをご覧ください。

メニューアイテムをカスタマイズする

メニューアイテム（メニューテキスト）の外観とデザインを調整します。フォント、色、間隔などの設定をカスタマイズできます。

メニューアイテムを調整する方法：

  1. モバイルエディタでメニューアイコンをクリックします。
  2. 「メニューを編集」をクリックします。
  3. モバイルメニューをクリックします。
  4. 以下のオプションを使用して、メニューアイテムの調整方法を選択します：
メニューアイテムのデザインパネル。「影」タブが開いており、「影の位置」スライダーにマウスオーバーしています。
さらにメニューを調整する場合：
モバイルメニューのドロップダウン矢印の色をカスタマイズできます。矢印の色をカスタマイズする方法をご覧ください。
注意：
  • メニューにパーツを追加または削除したい場合は、パーツを右クリックして「移動先」をクリックし、メニューボックス、ヘッダー、フッター間で移動します。
  • モバイルメニューにサブページが表示されない場合は、こちらをご覧ください。

お役に立ちましたか？

|
この記事では下記を説明します：
  • メニューアイコンをカスタマイズする
  • メニューコンテナをカスタマイズする
  • メニューアイテムをカスタマイズする