【WordPress】会話を表現できる吹き出しプラグイン
目次
事前準備
Speech Bubbleには、管理画面内の設定ページがありません。
画像サイズはFTPを使って直接アップロードする必要があります。
サイズは自動的に調整されるようですが、60×60～96×96の画像を用意しておくのが良さげです。
画像格納先URL:
wp-content/plugins/speech-bubble/img
Speech Bubbleの使い方
ショートコードを書くことで機能しますので、「AddQuicktag」プラグインを利用すると手間が省けます。
|
1 2 |
[speech_bubble type="ln" subtype="L1" icon="f1.png" name="ｻｰﾊﾞｰｶﾞｰﾙ"]初めましてｻｰﾊﾞｰｶﾞｰﾙです。[/speech_bubble] [speech_bubble type="ln" subtype="R1" icon="f2.png" name="ｻｲﾄのかなめ"]ｻｲﾄのかなめです。[/speech_bubble] |
と記述すると以下のようになります。
ｻｰﾊﾞｰｶﾞｰﾙ
初めましてｻｰﾊﾞｰｶﾞｰﾙです。
ｻｲﾄのかなめ
ｻｲﾄのかなめです。
【type】を変更する
吹き出しのタイプは以下の９種類です。
drop
|
1 2 |
[speech_bubble type="drop" subtype="L1" icon="f1.png" name="ｻｰﾊﾞｰｶﾞｰﾙ"]dropですよ[/speech_bubble] [speech_bubble type="drop" subtype="R1" icon="f2.png" name="ｻｲﾄのかなめ"]dropですね[/speech_bubble] |
ｻｰﾊﾞｰｶﾞｰﾙ
dropですよ
ｻｲﾄのかなめ
dropですね
std
|
1 2 |
[speech_bubble type="std" subtype="L1" icon="f1.png" name="ｻｰﾊﾞｰｶﾞｰﾙ"]stdですよ[/speech_bubble] [speech_bubble type="std" subtype="R1" icon="f2.png" name="ｻｲﾄのかなめ"]stdですね[/speech_bubble] |
ｻｰﾊﾞｰｶﾞｰﾙ
stdですよ
ｻｲﾄのかなめ
stdですね
fb
|
1 2 |
[speech_bubble type="fb" subtype="L1" icon="f1.png" name="ｻｰﾊﾞｰｶﾞｰﾙ"]fbですよ[/speech_bubble] [speech_bubble type="fb" subtype="R1" icon="f2.png" name="ｻｲﾄのかなめ"]fbですね[/speech_bubble] |
ｻｰﾊﾞｰｶﾞｰﾙ
fbですよ
ｻｲﾄのかなめ
fbですね
fb-flat
|
1 2 |
[speech_bubble type="fb-flat" subtype="L1" icon="f1.png" name="ｻｰﾊﾞｰｶﾞｰﾙ"]fb-flatですよ[/speech_bubble] [speech_bubble type="fb-flat" subtype="R1" icon="f2.png" name="ｻｲﾄのかなめ"]fb-flatですね[/speech_bubble] |
ｻｰﾊﾞｰｶﾞｰﾙ
fb-flatですよ
ｻｲﾄのかなめ
fb-flatですね
ln
|
1 2 |
[speech_bubble type="ln" subtype="L1" icon="f1.png" name="ｻｰﾊﾞｰｶﾞｰﾙ"]lnですよ[/speech_bubble] [speech_bubble type="ln" subtype="R1" icon="f2.png" name="ｻｲﾄのかなめ"]lnですね[/speech_bubble] |
ｻｰﾊﾞｰｶﾞｰﾙ
lnですよ
ｻｲﾄのかなめ
lnですね
ln-flat
|
1 2 |
[speech_bubble type="ln-flat" subtype="L1" icon="f1.png" name="ｻｰﾊﾞｰｶﾞｰﾙ"]ln-flatですよ[/speech_bubble] [speech_bubble type="ln-flat" subtype="R1" icon="f2.png" name="ｻｲﾄのかなめ"]ln-flatですね[/speech_bubble] |
ｻｰﾊﾞｰｶﾞｰﾙ
ln-flatですよ
ｻｲﾄのかなめ
ln-flatですね
pink
|
1 2 |
[speech_bubble type="pink" subtype="L1" icon="f1.png" name="ｻｰﾊﾞｰｶﾞｰﾙ"]ｻｲﾄのかなめ[/speech_bubble] [speech_bubble type="pink" subtype="R1" icon="f2.png" name="ｻｲﾄのかなめ"]pinkですね[/speech_bubble] |
ｻｰﾊﾞｰｶﾞｰﾙ
pinkですよ
ｻｲﾄのかなめ
pinkですね
rtail
|
1 2 |
[speech_bubble type="rtail" subtype="L1" icon="f1.png" name="ｻｰﾊﾞｰｶﾞｰﾙ"]rtail[/speech_bubble] [speech_bubble type="rtail" subtype="R1" icon="f2.png" name="ｻｲﾄのかなめ"]rtailですね[/speech_bubble] |
ｻｰﾊﾞｰｶﾞｰﾙ
rtailですよ
ｻｲﾄのかなめ
rtailですね
think
|
1 2 |
[speech_bubble type="think" subtype="L1" icon="f1.png" name="ｻｰﾊﾞｰｶﾞｰﾙ"]think[/speech_bubble] [speech_bubble type="think" subtype="R1" icon="f2.png" name="ｻｲﾄのかなめ"]thinkですね[/speech_bubble] |
ｻｰﾊﾞｰｶﾞｰﾙ
thinkですよ
ｻｲﾄのかなめ
thinkですね
【subtype】を変更する
Lは左側（Left）
Rは右側（Right）
に画像アイコンの位置が移動します。
”2″に変更すると、 “think”風の吹き出しになります。
subtype=”L1″
|
1 2 |
[speech_bubble type="ln" subtype="L1" icon="f1.png" name="ｻｰﾊﾞｰｶﾞｰﾙ"]L1で左配置で話してる風ですよ[/speech_bubble] [speech_bubble type="ln" subtype="L1" icon="f2.png" name="ｻｲﾄのかなめ"]L1で左配置で話してる風ですね[/speech_bubble] |
ｻｰﾊﾞｰｶﾞｰﾙ
L1で左配置で話してる風ですよ
ｻｲﾄのかなめ
L1で左配置で話してる風ですね
subtype=”L2″
|
1 2 |
[speech_bubble type="ln" subtype="L2" icon="f1.png" name="ｻｰﾊﾞｰｶﾞｰﾙ"]L2にすると左配置で考えている風になります[/speech_bubble] [speech_bubble type="ln" subtype="L2" icon="f2.png" name="ｻｲﾄのかなめ"]L2にすると左配置で考えている風になりますね[/speech_bubble] |
ｻｰﾊﾞｰｶﾞｰﾙ
L2にすると左配置で考えている風になります
ｻｲﾄのかなめ
L2にすると左配置で考えている風になりますね
subtype=”R1″
|
1 2 |
[speech_bubble type="ln" subtype="R1" icon="f1.png" name="ｻｰﾊﾞｰｶﾞｰﾙ"]R1で右配置で話してる風ですよ[/speech_bubble] [speech_bubble type="ln" subtype="R1" icon="f2.png" name="ｻｲﾄのかなめ"]R1で右配置で話してる風ですね[/speech_bubble] |
ｻｰﾊﾞｰｶﾞｰﾙ
R1で右配置で話してる風ですよ
ｻｲﾄのかなめ
R1で右配置で話してる風ですね
subtype=”R2″
|
1 2 |
[speech_bubble type="ln" subtype="R2" icon="f1.png" name="ｻｰﾊﾞｰｶﾞｰﾙ"]R2にすると右配置で考えている風になります[/speech_bubble] [speech_bubble type="ln" subtype="R2" icon="f2.png" name="ｻｲﾄのかなめ"]R2にすると右配置で考えている風になりますね[/speech_bubble] |
ｻｰﾊﾞｰｶﾞｰﾙ
R2にすると右配置で考えている風になります
ｻｲﾄのかなめ
R2にすると右配置で考えている風になりますね
