WordPressで吹き出し会話風にできるプラグイン「Speech Bubble」が便利

吹き出し会話風って?

吹き出しを使って人と人が対話しているような書き方は、読み手によって分かりやすく、頭位に入ってきやすいですよね。

そこで今回はそんな便利なLINE会話風に表現できる「Speech Bubble」と言うプラグインのご紹介をします。

インストール

プラグイン > 新規追加 >

「Speech Bubble」で検索 > 今すぐインストール > 有効化 >

使い方

このコードをそのまま記述するだけで簡単に吹き出し会話が完成します!

A さん
こんにちは

B さん
Hello

初期状態では「type=”drop”」となっていますが、Speech Bubbleのプラグインには吹き出し部分が全部で9種類用意されています。

他のデザインを紹介する前に、アイコン画像の変更方法について紹介します。

WordPressに画像をアップロードする

FTPを利用して好きなアイコン画像をアップロードします。

【参考記事】

https://tedaeri.comapp-ffftp-rolipop/

FFFTPサイトドメインに接続します。

ドメインフォルダ名 > wp-content > plugins > speech-bubble > img

このimgフォルダにデフォルトの画像が二つ入っているので、ここにアイコンにしたい画像をアップロードします。

デフォルトのコードより、画像の名前を変更します。

白くま
アイコンが変わったよ!

ペンギン
やったね!

その他のデザイン「全9種類」

drop

白くま
これがデフォルトだよ!

ペンギン
普通!

std

白くま
これは最もシンプルなデザインだよ!

ペンギン
スタイリッシュだね!

fb

白くま
PCのFacebookのメッセージ風の吹き出し!

ペンギン
へ~!

fb-flat

白くま
スマホのFacebookのメッセージ風の吹き出し

ペンギン
本当だ!

ln

白くま
LINEのメッセージ風の吹き出し!

ペンギン
立体的!

ln-flat

白くま
これもLINEのメッセージ風の吹き出し!

ペンギン
こっちの方がLINEっぽいね!

pink

白くま
女の子らしい吹き出しだね!

ペンギン
そうね、うふふ

rtail

白くま
これもシンプルで良い感じ!

ペンギン
だ!

think

白くま
心の声・・・聞こえますか!

ペンギン
たこ焼き食べたいなぁ・・・!

スポンサーリンク
レクタングル広告(大)
レクタングル広告(大)

シェアする

  • このエントリーをはてなブックマークに追加

フォローする

スポンサーリンク
レクタングル広告(大)