Wix エディタ:ホバーボックスについて
読了時間:4分
ホバーボックスはマウスオーバーで表示が変わるので、訪問者の注目を集めるのに最適です。訪問者がマウスをボックス上に移動させると、別の色やパーツアニメーションが表示されます。
ホバーボックスは、サイトに命を吹き込むだけでなく、訪問者とのやりとりを促進します。
下記をご確認ください:
通常表示とホバー表示を切り替える
エディタでホバーボックスを表示すると、以下の 2 つのタブがあります:
- 通常:マウスオーバーする前のボックスの表示方法。
- ホバー:マウスオーバーした際のボックスの表示方法。
通常ビューとホバービューを切り替えて、それぞれのボックスの表示を編集できます。
各表示を切り替えるには、ボックスをクリックし、「通常」または「ホバー」タブを選択します。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2021/08/31/87dc4a07-5e3b-4d62-9337-819af3753acd/9632364f-b15c-4754-8396-4ad3ab5f7f66.png)
ホバーボックスをカスタマイズする
ホバーボックスをカスタマイズして、思い通りの見た目にすることができます。ボックスを調整し、パーツを追加してデザインをカスタマイズしましょう。
ボックスのデザインをカスタマイズ方法は、以下のオプションをクリックしてください。
パーツを追加する
ボックスデザインをカスタマイズする
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2021/08/31/08872648-8999-470c-a9bc-2051e8d8e1e5/122986ab-23b3-4520-a40f-ca5ff3cf9dd5.png)
ホバーボックスエフェクト
エフェクトはホバーボックスに命を吹き込みます。幅広い選択肢が用意されており、人目を引く楽しいエフェクトを作成できます。
ボックスのホバーモードを開き、「エフェクトを選択」をクリックしてください。エフェクトを選択したら、「編集」をクリックして調整します。詳細はこちらをご覧ください。
各エフェクトの詳細については、以下をクリックしてください。
拡大
縮小
傾斜
回転
コンボ(エフェクトの組み合わせ)
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2021/08/31/8fd29dba-732d-4284-967d-39a12a47d72b/2f958203-9cf3-42e7-8fbf-f2de33da8a74.png)
モバイルでのホバーボックス
ホバーボックスは、モバイルエディタで非表示にしない限り、モバイルサイトに表示されます。
訪問者はモバイル端末でホバーできないため、通常モードが自動的に表示され、これは変更できません。ただし、「モバイル上で非表示」パネルからホバーに追加したパーツを再度追加することはできます。
こちらをクリックして手順を確認しましょう
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2021/08/31/ab756532-9261-43b7-be8a-3bd8b6d7c3f2/02963a82-1b78-4635-8f94-64daea0329c6.png)
お役に立ちましたか?
|