ブログの書き方

2017年6月30日

吹き出し

ブログへの吹き出しの挿入方法です。

吹き出し挿入コード

<div class="sb-type-ln-flat"> <div class="sb-subtype-b"> <div class="sb-speaker"> <div class="sb-icon"> <img src="https://dq10.wakanayoshizawa.com/wp-content/plugins/speech-bubble/img/わかなだょ〜.png" class="sb-icon"> </div> <div class="sb-name">わかなだょ〜</div> </div> <div class="sb-content"> <div class="sb-speech-bubble"> ブログはじめました！ </div> </div> </div> </div><br /> <div class="sb-type-ln-flat"> <div class="sb-subtype-a"> <div class="sb-speaker"> <div class="sb-icon"> <img src="https://dq10.wakanayoshizawa.com/wp-content/plugins/speech-bubble/img/こなゆき_反転.png" class="sb-icon"> </div> <div class="sb-name">こなゆき</div> </div> <div class="sb-content"> <div class="sb-speech-bubble">あ、はい</div> </div> </div> </div><br />

speech_bubble ブロックを利用すると、会話エリアを追加できます。

吹き出し表示例

吹き出し使用可能画像

ぎん.png
ぎん_反転.png
きーすけ.png
きーすけ_反転.png
こなゆき.png
こなゆき_反転.png
ぷぎえもん.png
ぷぎえもん_反転.png
わかなだょー.png
わかなだょー2.png
わかなだょー2_反転.png
わかなだょー_反転.png
わかなだょ〜.png
わかなだょ〜_反転.png
わかなだょん.png
わかなだょん_反転.png
わからんマン.png
わからんマン_反転.png
ニコラス.png
ニコラス_反転.png
マネタイズ.png
マネタイズ_反転.png