暇人北っちの趣味ブログアフィリエイト。

ギター、ゲーム、アニメ。やりたいことに時間とお金を使おう。

Shadows~画像に影をつけるWPプラグイン~

ワードプレスは簡単に画像をアップすることが可能。

けれど、画像に影をつけることで
よりリッチな仕上がりを目指してみませんか?

Shadowsは簡単操作で
画像に影をつける事が出来るプラグイン。

Shadowsで画像をよりおしゃれにしよう

実際に見てもらった方が早いので
まずはサンプルを出しましょう。

045

これが影なしの画像。

045

これが影ありの画像。

薄く影が入り、立体感が出ましたね。
ただ画像を貼るよりもおしゃれに見えます。

Shadowsの導入方法

それではShadowsを一緒に
インストールしていきましょう。

Shadows1

あなたのワードプレス管理画面から
「プラグイン」→「新規追加」をクリック。

Shadows2

検索欄に「Shadows」と入力して
「プラグインの検索」をクリック。

Shadows3

検索結果の一番上、Shadowsのところの
「いますぐインストール」をクリックします。

Shadows4

インストールが開始されます。
その後、赤枠の「プラグインの有効化」をクリック。

これでインストールは完了です。

実際に画像に影を付けてみる

Shadowsをインストールした状態で、
画像のclassタグに記述をします。

classタグというのは

  • shadow_curl
  • shadow_flat
  • shadow_osx
  • shadow_osx_small

以下の4種類があり、影の付き方が違います。
北っちのオススメは「Shodows_flat」ですね。

Shadows5

北っちが利用しているリファインスノーテンプレートだとここ。

Shadows6

HTML編集モードの場合は赤枠で囲んだ部分。

img class=”ここに4つのクラスの1つを記述”

これでOKです。

045

はい、ちゃんと影が画像に付きました。

画像を見栄え良く見せることで
読者さんの目を惹きつける事が出来ます。

ブログをより綺麗に見せるためにも
一度試してみてくださいね。

LEAVE A REPLY

*
*
* (公開されません)

Return Top