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

読了時間:3分
縦型メニューはクリーンで洗練されたデザインです。さまざまなテンプレートが用意されているので、カスタマイズして、目を引く、サイトのテーマに合ったメニューを作成できます。

下記をご確認ください:


縦型メニューを追加する

エディタから縦型メニューを追加して、サイト訪問者のインタラクションや注意を促すメニューの作成を開始します。

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

  1. エディタ左側で「パーツを追加 をクリックします。
  2. メニュー・アンカー」をクリックします。
  3. 縦型メニュー」を選択します。
  4. メニューをクリックまたはドラッグして、ページに追加します。
Wix エディタの縦型メニューオプションのスクリーンショット

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

カスタマイズオプションを使用すると、メニューを希望通りにデザインできます。メニューには 3 つの異なる状態(通常時、ホバー、クリック)があり、各状態はサイトのニーズに合わせて個別にカスタマイズできます。

  • 通常時:サイト訪問者がメニューを操作する前のメニューの表示方法。
  • ホバー:マウスオーバーした際のメニューの表示方法。
  • クリック:サイト訪問者がクリックしたときのメニューの表示方法。

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

  1. デザインを変更」アイコン をクリックします。
  2. デザインをカスタマイズ」をクリックします。
  3. 編集するメニューの状態(通常時、ホバー、クリック)を選択します。
  4. 下記のオプションから選択して、各設定を調整します:
    • 不透明度・色:メニューの塗りつぶし色を選択し、不透明度を調整します。
    • 枠線:メニューの枠線の太さと色を調整します。
    • :メニューとサブメニューの角の丸みを調整します。
    • : 影を有効にし、角度、サイズ、ぼかし、色と位置を調整します。
    • テキスト:フォントやサイズ、書式などのメニューのテキスト設定を編集します。
    • 間隔:スライダーを使用して、メニューの間隔と位置を調整します。
縦型メニューのデザインオプションのスクリーンショット

メニューのレイアウトを調整する

サイトのニーズに合わせて、メニューのレイアウトを調整していきましょう。メニューアイテムの配置方法を変更し、サブメニューの展開方法(右または左)を選択します。

メニューのレイアウトを調整する方法:

  1. レイアウト」アイコン  をクリックします。
  2. 下記のオプションから選択します:
    • アイテムの配置:メニューアイテムを左・中央・右に配置します。
    • サブメニューの展開方向:サブメニューの展開方向(右へ展開、左へ展開)を選択します。

お役に立ちましたか?

|