Wix エディタ:ライトボックスを管理する
読了時間:5分
ライトボックスは、お知らせ、セール、ニュースなどの重要な情報をポップアップ画面に表示するのに最適な方法です。ライトボックスを作成したら、名前を変更したり、複製して別のライトボックスをすばやく作成したり、訪問者がポップアップを開くためにクリックするパーツにリンクさせたりすることができます。
この記事では、以下の項目について説明します:
ライトボックスを開く
「メニュー・ページ」パネルからライトボックスにアクセスして、デザインやコンテンツを編集したり、必要に応じて管理したりできます。
ライトボックスを開く方法:
- エディタ左側で「メニュー・ページ」
をクリックします。
- 「ライトボックス」クリックします。
- 該当するライトボックスをクリックして開きます。
![メニュー・ページパネルからライトボックスにアクセスしている Wix サイトのスクリーンショット。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2022/09/28/9a532529-efb4-4f03-82ce-57a6de0d91b6/c605354e-8a9b-495c-9365-1dd910a8fd5a.png)
ライトボックスの名前を変更する
エディタで見つけやすいように、ライトボックスの名前を変更します。ライトボックスのタイトルはライブサイトには表示されないため、好きな名前を付けることができます。「新規登録フォーム」や「セールのお知らせ」など、内容に最適な名前を選択することをおすすめします。
ライトボックスの名前を変更する方法:
- 「メニュー・ページ」パネルで該当するライトボックスをクリックします。
- 「その他のアクション」アイコン
をクリックします。
- 「名前を変更」をクリックします。
- 新しい名前を入力します。
- 「完了」をクリックします。
![メニュー・ページパネルのライトボックスタブ。カーソルが「名前の変更」オプションの上にマウスオーバーしています。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2022/09/28/f562b608-eb83-431b-a166-2d9415f1bf06/72bb797f-8f93-4a30-bb42-e9fe38f4d480.png)
パーツをライトボックスにリンクする
サイト上のパーツをライトボックスにリンクし、訪問者がパーツをクリックしたときにポップアップ表示されるようにします。テキスト、ボタン、さらにはベクターアートをライトボックスにリンクすることができます。
パーツをライトボックスにリンクする方法:
- エディタでリンク元のパーツを選択します。
- 「リンク」アイコン
をクリックします。
- 「ライトボックス」を選択します。
- 「表示するライトボックス」ドロップダウンメニューをクリックして、該当するライトボックスを選択します。
- 「完了」をクリックします。
![ボタンのリンクパネル。ライトボックスが選択されています。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2022/09/28/b7558d5d-a5e4-49d3-96c5-2f0920c5259e/6716dfad-7aed-4ffc-acad-d9078133ce82.png)
ご存知でしたか?
「閉じる」ボタンを使用すると、あるライトボックスから別のライトボックスにリンクできるため、訪問者には最初のポップアップを閉じると 2番目のポップアップが表示されます。リンクパネルを使用して、訪問者がクリックした際に「閉じる」ボタンが 2つ目のライトボックスを開くように設定しましょう。
ライトボックスを複製する
ライトボックスを複製して、ポップアップのデザインを統一します。お気に入りのテキストと色を維持したまま、必要に応じてコンテンツを変更できます。
ライトボックスを複製する方法:
- 「メニュー・ページ」パネルで該当するライトボックスをクリックします。
- 「その他のアクション」アイコン
をクリックします。
- 「複製」をクリックします。
- 新しいライトボックスの名前を入力します。
- 「完了」をクリックします。
![メニュー・ページパネルのライトボックスタブ。カーソルが「複製」オプションの上にマウスオーバーしています。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2022/09/28/d466834f-6c08-447c-b674-c4d6f4d18208/1b1dcdab-a18e-4da4-8cc9-b7b452d40fe8.png)
ライトボックスを削除する
不要になったライトボックスを削除して、サイトのお知らせを最新の状態に保ちます。
ライトボックスを削除する方法:
- 「メニュー・ページ」パネルで該当するライトボックスをクリックします。
- 「その他のアクション」アイコン
をクリックします。
- 「削除」をクリックします。
![メニュー・ページパネルのライトボックスタブ。カーソルが「削除」オプションの上にマウスオーバーしています。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2022/09/28/5ab88889-73d8-4c65-8c52-e62f8ca1f7dc/6be12dd3-887e-4efc-819c-4ecb9999f0ff.png)
ライトボックスの「閉じる」ボタンにリンクを追加する
ライトボックスの「閉じる」ボタンをページや外部サイトなどにリンクします。訪問者がボタンをクリックすると、リンクした場所に移動します。
「閉じる」ボタンにリンクを追加する方法:
- エディタで該当するライトボックスを開きます。
- ライトボックスの「閉じる」ボタンをクリックします。
- 「リンク」アイコン
をクリックします。
- リンクの種類を選択します。
- リンク情報を追加します。
- 「完了」をクリックします。
注意:
このオプションは、ライトボックスで「閉じる」ボタンを有効にした場合にのみ使用できます。
![ライトボックスの「閉じる」ボタンのリンクパネル。カーソルが「完了」ボタンの上にマウスオーバーしています。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2022/09/28/109af120-11a0-4c34-ba38-58a6b1ab4f29/6256ba84-e8c2-4bdc-9f28-a08238016970.png)