Wix エディタ:ホバーアクションを追加・設定する
読了時間:6分
マウスオーバー時にパーツを表示または非表示にしたり、エフェクトを追加したり、色を変えたりすることができます。また、効果を最大限に高めるために、エフェクトのタイミングを設定することも可能です。
ステップ 1 | パーツを追加してデザインする
ホバーアクションでサイトに躍動感を与えてみましょう。開始するには、「追加」パネルからボックスまたはリピーターを追加します。
各パーツの追加方法については、以下のオプションをクリックしてください:
ボックスを追加する
リピーターを追加する
ステップ 2 | ホバーモードにアクセスする
パーツを追加してデザインしたら、「ホバーモード」にアクセスしてインタラクションを追加します。ここでは、訪問者がボックスまたはリピーターにマウスオーバーした際に表示される内容を設定します。
こちらをクリックして手順を確認しましょう
ヒント:
ホバーモードに一度アクセスした後は、パーツ上部のタブを使用して、通常モードとホバーモードを切り替えることができます。
ステップ 3 | パーツにホバーアクションを追加する
ホバーモードから、パーツを表示または非表示にしたり、クールな効果を追加したりすることができます。訪問者がボックスまたはリピーターアイテムにマウスオーバーした際、設定した各アクションはすべて同時に実行されます。
実行する内容を選択します:
ホバーで表示されるパーツを追加する
ホバー時にパーツを非表示にする
ホバー時のパーツのエフェクトを選択する
ホバー時のボックスのデザインを変更する
お役に立ちましたか?
|