WordPress プラグイン

無料の似顔絵イラストを使った吹き出し会話の記事を書いてみよう!

投稿日:

ブログ記事には、ブログネタとして説明しながら自分の意見や感想を混ぜた記事を書くことがある。

そんなときに、よく使われるのが吹き出し会話だ。

oiragikyu
おい、そこのメガネをかけているあなた!このあとの記事しっかりと読んでみてくれ!

あなたの似顔絵やキャラクターのイラスト吹き出し会話を使って、読者に呼びかけることで、タダの文字よりも有効にアピールすることができるんだ。

もし今あなたがメガネをかけていたならば、「えっ!?なに?」とその吹き出しに書かれていた記事内容に興味が沸いたことだろう。

こんな感じに、自分の伝えたいことやこの記事でちょっと注目してもらいたいことなどを、有効的に読者に伝えることができるのだ。

oiragikyu
今日はこのような似顔絵イラストを使った吹き出し会話を記事に導入する方法を紹介するぜ!
スポンサーリンク

似顔絵イラストを無料で使おう!

まずは、あなたの似顔絵のイラストを作ってみよう。
紙に書いた手書きの似顔絵をスキャナーでパソコンに取り込んで使ったり、イラストレーターなどでパソコン上から似顔絵を作成するっていうのは、けっこう知識や技術を覚える必要があり誰もが簡単に出来ることじゃないよな。

そこで今回は、もうちょっと手軽で簡単に似顔絵が無料で作れるサイトを紹介します。
ここから好みの似顔絵が作れるサイトを選んでみてくれ。

マンガ風のポップな似顔絵ならこれ!

post-2639a

似顔絵無料作成サイト

マンガタッチのちょっぴりファンキーな感じのアバターも作れちゃう無料の似顔絵メーカー。
トップページ上のメニューの「CREATE!」から作成ページに移動できます。
たくさんのパーツが選べられ、パーツの大きさや位置なども変えられるので、組み合わせは自由自在。まず他の人とかぶるようなアバターにはならないはず!

post-2639b
こんな感じのオイラとママ。

やさしいタッチの似顔絵ならこれ!

post-2639c

似顔絵無料作成サイト

オイラのアバターはこちらのサイトで作りました。ほのぼの系のやさしい雰囲気の似顔絵アバターが作れます。
製作者の許可をもらい、オリジナルでハンチング帽を被せてみました。

post-2639d

四角い顔の似顔絵!?

post-2639e

似顔絵無料作成サイト

 四角い可愛らしいアイコンが作れます。こちらもたくさんのパーツから組み合わせてあなただけのオリジナルアイコンを作っちゃいましょう。

post-2639f

被りものならこれ!

post-2639g

似顔絵無料作成サイト

1つのサイトの中に5つの違った雰囲気の似顔絵が作れるアイコンメーカーサイト。
可愛らしい被りもののアイコンから、シンプルなのが逆に新鮮なイケてる似顔絵が作れちゃう。

猫に変身したいなら!

post-2639h

似顔絵無料作成サイト

猫好きなら一度は使ってみたいアイコンメーカー。あなたがもし猫に生まれ変わるとしたら一体どんなネコになる?

完全オリジナルならプロに任せるのもあり!


似顔絵有料サイト

似顔絵作成が500円~できちゃう。あなた好みのイラストタッチで完全オリジナル似顔絵を作ってもらおう!

 

似顔絵イラストを使って、吹き出し会話を作るぞ!

作った似顔絵が用意できたら、次はその画像を使って吹き出し記事を作っていくぞ。
wordpressでは、プラグイン「Speech bubble」を使って、簡単に吹き出し会話を記事に導入することができるのだ!まずは、そのプラグインをインストール&有効化しよう。

合わせて読みたい記事

【Wordpress初級】プラグインをインストールする2つの方法
プラグインのインストール方法はこちらの記事に詳しく説明しているよ。

Speech bubbleプラグインで吹き出し記事を投稿しよう!

WordPress管理画面右メニューから、「投稿」⇒「新規追加」を選びます。

投稿の編集画面の吹き出し会話を入れたい場所に以下のコードをコピペしましょう。

※投稿の編集画面はテキストモードにしてください。

吹き出しデザインの種類を変更しよう!

デザインは9種類の中から選ぶことができるぞ。
選び方は、コードにあるtype="■■■"の部分に、drop、fb-flat、fb、ln-flat、ln、pink、rtail、thinkの吹き出しデザインから選んで変更する。

drop

A さん
左側のセリフはこちらに

B さん
右側のセリフはこちらに

fb-flat

A さん
左側のセリフはこちらに

B さん
右側のセリフはこちらに

fb

A さん
左側のセリフはこちらに

B さん
右側のセリフはこちらに

ln-flat

A さん
左側のセリフはこちらに

B さん
右側のセリフはこちらに

ln

A さん
左側のセリフはこちらに

B さん
右側のセリフはこちらに

pink

A さん
左側のセリフはこちらに

B さん
右側のセリフはこちらに

rtail

A さん
左側のセリフはこちらに

B さん
右側のセリフはこちらに

std

A さん
左側のセリフはこちらに

B さん
右側のセリフはこちらに

think

