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

左 アイコン名あり

アイコン
★名前★

★内容★

<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_01boy_02boy_03boy_04
boy_05boy_06boy_07boy_08
boy_09boy_10boy_11boy_12

女の子

girl_13girl_14girl_15girl_16
girl_17girl_18girl_19girl_20
girl_21girl_22girl_23girl_24

若い男性

youngman_25youngman_26youngman_27youngman_28
youngman_29youngman_30youngman_31youngman_32
youngman_33youngman_34youngman_35youngman_36

若い女性

youngwoman_37youngwoman_38youngwoman_39youngwoman_40
youngwoman_41youngwoman_42youngwoman_43youngwoman_44
youngwoman_45youngwoman_46youngwoman_47youngwoman_48

中年男性

man_49man_50man_51man_52
man_53man_54man_55man_56
man_57man_58man_59man_60

中年女性

woman_61woman_62woman_63woman_64
woman_65woman_66woman_67woman_68
woman_69woman_70woman_71woman_72

おじいさん

oldman_73oldman_74oldman_75oldman_76
oldman_77oldman_78oldman_79oldman_80
oldman_81oldman_82oldman_83oldman_84

おばあさん

oldwoman_85oldwoman_86oldwoman_87oldwoman_88
oldwoman_89oldwoman_90oldwoman_91oldwoman_92
oldwoman_93oldwoman_94oldwoman_95oldwoman_96

スーツ姿の男性

business_man01business_man02business_man03business_man04
business_man05business_man06business_man07business_man08
business_man09business_man10business_man11business_man12
business_man13business_man14business_man15business_man16

スーツ姿の女性

business_woman01business_woman02business_woman03business_woman04
business_woman05business_woman06business_woman07business_woman08
business_woman09business_woman10business_woman11business_woman12
business_woman13business_woman14business_woman15business_woman16

白衣姿の男性

medical_man01medical_man02medical_man03medical_man04
medical_man05medical_man06medical_man07medical_man08
medical_man09medical_man10medical_man11medical_man12
medical_man13medical_man14medical_man15medical_man16

白衣姿の女性

medical_woman01medical_woman02medical_woman03medical_woman04
medical_woman05medical_woman06medical_woman07medical_woman08
medical_woman09medical_woman10medical_woman11medical_woman12
medical_woman13medical_woman14medical_woman15medical_woman16

動物

animal_arupakaanimal_butaanimal_hamsteranimal_hiyoko
animal_inuanimal_kumaanimal_mitsubachianimal_neko
animal_pandaanimal_penguinanimal_usagiothers_08

モンスター

monster01monster02monster03monster04
monster05monster06monster07monster08
monster09monster10monster11monster12