吹き出し作成プラグイン『Speech Bubble』の紹介です。
ブログ記事の作成で当然意識するのはオリジナリティなわけですが、そんな時に一役買ってくれるのが吹き出しです。
口コミや世論の意見というのはオリジナルコンテンツになりやすいのでオススメです。
ということで吹き出しを作りたい!
でも、吹き出しって背景画像とかCSSとか…どうしたらいいのかよくわかんない!!
という人にぴったりです。
プラグインの有効化直後から使用可能です。
Speech bubbleをダウンロードする場合はこちら
https://wordpress.org/plugins/speech-bubble/
目次
『Speech Bubble』のインストール
![a010011](https://fgxed.info/wp-content/uploads/2015/11/a010011-e1447350532444.jpg)
『プラグイン』>『新規追加』>『Speech Bubble』でプラグイン検索>有効化
Speech Bubbleの使い方
プラグイン『Speech Bubble』には9種類のデザインがあります。
また、左右交互に配置することで会話風。左右どちらかに寄せることで口コミ風の吹き出しが作成可能です。
画像を独自に用意することで任意のアイコンを設定することも出来ます。
デフォルト drop
![bub1](https://fgxed.info/wp-content/uploads/2015/11/bub1.jpg)
[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](https://fgxed.info/wp-content/uploads/2015/11/bub2.jpg)
[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](https://fgxed.info/wp-content/uploads/2015/11/bub4.jpg)
[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](https://fgxed.info/wp-content/uploads/2015/11/bub3.jpg)
[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](https://fgxed.info/wp-content/uploads/2015/11/bub5.jpg)
[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](https://fgxed.info/wp-content/uploads/2015/11/bub6.jpg)
[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](https://fgxed.info/wp-content/uploads/2015/11/bub7.jpg)
[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](https://fgxed.info/wp-content/uploads/2015/11/bub8.jpg)
[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](https://fgxed.info/wp-content/uploads/2015/11/bub9.jpg)
[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]