吹き出しコードのサンプル

左　アイコン名あり

★内容★

<div class="kaiwa">
  <figure class="kaiwa-img-left">
    <img src="/fukidashi/★画像ファイル名★.png" alt="アイコン">
    <figcaption class="kaiwa-img-description">★名前★</figcaption>
  </figure>
  <div class="kaiwa-text-right">
    <p class="kaiwa-text">★内容★</p>
  </div>
</div>

左　アイコン名なし

★内容★

<div class="kaiwa">
  <figure class="kaiwa-img-left">
    <img src="/fukidashi/★画像ファイル名★.png" alt="アイコン">
  </figure>
  <div class="kaiwa-text-right">
    <p class="kaiwa-text">★内容★</p>
  </div>
</div>

右　アイコン名あり

★内容★

<div class="kaiwa">
  <figure class="kaiwa-img-right">
    <img src="/fukidashi/★画像ファイル名★.png" alt="アイコン">
    <figcaption class="kaiwa-img-description">★名前★</figcaption>
  </figure>
  <div class="kaiwa-text-left">
    <p class="kaiwa-text">★内容★</p>
  </div>
</div>

右　アイコン名なし

★内容★

<div class="kaiwa">
  <figure class="kaiwa-img-right">
    <img src="/fukidashi/★画像ファイル名★.png" alt="アイコン">
  </figure>
  <div class="kaiwa-text-left">
    <p class="kaiwa-text">★内容★</p>
  </div>
</div>

左右　アイコン名あり

★左内容★

★セルの幅指定がないのでセリフの長さが吹き出しの幅に反映★

<!-- wp:html -->
<table class="wp-block-table is-style-regular" style="border-style: solid; border-color: #ffffff;">
<tbody><tr><td>
  <div class="kaiwa">
    <figure class="kaiwa-img-left">
      <img src="/fukidashi/★左画像ファイル名★.png" alt="アイコン">
      <figcaption class="kaiwa-img-description">★左名前★</figcaption>
    </figure>
    <div class="kaiwa-text-right">
      <p class="kaiwa-text">★左内容★</p>
    </div>
  </div>
</td><td>
  <div class="kaiwa">
    <figure class="kaiwa-img-right">
      <img src="/fukidashi/★右画像ファイル名★.png" alt="アイコン">
      <figcaption class="kaiwa-img-description">★右名前★</figcaption>
    </figure>
    <div class="kaiwa-text-left">
      <p class="kaiwa-text">★右内容★</p>
    </div>
  </div>
</td></tr></tbody></table>
<!-- /wp:html -->

左右　アイコン名あり　幅固定

★左内容★

★幅固定なので左右の長さが均等★

<!-- wp:html -->
<table class="wp-block-table has-fixed-layout is-style-regular" style="border-style: solid; border-color: #ffffff;">
<tbody><tr><td>
  <div class="kaiwa">
    <figure class="kaiwa-img-left">
      <img src="/fukidashi/★左画像ファイル名★.png" alt="アイコン">
      <figcaption class="kaiwa-img-description">★左名前★</figcaption>
    </figure>
    <div class="kaiwa-text-right">
      <p class="kaiwa-text">★左内容★</p>
    </div>
  </div>
</td><td>
  <div class="kaiwa">
    <figure class="kaiwa-img-right">
      <img src="/fukidashi/★右画像ファイル名★.png" alt="アイコン">
      <figcaption class="kaiwa-img-description">★右名前★</figcaption>
    </figure>
    <div class="kaiwa-text-left">
      <p class="kaiwa-text">★右内容★</p>
    </div>
  </div>
</td></tr></tbody></table>
<!-- /wp:html -->

アイコン画像一覧

男の子


boy_01	boy_02	boy_03	boy_04

boy_05	boy_06	boy_07	boy_08

boy_09	boy_10	boy_11	boy_12

女の子


girl_13	girl_14	girl_15	girl_16

girl_17	girl_18	girl_19	girl_20

girl_21	girl_22	girl_23	girl_24

若い男性


youngman_25	youngman_26	youngman_27	youngman_28

youngman_29	youngman_30	youngman_31	youngman_32

youngman_33	youngman_34	youngman_35	youngman_36

若い女性


youngwoman_37	youngwoman_38	youngwoman_39	youngwoman_40

youngwoman_41	youngwoman_42	youngwoman_43	youngwoman_44

youngwoman_45	youngwoman_46	youngwoman_47	youngwoman_48

中年男性


man_49	man_50	man_51	man_52

man_53	man_54	man_55	man_56

man_57	man_58	man_59	man_60

中年女性


woman_61	woman_62	woman_63	woman_64

woman_65	woman_66	woman_67	woman_68

woman_69	woman_70	woman_71	woman_72

おじいさん


oldman_73	oldman_74	oldman_75	oldman_76

oldman_77	oldman_78	oldman_79	oldman_80

oldman_81	oldman_82	oldman_83	oldman_84

おばあさん


oldwoman_85	oldwoman_86	oldwoman_87	oldwoman_88

oldwoman_89	oldwoman_90	oldwoman_91	oldwoman_92

oldwoman_93	oldwoman_94	oldwoman_95	oldwoman_96

スーツ姿の男性


business_man01	business_man02	business_man03	business_man04

business_man05	business_man06	business_man07	business_man08

business_man09	business_man10	business_man11	business_man12

business_man13	business_man14	business_man15	business_man16

スーツ姿の女性


business_woman01	business_woman02	business_woman03	business_woman04

business_woman05	business_woman06	business_woman07	business_woman08

business_woman09	business_woman10	business_woman11	business_woman12

business_woman13	business_woman14	business_woman15	business_woman16

白衣姿の男性


medical_man01	medical_man02	medical_man03	medical_man04

medical_man05	medical_man06	medical_man07	medical_man08

medical_man09	medical_man10	medical_man11	medical_man12

medical_man13	medical_man14	medical_man15	medical_man16

白衣姿の女性


medical_woman01	medical_woman02	medical_woman03	medical_woman04

medical_woman05	medical_woman06	medical_woman07	medical_woman08

medical_woman09	medical_woman10	medical_woman11	medical_woman12

medical_woman13	medical_woman14	medical_woman15	medical_woman16