吹き出しプラグインを使えば誰でもLINEみたいなブログが書けちゃう。

愛される美容室経営 アヤラ小山田絢一のブログ

これこれ、こんなブログ見た事ないですか？

LINEっぽい吹き出しで会話風なブログ。

A

こんなブログ見た事ないですか？

B

あるある！

僕のブログってお客様との会話を基にした内容も多いからこんなの使えたらいいなぁって思ってたんですよね～。

でもどうやって探したらいいかわからなかったし、なんか難しそうだから後回しにしていたんです。

それではいかんと思いこの度プラグインしました。

どんなツールなのか、インストールの仕方も紹介してるので気になった人はインストールしてみてくださいね～。

Speech bubble（スピーチバブル）

今回インストールしたのは『Speech bubble』（スピーチバブル）という吹き出しプラグインです。

ワードプレスでのインストールの仕方とアレンジもできるようなのでご紹介しますね。

吹き出しプラグイン『Speech bubble』をインストールする方法

まずはインストール

手順はほかのプラグインの場合と同じです。

WordPressの管理画面で「プラグイン」＞新規追加＞「Speech bubble」で検索＞「今すぐインストール」の流れでインストール。

普段ワードプレス使っている人なら簡単ですよね。

ハイ、インストールできました。

Speech bubbleで吹き出しの会話を投稿してみた

さっそくSpeech bubbleを使って吹き出しのある会話を作ってみました。

いつも記事を書くときと同じように、「新規投稿」で記事編集画面を開いて、と。

ビジュアルモードとテキストモードのどちらでもOKです。

A

○○

B

◆◆

お、出てきましたね～。

今はAさんとBさん。

文章も入っていないですけどこれならすぐにできそうですね。

吹き出しの種類も変更できる

なんと吹き出しの種類も変更できちゃうみたいです。

調べてみるとこんな感じに。

drop

初期設定のシンプルな吹き出し

std

超シンプルな吹き出し

fb

PCのFacebookのメッセージ風の吹き出し

fb-flat

スマホのFacebookのメッセージ風の吹き出し

ln

LINEのメッセージ風の吹き出し

ln-flat

LINEのメッセージ風の吹き出し

pink

ピンクの吹き出し

rtail

形が特徴的な吹き出し

think

考えてる風の吹き出し

ちょっとやってみましょう。

【drop】

A

これが初期設定だね

B

うん、問題なし！

【std】

A

うわ、さらにシンプル！

B

クールだね

【fb】

A

こんにちわ～

B

こんばんわ～

【fb-flat】

A

いろいろあるね

B

迷っちゃう

【ln】

A

これ好きかも

B

LINEっぽいからね

【ln-flat】

A

これもLINEっぽいけど

B

でも少し違うね

【pink】

A

女の子にはいいかも

B

おっさんには使えない

【rtail】

A

そろそろ疲れてきた

B

9種類もあるからね 

【think】

A

ふう、ラスト～

B

もういいかな

キャラクターの位置と吹き出しの先っぽの種類まで変更できる

L1

キャラクターの位置：左

吹き出しの先っぽ：通常

L2

キャラクターの位置：左

吹き出しの先っぽ：考える風

R1

キャラクターの位置：右

吹き出しの先っぽ：通常

R2

キャラクターの位置：右

吹き出しの先っぽ：考える風

なんとキャラクターが右か左か？

吹き出しの先がどうなっているかまで変更できちゃう。

アイコン画像の変更

そしてアイコン画像の変更。

これは少し手間がかかりそうなので後日加筆修正しますね。

こうやって調べてみると使えそうなツールがたくさんありますね。

早く使いこなしたいと思います。