Wix ヘルプセンター
    ホーム
  1. サイトの作成
  2. Wix エディタ
  3. ページ・メニューを管理する
  4. メニュー
    5. Wix エディタ：横型メニューを追加・設定する

Wix エディタ：横型メニューを追加・設定する

読了時間：6分
横型メニューは、サイト訪問者がサイト内を移動しやすいように、アイテムとサブメニューを明確に表示します。通常、サイトページの上部に配置されます。

ステップ 1 | 横型メニューを追加する

横型メニューにはカラフルで大胆なオプションが用意されているので、レイアウトをカスタマイズしていきましょう。

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

  1. エディタ左側で「追加」 をクリックします。
  2. 「メニュー・アンカー」をクリックします。
  3. 「横型メニュー」をクリックします。
  4. メニューをページにドラッグします。

ステップ 2 | メニューをデザインする

メニューを追加したら、メニューをカスタマイズして、希望通りの見た目にすることができます。メニューアイテムには、個別に調整できる 3 つの異なる状態があります：
  • 通常時：マウスオーバーする前のアイテム / テキストの表示方法。
  • ホバー：マウスオーバーした際のアイテム / テキストの表示方法。
  • 現在のページ：訪問者が現在閲覧しているページでのアイテム / テキストの表示方法。
テキスト、塗りつぶし、枠線など、各状態のデザインをカスタマイズできます。

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

  1. メニューをクリックします。
  2. 「デザインを変更」アイコン  をクリックします。
  3. 「デザインをカスタマイズ」をクリックし、利用可能なオプションを使用してメニューを調整します。
ヒント：
「デザインをカスタマイズ」パネルから「サブメニュー」をクリックし、サブメニューのアイテムとテキストを調整します。

ステップ 3 | メニューのレイアウトを調整する

サイトのニーズに合わせて、サイトメニューのレイアウトを調整していきましょう。メニューとサブメニューのレイアウト設定を個別に編集し、テキスト、間隔、配置などの設定を調整できます。

レイアウトを調整する方法：

  1. 「レイアウト」アイコン  をクリックします。
  2. 「メニュー」または「サブメニュー」タブをクリックし、オプションを編集します：
次のステップ：
メニューにアイテムを追加して、訪問者を興味深く関連性の高いコンテンツに誘導しましょう。詳細はこちらをご覧ください。

お役に立ちましたか？

|

この記事では下記を説明します：

  • ステップ 1 | 横型メニューを追加する
  • ステップ 2 | メニューをデザインする
  • ステップ 3 | メニューのレイアウトを調整する