吹き出しアイコンの表情を色々作ってみた。

いろいろなブログを見ていると吹き出しを使っているブログがちらほらあります。

とくに吹き出しの言葉によって違うアイコンを使用しているブログを見ていたときに「感情が伝わりやすい！」と気づきました。

ということで、さっそく吹き出しに感情を持たせるために作ったアイコンを紹介します。

今までのアイコン

そもそも、ニヤついてる（ドヤ顔風）では、吹き出しで話しているイメージが少し弱いし、何回も出てくるとちょっとうざいですね。

なんでコレ１本でやっていたのだろう…

まぁ、今から変えれば問題ないでしょ！ということでいくつか作ってみたのを紹介します！

感情のあるアイコンを作ってみた

【トーク】

「では、さっそく本題です」とか特に感情を入れる必要のない会話のときに使います。

【ワォ！】

「ハッピーターンの星型がはいってた！しかも２個（嬉）」「あっ！今週ジャンプ土曜発売だ！」とかびっくりした感情を表現するときに使います。

【やったー】

「これで解決！」「尊敬できるうっとうしい上司移転！」とか喜びの感情を表現するときに使います。

【イライラ】

「なんでこうなったんだ？」「これは許せん！」みたいなときに使おうかと思ってます。

【しゅん…】

「もう何もかもやる気が出ない、、、」「こんなのもできないオレはクズだ」みたいなときに使います。

【無】

「…（言葉も無い）」「何も言えません」みたいなときに使います。

追加（2018.8.10）

【あせる】

【ため息】

【疑問】

【キラキラ】

【悩む】

【絶望】

SANGOで使うときのコツ

[say img="（画像のURL）"]★吹き出しの言葉★[/say]

こんな風に解決してみました

１．吹き出しとしてアップロードする画像の名前を統一する

ぼくはアップロードする画像の名前をすべて[huki-〇〇]にしました。アイコンで使用する画像はすべてこのhuki-部分をつけるようにします。

２．アイコンの感情に合わせた短い名前にする

こんな感じに名前をつけてから、画像をアップロードしました。

３．AddQuicktagで吹き出しのショートコードを変更する

ぼくは【トーク】をよく使うので、これをAddQuicktagのデフォルトにしました。

[say img="https://for-men.jp/wp-content/uploads/2018/08/huki-talk.png"]★吹き出しの言葉★[/say]

４．あとはビジュアルエディタで挿入した際に変更する

ショートコードで吹き出しを挿入した際に、【ワォ】にするならtalkの部分をwaoに書き換える。【やったー】にするならhappyに書き換えるだけで、吹き出しのアイコンを変更することができます！

まとめ

吹き出しのイラストに感情をプラスするだけで、吹き出しの言葉が生きてきますね！

随時、吹き出しのアイコンを追加していきたいと思います！