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

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

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

プラグイン挿入例

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

ule1

プラグインの特徴

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

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

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

Ultimate Hover Effects
Ultimate Hover Effects
Developer: themebon
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」を記事内に貼り付けると、エフェクト効果の画像が表示されます。

使ってみた感想のまとめ

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

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

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

ABOUTこの記事をかいた人

こんにちは。山田どうそんです。37歳未婚。現在、東京都江東区に住んでいます。出身は佐々木希と同じ、秋田県秋田市。趣味は筋トレで週3回トレーナーをつけてジム通いしています。ビジネスは、コンテンツ制作のコンサルティングを行っています。
もともと、月収15万円の借金だらけ。未来に何一つ希望を持てなかった僕ですが、インターネットのビジネスをしたことで今では値段を気にせず買い物ができるようになりました。そうなれた要因の一つに「コンテンツ制作のスキル」を身につけたことがあります。
なぜ、「コンテンツ制作のスキル」を身に着けたことで稼げるようになったのか?それは、「コンテンツの質」=「集客力」だからです。多くの方がビジネスをはじめて、うまくいかないのは集客ができないからです。集客をするために、Facebookを始めたり、インスタグラムをはじめたり、YouTubeをはじめたり・・・。いろいろ試してみても、思ったようにうまくいかない人が多いのが現状です。
そんな、集客で悩んでいる人のために、どうやってコンテンツ力を上げて集客力を身につけられるのかをコンサルしています。
僕は、ネットビジネスで人生を大きく変えることができました。一生貧乏で一生自分に自信を持てない人生を歩み続けると思っていました。それが、今では上場企業の部長クラスの人よりも稼げるようになり、自分に大きな自信を持てるようになりました。それは、正しい知識を正しく学んでいったからです。ビジネスで集客力を身に着けて自分のビジネスを成功させたいという方のために力になりたいと思っています。
そして、僕は、もっともっと成長して人生を楽しみたいと思っています。