吹き出しについては、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
カウンセリングの会話
私
今日は無料カウンセリングだけで、他のサロンとも比較したいのですが大丈夫ですか？
はい、もちろん大丈夫です。そういう方も多くいらっしゃいますよ。本日はご納得いくまでご検討ください。
Ｋさん
アイコン画像
なるほど！
https://datsumo-docoico.com/area/wp-content/uploads/img/others/icon_taiwa_natoku.jpg
Ｋさん
わからない。。。
https://datsumo-docoico.com/area/wp-content/uploads/img/others/icon_taiwa_gimon.jpg
Ｋさん
やった！
https://datsumo-docoico.com/area/wp-content/uploads/img/others/icon_taiwa_iine.jpg
Ｋさん
感激！
https://datsumo-docoico.com/area/wp-content/uploads/img/others/icon_taiwa_kangeki.jpg
Ｋさん
どうしよう。。。
https://datsumo-docoico.com/area/wp-content/uploads/img/others/icon_taiwa_nayami.jpg
Ｋさん
OK!
https://datsumo-docoico.com/area/wp-content/uploads/img/others/icon_taiwa_ok.jpg
Ｋさん
通常吹き出し
表示したい名前
パターン１（左）
パターン１（右）
表示したい名前
表示したい名前
パターン１（左）
パターン１（右）
表示したい名前
表示したい名前
パターン１（左）
パターン１（右）
表示したい名前
ぽわぽわ吹き出し
表示したい名前
パターン２（左）
パターン２（右）
表示したい名前
パステル&ステッチ吹き出し
表示したい名前
パターン３（左）
パターン３（右）
表示したい名前
LINE風吹き出し
表示したい名前
パターン４（左）
パターン４（右）
表示したい名前
Twitter風吹き出し
表示したい名前
パターン５（左）
パターン５（右）
表示したい名前
