menu

Line風の吹き出しトークができる超おすすめWPプラグインSpeech Bubble

インタビューをしているような記事を書く時に吹き出しでトークを表現できるWordPressのプラグインをお探しの方、ぜひコレを使ってみてください。そうそう、記事がマンネリ化して少しアクセントや表現の幅を広げたいって方にもオススメ。

スポンサーリンク

この「Speech Bubble」を使えばLineのようなトークがブログ記事にも入れることができますよ。プラグインはインストールすつだけだし、使い方はショートコードを記憶させればラクチン!!!

しかも吹き出しだけでなくトークしているキャラも自由にカスタマイズできるから、いろいろなキャラや人物を記事の中に登場させることができて、使ったらちょっとハマるかも(笑)

それではっ!!!!!

Line風のチャットトークのような吹き出しが表示できる「Speech Bubble」をご紹介したいと思います。

Speech Bubbleを使ってLine風のトークを記事に入れよう!

さぁ、はじめはプラグインの新規追加で「Speech Bubble」と検索して、インストールして有効化しましょうね。

設定はありません。これで終了ですね。

 

使い方はこちらのコードを基本的に使っていきます↓

上のコードを「テキストモード」に貼り付けてください。プラグイン設計者さんのサイトではテキストモードと書いてありましたが「ビジュアルモード」でも動作しますね。

ちなみに使ってみるとこんな感じです。

A さん
このプラグインいいね!!
B さん
うん!マジで!

こういう感じですね!!

 

「"A さん"」に名前を入れる事で上側の人の名前になります。

そして「"B さん"」に名前を入れると下側の人の名前ですね。

コードサンプルの「おこんばんわ」のとこにはAさんが話す言葉で

「おばんです」のとこにはBさんが話す言葉になりますね。

 

吹き出しのタイプはこんな感じ!

吹き出しは9種類あります。吹き出しの中の言葉が種類のコード名になりますよ。

A さん
dropだよ
B さん
stdだよ
A さん
fbだよ
B さん
fb-flatだよ
A さん
lnだよ
B さん
ln-flatだよ
A さん
pinkだよ
B さん
rtailだよ
A さん
thinkだよ

 

「subtype」は右側に表示するか左側に表示するか「L1」で左側一行目に吹き出し調で表示、「R1」で右側の一行目に吹き出し調で表示って感じ。

 

 

L1 R1で会話風の吹き出し、L2、R2で考えている感じの吹き出しです。

ちなみ詳しいコードは制作者さんのページをご覧ください。

サンプルコードは二行分のコードしかないのでコードを入れて表示されるのは2行だけですが、ショートコードでもっと行数を増やす事も可能ですね。

長めのトークばかりを追加したいのであれば、始めからショートコードに行数を増やしておくと便利ですねっ!!

ちなみに左側2行だとこんな感じ!

パンクロッカー
左に寄ってるかーーい!
お客さん
寄ってるよ〜。

みたいに表示されます!

 

画像の変更方法は???

画像も自由にカスタマイズできますよ!FTPソフトを立ち上げて、ご自分のサーバーの

/ドメイン/public_html/wp-content/plugins/speech-bubble/img

この階層に使いたい画像を追加します。そしてその画像の拡張子までの名前を「icon="1.jpg"」の1.jpgと入れたい画像の名前を差し替えることで画像が表示されます。

A さん
必ず追加した画像名すべて拡張子まで入れるんじゃぞ!!

GIFアニメもイケますね!!その他にもpngも大丈夫です。汎用画像フォーマットなら使えると思います。

 

Line風の吹き出しができるプラグインのまとめ

せっかくLine風の吹き出しが使えるようになったので写真を切り抜いて顔だけを使ってみたりしても面白いですよね。

かわいいペットが話しているチャット風景もペット好きにはたまらない会話コンテンツになるでしょうし。使い方は無限にありそう。ぜひ使ってみてくださいね。

スポンサーリンク

猫背を治す方法,姿勢,猫背,改善,デスクワークあなたの胃の不調は猫背が原因?ストレッチで背骨の歪みを治す方法!

photoshop,使い方,チュートリアル,モアレ除去前Photoshopの使い方基礎篇!モアレ除去チュートリアル!スキャン写真を少しでも綺麗にする!

関連記事

  1. スパムメール,コメントスパム,解決,プラグイン

    スパムメール対応策!インストールするだけでスパムを防ぐWP-Sp…

    コメントに届くスパムメールってうざいですよね。しかも何度も来ますよね〜。スパムコメント対策にワードプ…

  2. wordpress,記事,効率,アップ,テンプレート

    WordPressおすすめプラグイン!記事編集を時短化、テンプレ…

    WordPressで記事を書く時に超役立つおすすめプラグインを紹介したいと思います。今回ご紹介するプ…

  3. WordPress,プラグイン,管理画面,カスタム,Admin Management Xtended

    WordPressプラグインで管理画面からすごく使い勝手抜群にす…

    WordPressの管理画面が今よりも一段と使いやすくカスタマイズできるプラグイン「Admin Ma…

  4. ワードプレス,wordpress,wp,プラグイン,Milliard

    WordPressプラグインのMilliardが超便利!関連記事…

    ワードプレスの関連記事を表示してくれるプラグインといえば???WordPressRelatedPos…

  5. wordpress,追尾,広告,ウィジェット,サイドバー

    WordPressでサイドバーに追尾型スクロール広告を作成する便…

    WordPressでサイドバーに追尾型のスクロール広告が設置できるウィジェットプラグインをご紹介しま…

  6. WordPress,プラグイン,掃除,データベース,最適化

    スッキリ!WordPressを大掃除!データベース最適化を自動で…

    少し早いけど、年末ということで、スッキリ!大掃除をしましょうかっ!!WordPressに溜まった自動…

  7. Google Analytics,設定,アナリティクス,トラッキングコード,プラグイン

    コピペで完了!トラッキングコード設定はGoogle Analyt…

    Google Analyticsのトラッキングコードを簡単設定する方法をご紹介します!「UA-」から…

  8. wordpress,個人情報漏洩,削除,プラグイン

    写真の個人情報漏洩を防いでくれるWordPressプラグインEW…

    WordPressにスマホやデジカメで撮った写真を何もせずに載せるのは危険!写真のEXIF情報(メタ…

コメント

  1. この記事へのコメントはありません。

  1. 2016年 5月 10日

PAGE TOP
error: Content is protected !!
%d人のブロガーが「いいね」をつけました。