Wix エディタ：全画面のポップアップメニューを作成する

読了時間：4分

ライトボックスパーツを使用して、魅力的な全画面ポップアップメニューを作成しましょう。訪問者が「メニュー」ボタンをクリックすると、以下の例のように、サイトのコンテンツの上に表示されます：

まず、「パーツを追加」パネルからライトボックスをサイトに追加し、後でデザインします。

ライトボックスを追加したら、訪問者がサイトにアクセスするたびに自動的に表示されないように設定します。次に、ライトボックスを好みに合わせてデザインし、縦型メニューを追加します。

ヒント：

サイトに合わせてライトボックスの背景をカスタマイズしたり、背景オーバーレイをカスタマイズすることができます。背景を少し透明にして、かっこいいエフェクトに仕上げましょう。

ライトボックスとメニューの準備ができたら、訪問者がクリックしてメニューにアクセスするためのボタンを追加します。次に、ボタンをライトボックスにリンクします。

検索バーに「メニュー」と入力し、Enter キーを押します。
メニューボタンのデザインを選択し、「ページに追加」をクリックします。
ヒント：メニューボタンは、ヘッダーなど、サイトの目立つ場所に配置してください。
エディタでメニューボタンを選択します。
（オプション）「デザインを変更」アイコンをクリックし、メニューボタンをデザインします。
「リンクを追加」アイコンをクリックします。
左側で「ライトボックス」を選択します。
ドロップダウンメニューからライトボックスを選択します。
「完了」をクリックします。

ヒント：

メニューボタンをサイトの目立つ場所に配置します。ヘッダーに配置するか、画面に固定機能を使用して、サイトの上部に固定してください。メニューボタンがヘッダーに配置されていない場合は、全ページに表示される設定にしてください。
独自のメニューボタンをデザインすることもできます。テキストボタン、アイコンボタン、または別のシェイプにすることができます。以下の例をご覧ください：

すでに全画面メニューがプリセットされているモバイルサイトで、作成したばかりのボタンを非表示にします。

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