吹き出し作成プラグイン『Speech Bubble』が便利すぎる!

Web関連

吹き出し作成プラグイン『Speech Bubble』の紹介です。

ブログ記事の作成で当然意識するのはオリジナリティなわけですが、そんな時に一役買ってくれるのが吹き出しです。

口コミや世論の意見というのはオリジナルコンテンツになりやすいのでオススメです。

ということで吹き出しを作りたい!
でも、吹き出しって背景画像とかCSSとか…どうしたらいいのかよくわかんない!!

という人にぴったりです。

プラグインの有効化直後から使用可能です。

Speech bubbleをダウンロードする場合はこちら
https://wordpress.org/plugins/speech-bubble/

『Speech Bubble』のインストール

a010011

『プラグイン』>『新規追加』>『Speech Bubble』でプラグイン検索>有効化

Speech Bubbleの使い方

プラグイン『Speech Bubble』には9種類のデザインがあります。

また、左右交互に配置することで会話風。左右どちらかに寄せることで口コミ風の吹き出しが作成可能です。

画像を独自に用意することで任意のアイコンを設定することも出来ます。

デフォルト drop

bub1
[speech_bubble type="drop" subtype="L1" icon="1.jpg" name="A さん"] テキスト1 [/speech_bubble]
[speech_bubble type="drop" subtype="R1" icon="2.jpg" name="B さん"] テキスト2[/speech_bubble]

Facebookメッセージ風 fb

bub2
[speech_bubble type="fb" subtype="L1" icon="1.jpg" name="A さん"] テキスト1 [/speech_bubble]
[speech_bubble type="fb" subtype="R1" icon="2.jpg" name="B さん"] テキスト2[/speech_bubble]

Facebookメッセンジャー風 std

bub4
[speech_bubble type="fb-flat" subtype="L1" icon="1.jpg" name="A さん"] テキスト1 [/speech_bubble]
[speech_bubble type="fb-flat" subtype="R1" icon="2.jpg" name="B さん"] テキスト2[/speech_bubble]

std

bub3
[speech_bubble type="std" subtype="L1" icon="1.jpg" name="A さん"] テキスト1 [/speech_bubble]
[speech_bubble type="std" subtype="R1" icon="2.jpg" name="B さん"] テキスト2[/speech_bubble]

過去line風 ln

bub5
[speech_bubble type="ln" subtype="L1" icon="1.jpg" name="A さん"] テキスト1 [/speech_bubble]
[speech_bubble type="ln" subtype="R1" icon="2.jpg" name="B さん"] テキスト2[/speech_bubble]

line風 ln-flat

bub6
[speech_bubble type="ln-flat" subtype="L1" icon="1.jpg" name="A さん"] テキスト1 [/speech_bubble]
[speech_bubble type="ln-flat" subtype="R1" icon="2.jpg" name="B さん"] テキスト2[/speech_bubble]

pink

bub7
[speech_bubble type="pink" subtype="L1" icon="1.jpg" name="A さん"] テキスト1 [/speech_bubble]
[speech_bubble type="pink" subtype="R1" icon="2.jpg" name="B さん"] テキスト2[/speech_bubble]

rtail

bub8
[speech_bubble type="rtail" subtype="L1" icon="1.jpg" name="A さん"] テキスト1 [/speech_bubble]
[speech_bubble type="rtail" subtype="R1" icon="2.jpg" name="B さん"] テキスト2[/speech_bubble]

think

bub9
[speech_bubble type="think" subtype="L1" icon="1.jpg" name="A さん"] テキスト1 [/speech_bubble]
[speech_bubble type="think" subtype="R1" icon="2.jpg" name="B さん"] テキスト2[/speech_bubble]

スポンサードリンク