
吹き出しについては、WP-Speech-Balloon_2.2を使用
参照 https://tips4life.me/wp-speech-balloon_2_1
※Speech Bubbleを使用しようとしたのですが、
"このプラグインの公開は2018年12月24日に停止され、現在ダウンロードできません。"
https://ja.wordpress.org/plugins/speech-bubble/
WP-Speech-Balloonについては、プラグインの編集ができないので、cssを作成し、対応しています。

口コミ投稿者
CSSだけで吹き出しをつくる - 会話風
左に画像
balloon_L1

私
CSSだけで吹き出しをつくる - 会話風
左に画像
balloon_L2

未設定
CSSだけで吹き出しをつくる - 会話風
左に画像
balloon_L3

未設定
CSSだけで吹き出しをつくる - 会話風
左に画像
balloon_L4

編集長
CSSだけで吹き出しをつくる - 会話風
左に画像
balloon_L5

編集長(強調)
CSSだけで吹き出しをつくる - 会話風
左に画像
balloon_L6

口コミ投稿者
CSSだけで吹き出しをつくる - 会話風
右に画像
balloon_R1

私
CSSだけで吹き出しをつくる - 会話風
右に画像
balloon_R2

未設定
CSSだけで吹き出しをつくる - 会話風
右に画像
balloon_R3

未設定
CSSだけで吹き出しをつくる - 会話風
右に画像
balloon_R4

編集長
CSSだけで吹き出しをつくる - 会話風
右に画像
balloon_R5

編集長(強調)
CSSだけで吹き出しをつくる - 会話風
右に画像
balloon_R6
カウンセリングの会話
私
今日は無料カウンセリングだけで、他のサロンとも比較したいのですが大丈夫ですか?
はい、もちろん大丈夫です。そういう方も多くいらっしゃいますよ。本日はご納得いくまでご検討ください。
Kさん
アイコン画像
なるほど!
https://datsumo-docoico.com/area/wp-content/uploads/img/others/icon_taiwa_natoku.jpg
Kさん
わからない。。。
https://datsumo-docoico.com/area/wp-content/uploads/img/others/icon_taiwa_gimon.jpg
Kさん
やった!
https://datsumo-docoico.com/area/wp-content/uploads/img/others/icon_taiwa_iine.jpg
Kさん
感激!
https://datsumo-docoico.com/area/wp-content/uploads/img/others/icon_taiwa_kangeki.jpg
Kさん
どうしよう。。。
https://datsumo-docoico.com/area/wp-content/uploads/img/others/icon_taiwa_nayami.jpg
Kさん
OK!
https://datsumo-docoico.com/area/wp-content/uploads/img/others/icon_taiwa_ok.jpg
Kさん
通常吹き出し
表示したい名前
パターン1(左)
パターン1(右)
表示したい名前
表示したい名前
パターン1(左)
パターン1(右)
表示したい名前
表示したい名前
パターン1(左)
パターン1(右)
表示したい名前
ぽわぽわ吹き出し
表示したい名前
パターン2(左)
パターン2(右)
表示したい名前
パステル&ステッチ吹き出し
表示したい名前
パターン3(左)
パターン3(右)
表示したい名前
LINE風吹き出し
表示したい名前
パターン4(左)
パターン4(右)
表示したい名前
Twitter風吹き出し
表示したい名前
パターン5(左)
パターン5(右)
表示したい名前