Wix エディタ:モバイルサイトでライトボックスを表示・カスタマイズする
3分
デフォルトでは、デスクトップサイトにあるライトボックスはモバイルサイトで自動的に非表示になります。
ライトボックスをモバイルサイトで非表示にするか、モバイルエディタからカスタマイズして最適化し、モバイルで表示するかを選択できます。
モバイルサイトにライトボックスを表示する
モバイルサイトのコンテンツとレイアウトによっては、モバイルサイトの訪問者にライトボックスを表示することができます。ライトボックスはページとして機能するため、ページパネルからモバイルで表示されるようにライトボックスを設定できます。
気が変わったら、いつでも簡単に非表示にすることができます。
モバイルサイトにライトボックスを表示する方法:
- モバイルエディタにアクセスします。
- モバイルエディタ左側で「ページ・メニュー」
をクリックします。
- 「ライトボックス」クリックします。
- 該当するライトボックスをクリックします。
- 「設定」アイコン
をクリックします。
注意:このオプションは、デスクトップエディタのライトボックス設定にある「ライトボックスの自動表示」下で「オン」を選択した場合にのみ表示されます。 - 「ライトボックスの自動表示」下で「オン」をクリックします。

モバイルサイトでライトボックスを編集する
モバイルサイトのライトボックスに含めるコンテンツを編集して、小さな画面でも見栄えが良くなるようにしましょう。デスクトップサイトよりもモバイルサイトのライトボックスに表示されるテキストを少なくしたり、サイト訪問者がライトボックス閉じる方法を変更したりできます。
モバイル用ライトボックスを編集する方法:
- モバイルエディタにアクセスします。
- モバイルエディタ左側で「ページ・メニュー」
をクリックします。
- 「ライトボックス」クリックします。
- 該当するライトボックスをクリックします。
- ライトボックス内のパーツ(テキストや画像など)をクリックして、カスタマイズしたり、アニメーション効果を追加したり、モバイルサイトから非表示にしたりできます。
- ライトボックスの外をクリックし、オーバーレイにアクセスし、「設定」アイコン
をクリックし、モバイルサイトでオーバーレイを表示するか、非表示にするか選択します。
- 「X」アイコン(ライトボックスに含める設定にしている場合)をクリックして、アニメーションを追加するか、モバイルサイトで非表示にします。
- 「閉じる」ボタン(ライトボックスに含める設定にしている場合)をクリックして、テキストのサイズと配置を変更したり、アニメーションを追加したり、モバイルサイトで非表示にしたりします。
重要:
モバイルエディタでは、以下の例のようにライトボックスで使用できるデザインオプションが制限されています。
- モバイルサイトではライトボックスのオーバーレイを編集することはできません。
- デスクトップで色や画像のオーバーレイを追加すると、モバイルサイトに自動的に適用されます。ただし、動画オーバーレイを追加すると、モバイルサイトでは動画から静止画に変換されます。
- 選択した背景は、モバイルサイトに自動的に適用され、モバイルエディタで変更することはできません。

注意:
ライトボックスの待機時間はサイトが完全に読み込まれた時点で開始します。待機時間を 0 に設定している場合でも、サイト読み込み中に若干の遅延が発生することがあります。