Wix エディタ:サイドバーメニューを作成する

読了時間:4分
ライトボックスパーツを使用して、素敵なサイドバーメニューを作成しましょう!

サイドバーメニューを作成する方法:

  1. サイトから既存のメニューを削除します。
  2. エディタ左側で「パーツを追加 をクリックします。
  3. インタラクティブ 」をクリックします。
  4. 下図のように、サイドバープリセットを含むライトボックスを選択します:
  1. ライトボックスをクリックし、「設定」アイコン  をクリックします。
    1. ライトボックスの名前を「サイドバーメニュー」などの認識しやすい名前に変更します。
    2. ライトボックスの自動表示」下で「オフ」を選択します。
  1. ライトボックス内の全てのパーツを削除します。X アイコンは削除しないでください。
  2. ライトボックスに縦型メニューを追加します。
  3. メニューをデザインします。メニューフォントは大きめで中央寄せにすることをお勧めします。
ヒント:
サイトに合わせてライトボックスの背景とオーバーレイをカスタマイズしましょう。背景をわずかに透明にして、クールなエフェクトを演出することもできます。
  1. エディタ左側の「メニュー・ページ  をクリックして、メニューボタンを追加したいページを選択します。
  2. メニューボタンのシェイプを追加します:
    1. エディタ左側で「パーツを追加 をクリックします。
    2. 装飾」をクリックします。
    3. ベーシック」タブをクリックします。
    4. ベーシックシェイプ下で「もっと見る」をクリックします。
    5. 検索バーに「メニュー」と入力し、「Enter」キーを押します。
    6. メニューデザインを選択し、「ページに追加」をクリックします。
    7. デザインを変更」アイコン   をクリックし、メニューボタンをデザインします。
ヒント:
独自のメニューボタンをデザインすることもできます。テキストボタン、アイコンボタン、または別のシェイプにすることができます。以下の例をご覧ください:
  1. メニューボタンをサイトの目立つ場所に配置します。ヘッダーに配置するか、画面に固定機能を使用して、サイトの上部に固定してください。メニューボタンがヘッダーに配置されていない場合は、全ページに表示される設定にしてください。
  2. メニューボタンをクリックし、「リンクを追加」アイコン   をクリックします。「ライトボックス」を選択し、ドロップダウンメニューからライトボックスを選択し、「完了」をクリックします。
  1. サイトをプレビューして、ライトボックスの動作を確認します。
  2. モバイルエディタにアクセスします
  3. ライトボックスにリンクされているメニューボタンをクリックし、「非表示にする」アイコン  をクリックします。
重要:
モバイルサイトのボタンやリンクからライトボックスメニューにアクセスできないようにしてください。サイドバープリセットのある通常のモバイルメニューを使用してください。

お役に立ちましたか?

|