便利な吹き出しプラグインSpeech Bubbleを使ってみました。

LINEのような会話をブログで使う事ができる、便利な吹き出しプラグインを使ってみました。

 

[speech_bubble type="drop" subtype="L1″ icon="3.jpg" name="A さん"] わたし綺麗かしら [/speech_bubble] [speech_bubble type="drop" subtype="R1″ icon="4.jpg" name="B さん"] 顔パンチ！[/speech_bubble]

Speech Bubbleのインストール方法

プラグインの新規追加を選択

キーワードに「Speech Bubble」を入力

「Speech Bubble」が出ますのでインストールをクリック

 

インストールが済んだら「有効化」をクリック

たったこれだけで使用することが出来ます。

インストールが済んだら実際に使ってみましょう。

次のようなショートコードを書くと

[[speech_bubble type="drop" subtype="L1″ icon="1.jpg" name="太郎"]ハロー [/speech_bubble]]
[[speech_bubble type="drop" subtype="R1″ icon="2.jpg" name="花子"] こんにちは[/speech_bubble]]

このように表示されます。

[speech_bubble type="drop" subtype="L1″ icon="1.jpg" name="太郎"]ハロー[/speech_bubble]
[speech_bubble type="drop" subtype="R1″ icon="2.jpg" name="花子"]こんにちは[/speech_bubble]

 

ちなみに、名前とセリフを替えるには

[[speech_bubble type=“drop" subtype=“L1" icon=“1.jpg" name=“太郎"]ハロー [/speech_bubble]]

[[speech_bubble type=“drop" subtype=“R1" icon=“2.jpg" name=“花子"]こんにちは[/speech_bubble]]

キャラクター名の変更は「太郎」と「花子」を変えれば良い、セリフの変更は「ハロー」と「こんにちは」の部分を変えれば良い。
 
表示位置は、L1とR2の部分の「Lは左」「Rは右」なのでこれを変えれば良いです。
 
 
吹き出しの種類も9種類有るようです。
 
コードはdrop・std・ fb・ fb-flat・ln・ ln-flat・ pink・ rtail・ thinkのどれかを選べばいい。
 
ちなみにfbでは
 
[speech_bubble type="fb" subtype="L1″ icon="1.jpg" name="次郎"]桃ちゃんこんにちは[/speech_bubble]
[speech_bubble type="fb" subtype="R1″ icon="2.jpg" name="桃子"]こんにちは次郎君[/speech_bubble]
 
 
 
そしてfb-flatでは
 
 
[speech_bubble type="fb-frat" subtype="L1″ icon="1.jpg" name="AB さん"] おっはっす！ [/speech_bubble] [speech_bubble type="fb-frat" subtype="R2″ icon="2.jpg" name="BC さん"]オッハー[/speech_bubble]
 
いろいろ試してみて下さい。

アイコン画像の変更方法 １）使用したい画像をWordPressの設置してあるwp-content＞plugins＞speech-bubble＞imgフォルダーにアップロード 例：ドメイン＞public_html＞wp-content＞plugins＞speech-bubble＞img ２）コードのicon="1.jpg"の部分の"1.jpg"の部分をアップした画像の名前に変更すればOKです。 例：１ [speech_bubble type="ln" subtype="L1″ icon="6.jpg" name="A さん"] 大好き！ [/speech_bubble] [speech_bubble type="ln" subtype="R1″ icon="5.jpg" name="B さん"] やったね！ [/speech_bubble] 例：２ [speech_bubble type="rtail" subtype="L2″ icon="6.jpg" name="A さん"] 大好き！ [/speech_bubble] [speech_bubble type="rtail" subtype="R2″ icon="5.jpg" name="B さん"] やったね！ [/speech_bubble] 例：３ [speech_bubble type="think" subtype="L2″ icon="7.jpg" name="A さん"] 大好き！ [/speech_bubble] [speech_bubble type="think" subtype="R2″ icon="8.jpg" name="B さん"] やったね！ [/speech_bubble] 例：４ [speech_bubble type="ln-flat" subtype="R2″ icon="9.jpg" name="B さん"] グー！ [/speech_bubble] これは遊べますね！（＾＾；）

[_ads_adsense]
 
[_show_snsbox]

プラグインプラグイン

Posted by 疾風