e工房フジサキの制作代行

WP維持更新代行サポート

当サイトのアイコンです。

マウスオーバーで画像拡大

マウスオーバーで画像拡大

Elementor環境下でマウスオーバー画像

上記の7つの画像の全ては、オンマウスした時、画像が変形する効果をCSSでカスタマイズする処理を施しています。但し、外部リンクは一切張っておりません。

そのオンマウス画像にリンクを張る

上記の画像には、オンマウスした時に画像が拡大し、尚且つ、画像をクリックしたら、外部リンク先(藤心WordPress塾)にジャンプします。

ELEMENTORでの画像設定

下図の左側の設定で、オンマウスした時に画像が拡大する設定をしています。そして右側では、画像をクリックしたら外部リンク先にジャンプする設定をしています。