吹き出しEX（1/1）
ブロックの設定を比較するサンプルです。各例の直前に変更設定と値を記載しています。
画像等は同梱素材を使用します。コピー用コードと書かれた例は、説明に従って必要なデータ・編集場所を用意してください。
sample-00165 / cocoon-blocks/balloon-ex-box 基本形【コピー用コード】
旧拡張吹き出しは保存時にサイトの吹き出し設定を参照します。実サイトで吹き出しを選び直してから確認してください。
<!-- wp:cocoon-blocks/balloon-ex-box {"name":"案内役","icon":"https://balthasar.xsrv.jp/wp-content/themes/cocoon-master/images/man.png"} -->
<div class="wp-block-cocoon-blocks-balloon-ex-box speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img src="https://balthasar.xsrv.jp/wp-content/themes/cocoon-master/images/man.png" alt="" class="speech-icon-image"/></figure><div class="speech-name">案内役</div></div><div class="speech-balloon"><!-- wp:paragraph -->
<p>春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cocoon-blocks/balloon-ex-box -->sample-00166 / cocoon-blocks/balloon-ex-box name：name="短いサンプル"【コピー用コード】
旧拡張吹き出しは保存時にサイトの吹き出し設定を参照します。実サイトで吹き出しを選び直してから確認してください。
<!-- wp:cocoon-blocks/balloon-ex-box {"name":"短いサンプル","icon":"https://balthasar.xsrv.jp/wp-content/themes/cocoon-master/images/man.png"} -->
<div class="wp-block-cocoon-blocks-balloon-ex-box speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img src="https://balthasar.xsrv.jp/wp-content/themes/cocoon-master/images/man.png" alt="" class="speech-icon-image"/></figure><div class="speech-name">短いサンプル</div></div><div class="speech-balloon"><!-- wp:paragraph -->
<p>春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cocoon-blocks/balloon-ex-box -->sample-00167 / cocoon-blocks/balloon-ex-box name：name="長いサンプルの文章で折り返し方と余白の見え方を確認します。"【コピー用コード】
旧拡張吹き出しは保存時にサイトの吹き出し設定を参照します。実サイトで吹き出しを選び直してから確認してください。
<!-- wp:cocoon-blocks/balloon-ex-box {"name":"長いサンプルの文章で折り返し方と余白の見え方を確認します。","icon":"https://balthasar.xsrv.jp/wp-content/themes/cocoon-master/images/man.png"} -->
<div class="wp-block-cocoon-blocks-balloon-ex-box speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img src="https://balthasar.xsrv.jp/wp-content/themes/cocoon-master/images/man.png" alt="" class="speech-icon-image"/></figure><div class="speech-name">長いサンプルの文章で折り返し方と余白の見え方を確認します。</div></div><div class="speech-balloon"><!-- wp:paragraph -->
<p>春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cocoon-blocks/balloon-ex-box -->sample-00168 / cocoon-blocks/balloon-ex-box 吹き出しスタイル：balloonStyle="stn"【コピー用コード】
旧拡張吹き出しは保存時にサイトの吹き出し設定を参照します。実サイトで吹き出しを選び直してから確認してください。
<!-- wp:cocoon-blocks/balloon-ex-box {"name":"案内役","icon":"https://balthasar.xsrv.jp/wp-content/themes/cocoon-master/images/man.png"} -->
<div class="wp-block-cocoon-blocks-balloon-ex-box speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img src="https://balthasar.xsrv.jp/wp-content/themes/cocoon-master/images/man.png" alt="" class="speech-icon-image"/></figure><div class="speech-name">案内役</div></div><div class="speech-balloon"><!-- wp:paragraph -->
<p>春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cocoon-blocks/balloon-ex-box -->sample-00169 / cocoon-blocks/balloon-ex-box 吹き出しスタイル：balloonStyle="flat"【コピー用コード】
旧拡張吹き出しは保存時にサイトの吹き出し設定を参照します。実サイトで吹き出しを選び直してから確認してください。
<!-- wp:cocoon-blocks/balloon-ex-box {"name":"案内役","balloonStyle":"flat","icon":"https://balthasar.xsrv.jp/wp-content/themes/cocoon-master/images/man.png"} -->
<div class="wp-block-cocoon-blocks-balloon-ex-box speech-wrap sb-id-1 sbs-flat sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img src="https://balthasar.xsrv.jp/wp-content/themes/cocoon-master/images/man.png" alt="" class="speech-icon-image"/></figure><div class="speech-name">案内役</div></div><div class="speech-balloon"><!-- wp:paragraph -->
<p>春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cocoon-blocks/balloon-ex-box -->sample-00170 / cocoon-blocks/balloon-ex-box 吹き出しスタイル：balloonStyle="line"【コピー用コード】
旧拡張吹き出しは保存時にサイトの吹き出し設定を参照します。実サイトで吹き出しを選び直してから確認してください。
<!-- wp:cocoon-blocks/balloon-ex-box {"name":"案内役","balloonStyle":"line","icon":"https://balthasar.xsrv.jp/wp-content/themes/cocoon-master/images/man.png"} -->
<div class="wp-block-cocoon-blocks-balloon-ex-box speech-wrap sb-id-1 sbs-line sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img src="https://balthasar.xsrv.jp/wp-content/themes/cocoon-master/images/man.png" alt="" class="speech-icon-image"/></figure><div class="speech-name">案内役</div></div><div class="speech-balloon"><!-- wp:paragraph -->
<p>春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cocoon-blocks/balloon-ex-box -->sample-00171 / cocoon-blocks/balloon-ex-box 吹き出しスタイル：balloonStyle="think"【コピー用コード】
旧拡張吹き出しは保存時にサイトの吹き出し設定を参照します。実サイトで吹き出しを選び直してから確認してください。
<!-- wp:cocoon-blocks/balloon-ex-box {"name":"案内役","balloonStyle":"think","icon":"https://balthasar.xsrv.jp/wp-content/themes/cocoon-master/images/man.png"} -->
<div class="wp-block-cocoon-blocks-balloon-ex-box speech-wrap sb-id-1 sbs-think sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img src="https://balthasar.xsrv.jp/wp-content/themes/cocoon-master/images/man.png" alt="" class="speech-icon-image"/></figure><div class="speech-name">案内役</div></div><div class="speech-balloon"><!-- wp:paragraph -->
<p>春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cocoon-blocks/balloon-ex-box -->sample-00172 / cocoon-blocks/balloon-ex-box 人物位置：position="l"【コピー用コード】
旧拡張吹き出しは保存時にサイトの吹き出し設定を参照します。実サイトで吹き出しを選び直してから確認してください。
<!-- wp:cocoon-blocks/balloon-ex-box {"name":"案内役","icon":"https://balthasar.xsrv.jp/wp-content/themes/cocoon-master/images/man.png"} -->
<div class="wp-block-cocoon-blocks-balloon-ex-box speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img src="https://balthasar.xsrv.jp/wp-content/themes/cocoon-master/images/man.png" alt="" class="speech-icon-image"/></figure><div class="speech-name">案内役</div></div><div class="speech-balloon"><!-- wp:paragraph -->
<p>春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cocoon-blocks/balloon-ex-box -->sample-00173 / cocoon-blocks/balloon-ex-box 人物位置：position="r"【コピー用コード】
旧拡張吹き出しは保存時にサイトの吹き出し設定を参照します。実サイトで吹き出しを選び直してから確認してください。
<!-- wp:cocoon-blocks/balloon-ex-box {"name":"案内役","position":"r","icon":"https://balthasar.xsrv.jp/wp-content/themes/cocoon-master/images/man.png"} -->
<div class="wp-block-cocoon-blocks-balloon-ex-box speech-wrap sb-id-1 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img src="https://balthasar.xsrv.jp/wp-content/themes/cocoon-master/images/man.png" alt="" class="speech-icon-image"/></figure><div class="speech-name">案内役</div></div><div class="speech-balloon"><!-- wp:paragraph -->
<p>春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cocoon-blocks/balloon-ex-box -->sample-00174 / cocoon-blocks/balloon-ex-box アイコンスタイル：iconstyle="sn"【コピー用コード】
旧拡張吹き出しは保存時にサイトの吹き出し設定を参照します。実サイトで吹き出しを選び直してから確認してください。
<!-- wp:cocoon-blocks/balloon-ex-box {"name":"案内役","iconstyle":"sn","icon":"https://balthasar.xsrv.jp/wp-content/themes/cocoon-master/images/man.png"} -->
<div class="wp-block-cocoon-blocks-balloon-ex-box speech-wrap sb-id-1 sbs-stn sbp-l sbis-sn cf block-box"><div class="speech-person"><figure class="speech-icon"><img src="https://balthasar.xsrv.jp/wp-content/themes/cocoon-master/images/man.png" alt="" class="speech-icon-image"/></figure><div class="speech-name">案内役</div></div><div class="speech-balloon"><!-- wp:paragraph -->
<p>春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cocoon-blocks/balloon-ex-box -->sample-00175 / cocoon-blocks/balloon-ex-box アイコンスタイル：iconstyle="sb"【コピー用コード】
旧拡張吹き出しは保存時にサイトの吹き出し設定を参照します。実サイトで吹き出しを選び直してから確認してください。
<!-- wp:cocoon-blocks/balloon-ex-box {"name":"案内役","iconstyle":"sb","icon":"https://balthasar.xsrv.jp/wp-content/themes/cocoon-master/images/man.png"} -->
<div class="wp-block-cocoon-blocks-balloon-ex-box speech-wrap sb-id-1 sbs-stn sbp-l sbis-sb cf block-box"><div class="speech-person"><figure class="speech-icon"><img src="https://balthasar.xsrv.jp/wp-content/themes/cocoon-master/images/man.png" alt="" class="speech-icon-image"/></figure><div class="speech-name">案内役</div></div><div class="speech-balloon"><!-- wp:paragraph -->
<p>春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cocoon-blocks/balloon-ex-box -->sample-00176 / cocoon-blocks/balloon-ex-box アイコンスタイル：iconstyle="cn"【コピー用コード】
旧拡張吹き出しは保存時にサイトの吹き出し設定を参照します。実サイトで吹き出しを選び直してから確認してください。
<!-- wp:cocoon-blocks/balloon-ex-box {"name":"案内役","iconstyle":"cn","icon":"https://balthasar.xsrv.jp/wp-content/themes/cocoon-master/images/man.png"} -->
<div class="wp-block-cocoon-blocks-balloon-ex-box speech-wrap sb-id-1 sbs-stn sbp-l sbis-cn cf block-box"><div class="speech-person"><figure class="speech-icon"><img src="https://balthasar.xsrv.jp/wp-content/themes/cocoon-master/images/man.png" alt="" class="speech-icon-image"/></figure><div class="speech-name">案内役</div></div><div class="speech-balloon"><!-- wp:paragraph -->
<p>春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cocoon-blocks/balloon-ex-box -->sample-00177 / cocoon-blocks/balloon-ex-box アイコンスタイル：iconstyle="cb"【コピー用コード】
旧拡張吹き出しは保存時にサイトの吹き出し設定を参照します。実サイトで吹き出しを選び直してから確認してください。
<!-- wp:cocoon-blocks/balloon-ex-box {"name":"案内役","icon":"https://balthasar.xsrv.jp/wp-content/themes/cocoon-master/images/man.png"} -->
<div class="wp-block-cocoon-blocks-balloon-ex-box speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img src="https://balthasar.xsrv.jp/wp-content/themes/cocoon-master/images/man.png" alt="" class="speech-icon-image"/></figure><div class="speech-name">案内役</div></div><div class="speech-balloon"><!-- wp:paragraph -->
<p>春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cocoon-blocks/balloon-ex-box -->sample-00178 / cocoon-blocks/balloon-ex-box icon：icon="https://balthasar.xsrv.jp/wp-content/themes/cocoon-master/images/man.png"【コピー用コード】
旧拡張吹き出しは保存時にサイトの吹き出し設定を参照します。実サイトで吹き出しを選び直してから確認してください。
<!-- wp:cocoon-blocks/balloon-ex-box {"name":"案内役","icon":"https://balthasar.xsrv.jp/wp-content/themes/cocoon-master/images/man.png"} -->
<div class="wp-block-cocoon-blocks-balloon-ex-box speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img src="https://balthasar.xsrv.jp/wp-content/themes/cocoon-master/images/man.png" alt="" class="speech-icon-image"/></figure><div class="speech-name">案内役</div></div><div class="speech-balloon"><!-- wp:paragraph -->
<p>春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cocoon-blocks/balloon-ex-box -->sample-00179 / cocoon-blocks/balloon-ex-box icon：icon="https://balthasar.xsrv.jp/wp-content/themes/cocoon-master/images/woman.png"【コピー用コード】
旧拡張吹き出しは保存時にサイトの吹き出し設定を参照します。実サイトで吹き出しを選び直してから確認してください。
<!-- wp:cocoon-blocks/balloon-ex-box {"name":"案内役","icon":"https://balthasar.xsrv.jp/wp-content/themes/cocoon-master/images/woman.png"} -->
<div class="wp-block-cocoon-blocks-balloon-ex-box speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img src="https://balthasar.xsrv.jp/wp-content/themes/cocoon-master/images/woman.png" alt="" class="speech-icon-image"/></figure><div class="speech-name">案内役</div></div><div class="speech-balloon"><!-- wp:paragraph -->
<p>春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cocoon-blocks/balloon-ex-box -->sample-00180 / cocoon-blocks/balloon-ex-box lock：lock={"move":false,"remove":false}【コピー用コード】
旧拡張吹き出しは保存時にサイトの吹き出し設定を参照します。実サイトで吹き出しを選び直してから確認してください。
<!-- wp:cocoon-blocks/balloon-ex-box {"name":"案内役","icon":"https://balthasar.xsrv.jp/wp-content/themes/cocoon-master/images/man.png","lock":{"move":false,"remove":false}} -->
<div class="wp-block-cocoon-blocks-balloon-ex-box speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img src="https://balthasar.xsrv.jp/wp-content/themes/cocoon-master/images/man.png" alt="" class="speech-icon-image"/></figure><div class="speech-name">案内役</div></div><div class="speech-balloon"><!-- wp:paragraph -->
<p>春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cocoon-blocks/balloon-ex-box -->sample-00181 / cocoon-blocks/balloon-ex-box lock：lock={"move":true,"remove":false}【コピー用コード】
旧拡張吹き出しは保存時にサイトの吹き出し設定を参照します。実サイトで吹き出しを選び直してから確認してください。
<!-- wp:cocoon-blocks/balloon-ex-box {"name":"案内役","icon":"https://balthasar.xsrv.jp/wp-content/themes/cocoon-master/images/man.png","lock":{"move":true,"remove":false}} -->
<div class="wp-block-cocoon-blocks-balloon-ex-box speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img src="https://balthasar.xsrv.jp/wp-content/themes/cocoon-master/images/man.png" alt="" class="speech-icon-image"/></figure><div class="speech-name">案内役</div></div><div class="speech-balloon"><!-- wp:paragraph -->
<p>春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cocoon-blocks/balloon-ex-box -->sample-00182 / cocoon-blocks/balloon-ex-box lock：lock={"move":false,"remove":true}【コピー用コード】
旧拡張吹き出しは保存時にサイトの吹き出し設定を参照します。実サイトで吹き出しを選び直してから確認してください。
<!-- wp:cocoon-blocks/balloon-ex-box {"name":"案内役","icon":"https://balthasar.xsrv.jp/wp-content/themes/cocoon-master/images/man.png","lock":{"move":false,"remove":true}} -->
<div class="wp-block-cocoon-blocks-balloon-ex-box speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img src="https://balthasar.xsrv.jp/wp-content/themes/cocoon-master/images/man.png" alt="" class="speech-icon-image"/></figure><div class="speech-name">案内役</div></div><div class="speech-balloon"><!-- wp:paragraph -->
<p>春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cocoon-blocks/balloon-ex-box -->sample-00183 / cocoon-blocks/balloon-ex-box lock：lock={"move":true,"remove":true}【コピー用コード】
旧拡張吹き出しは保存時にサイトの吹き出し設定を参照します。実サイトで吹き出しを選び直してから確認してください。
<!-- wp:cocoon-blocks/balloon-ex-box {"name":"案内役","icon":"https://balthasar.xsrv.jp/wp-content/themes/cocoon-master/images/man.png","lock":{"move":true,"remove":true}} -->
<div class="wp-block-cocoon-blocks-balloon-ex-box speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img src="https://balthasar.xsrv.jp/wp-content/themes/cocoon-master/images/man.png" alt="" class="speech-icon-image"/></figure><div class="speech-name">案内役</div></div><div class="speech-balloon"><!-- wp:paragraph -->
<p>春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cocoon-blocks/balloon-ex-box -->sample-00184 / cocoon-blocks/balloon-ex-box className：className="block-gallery-example"【コピー用コード】
旧拡張吹き出しは保存時にサイトの吹き出し設定を参照します。実サイトで吹き出しを選び直してから確認してください。
<!-- wp:cocoon-blocks/balloon-ex-box {"name":"案内役","icon":"https://balthasar.xsrv.jp/wp-content/themes/cocoon-master/images/man.png","className":"block-gallery-example"} -->
<div class="wp-block-cocoon-blocks-balloon-ex-box speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box block-gallery-example"><div class="speech-person"><figure class="speech-icon"><img src="https://balthasar.xsrv.jp/wp-content/themes/cocoon-master/images/man.png" alt="" class="speech-icon-image"/></figure><div class="speech-name">案内役</div></div><div class="speech-balloon"><!-- wp:paragraph -->
<p>春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cocoon-blocks/balloon-ex-box -->sample-00185 / cocoon-blocks/balloon-ex-box extraBottomMargin：extraBottomMargin=""【コピー用コード】
旧拡張吹き出しは保存時にサイトの吹き出し設定を参照します。実サイトで吹き出しを選び直してから確認してください。
<!-- wp:cocoon-blocks/balloon-ex-box {"name":"案内役","icon":"https://balthasar.xsrv.jp/wp-content/themes/cocoon-master/images/man.png"} -->
<div class="wp-block-cocoon-blocks-balloon-ex-box speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img src="https://balthasar.xsrv.jp/wp-content/themes/cocoon-master/images/man.png" alt="" class="speech-icon-image"/></figure><div class="speech-name">案内役</div></div><div class="speech-balloon"><!-- wp:paragraph -->
<p>春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cocoon-blocks/balloon-ex-box -->sample-00186 / cocoon-blocks/balloon-ex-box extraBottomMargin：extraBottomMargin="0"【コピー用コード】
旧拡張吹き出しは保存時にサイトの吹き出し設定を参照します。実サイトで吹き出しを選び直してから確認してください。
<!-- wp:cocoon-blocks/balloon-ex-box {"name":"案内役","icon":"https://balthasar.xsrv.jp/wp-content/themes/cocoon-master/images/man.png","extraBottomMargin":"0"} -->
<div class="wp-block-cocoon-blocks-balloon-ex-box speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box is-style-bottom-margin-0em has-bottom-margin"><div class="speech-person"><figure class="speech-icon"><img src="https://balthasar.xsrv.jp/wp-content/themes/cocoon-master/images/man.png" alt="" class="speech-icon-image"/></figure><div class="speech-name">案内役</div></div><div class="speech-balloon"><!-- wp:paragraph -->
<p>春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cocoon-blocks/balloon-ex-box -->sample-00187 / cocoon-blocks/balloon-ex-box extraBottomMargin：extraBottomMargin="2"【コピー用コード】
旧拡張吹き出しは保存時にサイトの吹き出し設定を参照します。実サイトで吹き出しを選び直してから確認してください。
<!-- wp:cocoon-blocks/balloon-ex-box {"name":"案内役","icon":"https://balthasar.xsrv.jp/wp-content/themes/cocoon-master/images/man.png","extraBottomMargin":"2"} -->
<div class="wp-block-cocoon-blocks-balloon-ex-box speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box is-style-bottom-margin-2em has-bottom-margin"><div class="speech-person"><figure class="speech-icon"><img src="https://balthasar.xsrv.jp/wp-content/themes/cocoon-master/images/man.png" alt="" class="speech-icon-image"/></figure><div class="speech-name">案内役</div></div><div class="speech-balloon"><!-- wp:paragraph -->
<p>春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cocoon-blocks/balloon-ex-box -->sample-00188 / cocoon-blocks/balloon-ex-box extraBottomMargin：extraBottomMargin="10"【コピー用コード】
旧拡張吹き出しは保存時にサイトの吹き出し設定を参照します。実サイトで吹き出しを選び直してから確認してください。
<!-- wp:cocoon-blocks/balloon-ex-box {"name":"案内役","icon":"https://balthasar.xsrv.jp/wp-content/themes/cocoon-master/images/man.png","extraBottomMargin":"10"} -->
<div class="wp-block-cocoon-blocks-balloon-ex-box speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box is-style-bottom-margin-10em has-bottom-margin"><div class="speech-person"><figure class="speech-icon"><img src="https://balthasar.xsrv.jp/wp-content/themes/cocoon-master/images/man.png" alt="" class="speech-icon-image"/></figure><div class="speech-name">案内役</div></div><div class="speech-balloon"><!-- wp:paragraph -->
<p>春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cocoon-blocks/balloon-ex-box -->sample-00189 / cocoon-blocks/balloon-ex-box extraBottomMargin：extraBottomMargin="20"【コピー用コード】
旧拡張吹き出しは保存時にサイトの吹き出し設定を参照します。実サイトで吹き出しを選び直してから確認してください。
<!-- wp:cocoon-blocks/balloon-ex-box {"name":"案内役","icon":"https://balthasar.xsrv.jp/wp-content/themes/cocoon-master/images/man.png","extraBottomMargin":"20"} -->
<div class="wp-block-cocoon-blocks-balloon-ex-box speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box is-style-bottom-margin-20em has-bottom-margin"><div class="speech-person"><figure class="speech-icon"><img src="https://balthasar.xsrv.jp/wp-content/themes/cocoon-master/images/man.png" alt="" class="speech-icon-image"/></figure><div class="speech-name">案内役</div></div><div class="speech-balloon"><!-- wp:paragraph -->
<p>春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cocoon-blocks/balloon-ex-box -->