A さん
左側のセリフはこちらに

B さん
右側のセリフはこちらに

人物の位置と吹き出しのしっぽを変更する

コード内のsubtype="L1"やsubtype="R1"部分を変更する。
Lは左側、Rが右側、1が会話風、2が考えてる風になっているので、この組み合わせは全部で4パターンとなる。

例えば、type="ln"の吹き出しデザインを使い、

L1、L2の場合

A さん
Lが左側で、1が会話風だから、吹き出しはこんな感じですよね

B さん
Lが左側で、2は考えてる風だから、吹き出しはこんな感じなのかな。

R1、R2の場合

A さん
Rが右側で、1が会話風、だから吹き出しはこれだよね!

B さん
Rが右側で、2は考えてる風だったら、こんな感じの吹き出しだったような気が・・・

人物の画像を変更する

まずは、あなたが利用しているレンタルサーバーの中にあるWordPressフォルダの中に「speech-bubble」フォルダがあります。
さらにその中の「img」フォルダには、はじめからサンプルとして2つの人物画像「1.jpg」と「2.jpg」が入っています。

A さん
サンプル画像1.jpgです!
B さん
サンプル画像2.jpgです!

 

オイラはエックスサーバーを使っているので、それを例にすると、
例:ドメイン > public_html > wp-content > plugins > speech-bubble > img

とこんな感じの流れでimgフォルダが入っている。

そのimgフォルダに新たに似顔絵メーカーで作り上げた画像ファイルを追加アップロードしてくるのです。

サーバーに画像をアップロードする方法はこちらの記事を参照してくれ。

合わせて読みたい記事

FTP転送ツールの使い方をマスター!エックスサーバーでの動画解説付き
ブログのカスタマイズになにかと使うことがあるFTP転送ツール。ぜひ覚えておきたい!

そして、FTP転送ツールを使ってサーバーにアップロードしたその画像ファイル名を、icon="1.jpg"の部分に指定する。

○○○.jpg、○○○.png、○○○.gifなど

※画像は自動でリサイズされますが、縦・横のピクセルが同じ正方形の画像を用意してくださいね。

oiragikyu
こんな感じに似顔絵メーカーで作った画像が反映されます。
ちなみに、この画像の大きさは吹き出しデザインstdをカステムしたので通常よりも大きめになっているのだ。

 

人物画像の名前とセリフを変更する

コード内のname="○○○○○"やname="■■■■■"の部分を変更します。
セリフは、△△△△△や◆◆◆◆◆の部分に入れる。

○○○○○
△△△△△

■■■■■
◆◆◆◆◆

oiragikyu
お疲れ様です!
無料の似顔絵メーカーでアイコンを作って、会話風の記事が書けるようになったぞ。
これで似顔絵と会話を使った親しみのある読みやすい記事を書いてみてほしい。
スポンサーリンク

よく読まれている記事

1
2017年スーパー戦隊は「宇宙戦隊キュウレンジャー」のキュータマ!?994 いいよ

新情報続々☆こちら、今作のコンセプトアートを手掛けて下さったのは漫画家の久正人さん!宇宙船デザイン、敵デザインを中心にデザイナーさんとしてもご参加頂いてます! また今回はキョウリュウジャー、ニンニンジ ...

2
エグゼイドのおもちゃ飽きたらどうする?子を持つ親の仮面ライダーの取り扱い方3,040 いいよ

仮面ライダー適齢期の子供を持つパパママ、今度のエグゼイドのおもちゃはなにかもう手に入れた? 手に入れるのはいいけどさ、子供が飽きたときそのおもちゃどうするよ。 今回は仮面ライダーのおもちゃの取り扱い方 ...

3
【コピペ可】AFFINGER4のトップページへ戻るボタンをカスタマイズ262 いいよ

AFFINGER4のトップページへ戻るボタンは、なにも設定をしていない状態だと、「おまえ、ほんとにそこにいるの!?」って言うくらい影が薄い存在である。 というか、目を凝らしても見えないほどの薄さなのだ ...

4
成田山初詣オイラ流。うなぎと屋台と時々占い890 いいよ

オイラの家族は毎年初詣に成田山新勝寺にお参りしに行くのが恒例だ。 もうかれこれ、15年以上も成田山に通っている。 初めて成田山に初詣に行くってあなたに、オイラ流の成田山参拝ツアーを紹介しようと思う。 ...

5
インフルエンザ予防接種したのに感染した!ウチはもうやめたよ。359 いいよ

毎年、友人や親戚の子供など身の回りの人たちから、こんな嘆きをもらう。 「せっかくインフルエンザ予防接種したのに感染しちゃった!」と。   保険がきかないお高い予防接種代を毎年支払い、 泣き叫 ...

6
チュチュベビーで虫歯菌をやっつけろ!ヨーグルトが健康な歯を作る!557 いいよ

なに~!? L8020乳酸菌が虫歯菌をやっつけてくれる! ヨーグルトいわゆる乳酸菌を食べて、健康な歯が保てるだと~。 ここ最近の出来事でオイラのちょっとした驚きのニュースだ。   3歳までに ...

-WordPress, プラグイン

Copyright© OIRAGIKYU , 2017 AllRights Reserved.