画像にホバーエフェクトを追加したいと思ったときに使えるプラグインが「Image Hover Effects Ultimate」プラグインです。
「Image Hover Effects Ultimate」プラグインを有効化する
まずは、「Image Hover Effects Ultimate」プラグインを検索→有効化します。
![](https://eguweb.jp/wp-content/uploads/202204120028-00.jpg)
有効化すると、すでに使えるような状態になっています。
Image Hover › Image-Effects
Image-Effectsの設定画面からエフェクトを選択します。回転やキャプションエフェクトなど様々なエフェクトの中から選択できます。
![](https://eguweb.jp/wp-content/uploads/202204120031-01-1024x691.jpg)
好みのエフェクトが見つかったら「Create Style」から選択します。
![](https://eguweb.jp/wp-content/uploads/202204120031-02-1024x658.jpg)
![](https://eguweb.jp/wp-content/uploads/202204120036-00.jpg)
名前をつけて「Save」します。
![](https://eguweb.jp/wp-content/uploads/202204120036-01-1024x466.jpg)
Shortcode
保存すると、ショートコードが発行されます。
![](https://eguweb.jp/wp-content/uploads/202204120037-00-1024x779.jpg)
ショートコードを任意の場所に貼り付けします。
[rml_read_more]
![](https://eguweb.jp/wp-content/uploads/202204120037-01-1024x612.jpg)
エフェクト画像が表示されました!
![](https://eguweb.jp/wp-content/uploads/202204120038-00-1024x689.jpg)
画像をホバーすると、エフェクトが動きます。
![](https://eguweb.jp/wp-content/uploads/202204120038-01-1024x733.jpg)
![](https://eguweb.jp/wp-content/uploads/202204120039-00-1024x695.jpg)
画像も簡単に入れ替えできます!
![](https://eguweb.jp/wp-content/uploads/202204120039-01-1024x793.jpg)
まとめ
「Image Hover Effects Ultimate」プラグインを使うと、簡単に画像にホバーエフェクトを追加することができるようになっています。
ご参考ください😃