画像にホバーエフェクトを加えることができるWordPressプラグイン「Image Hover Effects Ultimate」

画像にホバーエフェクトを加えることができるWordPressプラグイン「Image Hover Effects Ultimate」

画像にホバーエフェクトを加えることができるWordPressプラグイン「Image Hover Effects Ultimate」

Image Hover Effects Ultimateは、画像にマウスホバーした時にタイトルやボタンなどを表示するエフェクトを追加するためのWordPressプラグインです。

画像のホバーエフェクトを作成して、ショートコードで投稿内に挿入することができます。

Image Hover Effects Ultimateのインストール

インストール手順は以下の通りです。

  1. Image Hover Effects Ultimateをダウンロードします。
  2. ダウンロードしたファイルを展開し wp-content/plugins にアップロードします。
  3. 管理画面の[プラグイン]ページで、Image Hover Effects Ultimateを有効化します。

Image Hover Effects Ultimateの設定

Image Hover Effects Ultimateの設定

[Image Hover] – [Settings]にアクセスすると、Image Hover Effects Ultimateの設定が行なえます。

User Role 編集できるユーザー権限
Mobile or Touch Device Behaviour タップ時の挙動
Product License Activation ライセンスキー

Image Hover Effects Ultimateの使い方

[Image Hover]配下の「General Effects」「Square Effects」「Button Effects」の中からエフェクトを選択します。

Image Hover Effects Ultimateの使い方

[Select]をクリックして、作成するエフェクトの名前を入力します。

名前の入力

左側のメニューで細かいスタイルを調整して、右側の[Add new Items]からタイトルや説明、画像などを設定していきます。

画像やタイトルなどの追加

「Preview」にプレビューが表示されますので、問題なければ[Save]をクリックしてエフェクトを保存します。

ホバーエフェクトのプレビュー
クリックして拡大すると動きます

「Shortcodes」に表示されているショートコードもしくはPHPコードを投稿やテーマ内に挿入すると、作成したエフェクト画像を表示できます。

ショートコード

ショートコードで使う場合
[iheu_ultimate_oxi id="1"]
テーマ内で使う場合
<?php echo do_shortcode('[iheu_ultimate_oxi id="1"]'); ?>

あとがき

エフェクトの種類も豊富でおもしろいですね。画像にいい感じのホバーエフェクトを加えたい場合は、ぜひ導入をご検討ください。

この記事が気に入ったら
いいね!してね♪

Twitter で

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です