情報商材 初心者 アフィリエイト ノウハウ 

さゆこの”ウシノアユミ”

THE WORLDテンプレートで簡単に吹き出しの人物を変える方法

読了までの目安時間:約 4分

 

 

 

 

わたしのこのブログは「THE WORLD」のテンプレートを使っているんですけど、この「THE WORLD」で会話形式の吹き出しを使うと

 

 

 
こんな感じで、もう人物が決まってるんですよね

 

 

で、今までは別に吹き出しを使う気もあんまりなかったんで気にもならなかったんですけど、最近になって会話形式も取り入れてみたいと思うようになり、「吹き出し css」とかで検索してやってみたりしてたんですけど、何故かうまく反映されなくて半ばあきらめてたんです。

 

でも、そんなcssとかでやらなくても人物の画像だけ変えたらいいんじゃないの?ということに気づき、やってみたら・・

 
簡単にできたよ!

つーか顔でかいな・・

 

 

てことで、同じテンプレート使ってる人のご参考になればいいなと思います。

 

 

吹き出しに使う画像の用意

わたしは背景を透過したpng画像を使ってます。サイズは128×128pxですが、さゆこさん画像はちょっと頭が大きいのでそれよりもほんのちょっと小さめの125×125pxにしてます。

 

画像の背景透過方法はGIMPをお使いであれば方法説明してますのでご参考にしてください。

→ GIMPで背景を透過するやり方

 

 

 
次は画像の上書きとアップロードだよ!

 

 

 

吹き出し用の画像をサーバーにアップロードする

用意した画像を「THE WORLD」の、” ShortCodeManager " の中の " img" フォルダの中にある誰かの画像に上書きして、それをFTPでサーバーの同じところにアップロードすれば・・

 

 

 
OKです!
てか、同じ画像ばっかでスパムのようですねぇ・・

 

 

元画像は、もしかしたら戻したいと思うこともあるかも知れないので上書きする前に別フォルダーにとっておいたほうが無難です。ショートコードは、いちいちフォルダーから出してきて使うのは面倒なので、AddQuickTagというプラグインを使うと手間が省けますよ!

 

 

 

 

タグ :

パソコン日記 作業日記   コメント:4

この記事に関連する記事一覧

コメントは4件です

  1. よっしー より:

    対話形式のブログって読みやすいので、
    私もいずれは挑戦しようと思っていたんです。

    自分の気に入った画像を使いたいので、参考にさせていただきます!

    • さゆこ より:

      よっしーさん こんばんは!

      対話形式は記事の中に少し入ってるだけでグッと読みやすくなりますよね!
      画像のバリエーションもあると会話ごとに違った表情が使えて楽しいかなと思います^^

      ご参考になれば嬉しく思います!

  2. トシカズ より:

    さゆこさん、こんにちは。
    さゆこさんのテンプレート、気になっていたのですが、THE WORLDというテンプレートなのですね。
    なんか皆んなと違うなって思っていました。
    同じテンプレートの方には、嬉しい投稿ですね。応援していきますね。

    • さゆこ より:

      トシカズさん こんにちは!
      いつも応援ありがとうございます^^

      そうなんです。
      「THE WORLD」なんです。
      カスタマイズしやすいのが良いところでもあるんですが
      吹き出しを使う場合がちょっとね・・と思ってまして・・(^_^;)

      他のテンプレートでも同じような形でショートコードが入っているなら
      応用できるんじゃないでしょうかねー。

コメントフォーム

名前

 

メールアドレス

 

URL

 

 

コメント

トラックバックURL: 
TOPへ戻る