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

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

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

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

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

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

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

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

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

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

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

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

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

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

お役に立ちましたか?

|