Editor X：ライトボックスを使用する

読了時間：6分

Editor X は、代理店とフリーランサー向けの新しいプラットフォームである Wix Studio に移行します。Wix Studio について

ライトボックスポップアップは、訪問者の注意を引き、行動を促したいときに便利なツールです。さまざまなブレイクポイントに合わせてライトボックスをカスタマイズすると、あらゆる画面サイズで効果的に表示できます。次に、訪問者が宣伝メッセージに集中できるように、その周辺にオーバーレイを作成します。

この記事では、下記の項目について説明します：

さまざまな種類のライトボックスから選択してページに追加することができます：

ページパネルからサイトのライトボックスにアクセスできます。該当するライトボックスを選択して編集モードに切り替え、設定、デザイン、パーツの追加を行います。

ブレイクポイントごとにライトボックスをカスタマイズする：

ブレイクポイントごとにデザインして、どのビューポイントでもライトボックスが正しく表示されるようにしましょう。

次の手順に従ってください。

サイトをプレビューして、ライトボックスの動作を確認しましょう。

ライトボックスを希望の動作に設定しましょう。訪問者がページを開いたときに自動的に表示するか、サイト上の特定のリンクまたはボタンをクリックしたときにのみ表示することができます。

注意：

ライトボックスは、訪問者が最初にアクセスしたページに1度のみ表示されます。

エディタ上部にある「ページ」アイコンをクリックします。
左側で該当するライトボックスを選択します。
「表示設定」をクリックします。
ライトボックスを説明する名前を入力します。
「ライトボックスの自動表示」下で該当するオプションを選択します：
- オン：訪問者が関連するページを開いた際に、ライトボックスが自動的に表示されます。
  1. 「表示するページ」欄をクリックしライトボックスを表示させたいページを選択します。
  2. 「待機時間」スライダーをドラッグして、ページが読み込まれてからアニメーションが表示されるまでの時間を調整します。
- オフ：訪問者がページを開いてもライトボックスは表示されません。代わりに、選択したボタンまたはリンクによってトリガーされます。
準備ができたら、「完了」をクリックして編集モードを終了します。

注意：

ページにライトボックスを自動的に表示するように選択した場合（手順 5 を参照）、訪問者がブラウザを更新するとライトボックスが再び表示されます。現在、ライトボックスを一度だけ表示するように設定することはできません。この機能に投票するには、こちらをクリックしてください

ボタン、テキスト、メニューアイテムなどのパーツをライトボックスにリンクします。訪問者がパーツまたはメニューアイテムをクリックすると、ライトボックスがポップアップとして表示されます。

次のいずれかを実行します：
- リンク元のパーツを選択し、「リンクを追加」アイコンをクリックします。
- メニューにアクセスし、「アイテムをリンク」アイコンをクリックします。
左側で「ライトボックス」を選択します。
「表示するライトボックス」ドロップダウンメニューをクリックして、該当するライトボックスを選択します。
「完了」をクリックします。