画像にホバーエフェクト効果を設定できるプラグイン「Ultimate Hover Effects」

画像にマウスオーバーしたときにオシャレでかっこいい動きをつけたい時があると思います。

この「Ultimate Hover Effects」を使えば簡単に動きのあるホバーエフェクト効果を適用することができます。

プラグイン挿入例

このようにマウスオーバーした時に画像の説明欄が表示されます。

ule1

プラグインの特徴

  • 画像にホバーエフェクト効果を適用できる

プラグインのダウンロード

プラグインのダウンロードは下記のリンク先からもできますしWordPress内で「Ultimate Hover Effects」と検索してもダウンロードが可能です。現在のバージョンは「5.2.9」。

Ultimate Hover Effects
Ultimate Hover Effects
Developer: Noor-E-Alam
Price: Free

プラグインの使い方

管理画面の場所

「メインサイドメニュー」>「U Hover Effectsという新しいカスタム投稿タイプが表示されます。

ule2

プラグインの設定

「新規追加」をクリックすると次のような画面になります。

ule3

タイトルを入力し、「Styel1」にチェックを入れます。

次に、画像の選択やタイトルを入力します。

ule4

Hover Image:「Choose File」で画像を選択します。

Heading:画像のタイトルを入力します。

Description:画像の説明文を入力します。

Image Link:画像にリンクを貼りたい場合は、こちらにリンクURLを入力します。

次にエフェクト効果を設定します。

ule5

Effect:エフェクトの種類を選択します

Image Width:画像の幅を設定します

Move Image Left Right:画像を左右に移動します

Move Texts to Bottom or Text:ボトムかトップへテキストを移動します

Move Texts to Left or Right:左か右へテキストを移動します

「Pro Only」と表示のあるものは、11ドルの有料版を購入すれば設定することができます。

最後にショートコードを記事内に貼り付けます。

ule6

「Enter Your Category」でカテゴリを設定し、「Shortcode」を記事内に貼り付けると、エフェクト効果の画像が表示されます。

使ってみた感想のまとめ

英語でしたけど、設定がめちゃくちゃ簡単でした。

オシャレでかっこいい画像効果を設定したい人は使ってみてください。

最新の更新を
プッシュ通知で購読しよう

The following two tabs change content below.

山田 どうそん

現在「電子書籍出版株式会社」というグループ会社の代表をするとともに、個人事業として「トリガーマインド」を運営しています。 法人では電子書籍の出版代行やプロダクトローンチの企画運営、メディア制作代行、などを行っています。「トリガーマインド」は個人向けの教育事業を中心として展開しており個人の方がネットから低資金で集客できるようなノウハウを提供しています。 他には仮想通貨の自動売買の販売。仮想通貨の情報配信なども行っています。

【WordPressの最適な初期設定をすべて解説した動画78個を今だけ無料プレゼント】

 

 

あなたがもしこれからWordPressをはじめようとしているならこのプレゼントをぜひお受け取りください。

 

最初の初期設定を間違えてしまうと、あとから変更することができず、せっかくのWordPressの効果を最大限に活かすことができなくなってしまいます。

 

「長時間かけて作ったブログがあとから間違っていてすべて作り直し」

 

なんてことにならないために、このプレゼントを受け取って正しい設定をしてからスタートしてください。

 


コメントを残す

メールアドレスが公開されることはありません。

ABOUTこの記事をかいた人

現在「電子書籍出版株式会社」というグループ会社の代表をするとともに、個人事業として「トリガーマインド」を運営しています。 法人では電子書籍の出版代行やプロダクトローンチの企画運営、メディア制作代行、などを行っています。「トリガーマインド」は個人向けの教育事業を中心として展開しており個人の方がネットから低資金で集客できるようなノウハウを提供しています。 他には仮想通貨の自動売買の販売。仮想通貨の情報配信なども行っています。