イメージ画像

あなたの差別化は?

こんにちはSyu-Ziです。

昨日は用事でお出かけしたのはいいのですが
少し自分の用事が終わり待たされることになりました。

そこで待たされたのが車の中。

ガソリンがもったいないのでエンジンを止めて
窓を全快にしてました。

待つこと1時間!

もうすぐで日干しになるところでした。

暑さやばいです!

本日もあなたのポチが励みになります(´∀`)b


では、本日も本題にはいりますね。

以前にもちょっと質問があり、そのときは解決しましたが
最近また同じような質問があったので今日はそれについて
話をすすめていきます。

さっきからそれとかなに?ですよね。

何かというとSyu-Ziのブログでもよく使ってるんですが
画像にエフェクト(効果)をつけるやりかたですね。

あるものを説明するとなると文章だけより画像も一緒に
あると分かりやすいですよね。

そこで普通に画像を貼るとぺチャってなってしまいます。
例えばこの画像をそのまま貼るとこんな感じです。
lastpass16

次に同じ画像に効果を付けてみます。

lastpass16

どちらが見やすいでしょうか。後者の方ですよね。

影をつけることによって見やすくなります。差別化にもなりますよね。
なのでSyu-Ziは画像を貼るときは効果をつけて貼ってます。

普通なら画像に加工を加えて貼ったりしますがそれをやると時間がかかります。

今回はWordPress限定になりますが、画像は加工しなくてもプラグインとタグを
挿入するだけで影の効果が出る方法を説明します。

「Shadows」というプラグインともうひとつ「AddQuicktag」という
2つのプラグインをインストールします。

影の効果をつけるのは「Shadows」だけでいいのですが作業の効率をあげる
のにも最適なので「AddQuicktag」も一緒にインストールします。
インストールの時間は3分もかかりません。カップ麺より早いですね。

画像エフェクト1

 

 
まずはWordPressのダッシュボードから①プラグインの中の新規追加をクリック

画像エフェクト2

 

②にShadowsと入力してプラグインの検索をクリック

画像エフェクト3

 

 

③のいますぐにインストールをクリック

画像エフェクト4

 

 

④OKをクリック

画像エフェクト5

 

 

⑤のプラグインを有効化をクリックして完了です

 

次にもう一つの「AddQuicktag」のプラグインもインストールします。
流れは「Shadows」の①~⑤と同じです。
②の名前をAddQuicktagにして検索してあとは③~⑤の作業と同じです。

これでプラグインのインストールの完了です。

ここからは「AddQuicktag」の作業に必要な設定をしてあげないといけません。
「Shadows」に関しては設定も出来ますが、特になにもしなくていいです。

画像エフェクト6

 

有効化をしたら⑥の設定というのが表示されるのでクリック

 

入力するのが
「ボタン名」
「開始タグ」
「順番」
「postにチェック」
(クリックすると大きくなります)

入力が完了したら⑦の変更を保存をクリックすると次の入力する枠が増えます。
では「Shadows」で使えるタグを入力していきます。
使えるのがこの4種類です
・shadow_osx
・shadow_curl
・shadow_flat
・shadow_osx_small
では続けて入力します。全部入力したらこんな感じになります。
今回のタグは後ろに半角のスペースがいるのであらかじめ最初からいれとくといいですね。
(クリックすると大きくなります)ちなみに順番は0が一番最初です。


通常の記事作成の画面はこうですね。
画像エフェクト9

そしてこれが追加したものですね。ちゃんと追加されてますね。
画像エフェクト10

これは今回に限らずよく使うタグを登録しとけば作業が楽になります。
ちょっとのことですがあると便利なので「AddQuicktag」は是非インストールしましょう(´∀`)b

では次に画像に効果を付ける方法です(クリックすると大きくなります)


⑧から画像を挿入します。⑨のように表示されます。
そのなかのclassタグの一番最初に挿入します。
 

⑪の「alignleft」の前にカーソルを合わせて⑫をクリックするとタグが
挿入されて⑩になります。これで画像に効果の追加がされました。

では、見てみましょう(´∀`)b

さっきの4つの効果をまとめてみました。
個人的には「shadow_osx」がオススメですね。お好みでどうぞ。

画像エフェクト12

以上です。お疲れ様でした!

本日も最後までのお付き合いありがとうございました。

あなたの応援を励みに更に頑張ります!

わからないことがあればいつでも声をかけてください(´∀`)b
http://syuzi-affiliate.biz/mail-form/

このエントリーを含むはてなブックマーク Buzzurlにブックマーク livedoorクリップ Yahoo!ブックマークに登録

あわせて読みたい関連記事

    None Found

タグ

2012年8月4日 | コメント/トラックバック(6) |

カテゴリー:WordPress

トラックバック&コメント

トラックバック

コメント

  1. Syu-Ziさん、こんにちは!インフォ仙人です。

    いつもお世話になります。

    これは便利なプラグインですね!
    これを使えばいちいち画像編集で影をつけなくてもいいわけですね!

    とっても参考になりました!
    ありがとうございます!

    ポチポチ応援完了しました!

    • Syu-Zi より:

      インフォ仙人さん、こんにちは。

      いつも訪問コメントありがとうございます。

      プラグインで効果をつけてくれるので画像編集の時に
      特に気にせずに作業出来るのがいいですね。

      画像自体に影をつけるということもそんなに難しくは
      ないのですが画像を別に表示するときにも
      影ごと表示されるのでそれを含めた上でこのプラグインは
      便利です。

      応援ありがとうございます!

  2. Syu-Ziさん。

    こんにちは^^
    Daiです!

    画像に影を付けたらすごく効果的ですね!
    しかし、私はMTなのです(笑)

    GIMPで加工するしかないです!!

    応援完了です^^

    • Syu-Zi より:

      Daiさん、こんにちは。

      訪問コメントありがとうございます。

      白の背景に白の画像だとどうしても一体化して
      見にくくなることがあるのでいつもつけてます^^

      >GIMPで加工するしかないです!!

      GIMPはPCの都合で使えてませんね。新しいPCが
      欲しいところですが。まだまだ使えるので壊れる
      までは使おうと思ってます。

      いつも応援ありがとうございます(´∀`)b

  3. Syu-Ziさん

    おはようございます、パワブロです。

    私はこれを使わずべたっと画像を貼っていました。

    でもこういう風にエフェクトをつけてあげると、
    読者にとって読みやすいですね。

    何より、影のおかげで画像そのものが綺麗に見えます。

    レポートでも、こういう風に画像を貼ると
    見た目が良くなりそうですね( ´∀`)

    応援クリック!

    • Syu-Zi より:

      パワブロさん、こんにちは。

      いつも訪問コメントありがとうございます。

      >でもこういう風にエフェクトをつけてあげると、
       読者にとって読みやすいですね。

      そういう風にいってもらえるとうれしいです。

      元々画像の加工とかが得意な方ではないので
      エフェクトをつけてあげることで見やすいといった
      ところに重点を置いています(´∀`)b

      いつも応援ありがとうございます。


このページの先頭へ

FX業者の選び方