ワードプレスブログで画像に影をつけて表示させるプラグイン

こんにちは、ジュンペイです。

ブログに画像を張る際、
何か物足りなさを感じることがあると思います。

そこでその持足りなさを解消する為に
画像に影をつけて表示してくれるwordpressプラグインを紹介します。

 

今回、使うプラグインは「SHADOWS」というワードプレスプラグインで、

とても簡単に画像の影をつける事出来ます。

では早速、やってみましょう!

 

SHADOWSプラグインのインストール

shadowsを検索して、「インストール」「有効化」をクリック

するとこのように「設定」の中に「shadows」が表示されます。

「shadows」が表示されている事を確認出来たら、
続いて画像に影をつけていきます。

CSSクラスで画像に影をつける

では、画像編集でCSSクラスの設定をして影をつけていきます。

その際、影にはいくつか種類があるのですが、
お好みのよって変更してください。

まず、影の種類は以下の4つになります。

◆shadow_curl

featured13@wdd2x

◆shadow_flat

featured13@wdd2x
◆shadow_osx


◆shadow_osx_small

 

編集方法は、記事作成時の画像編集ボタンをクリックします。

次に、画像CSSクラスの所に、
さっき紹介した4つのうちから、好きなものを張り付けてください。

shadow_curl
shadow_flat
shadow_osx
shadow_osx_small

 

影が決まれば「更新」をクリックして、
実際にどのようになっているか確認してみます。

sya6

 

このように影があるだけで立体感があり、
良い雰囲気になります。

ブログの見栄えを良くするのにも是非活用してみてくださいね。
では「ワードプレスブログで画像に影をつけて表示させるプラグイン」は以上になります。

 

このエントリーをはてなブックマークに追加


コメントを残す