以前、Cocoonブロックという投稿をしましたが、この投稿でそのブロックの中の「吹き出し」にチャレンジします。
使い方は次のサイトを参考にさせていただきました。
![](https://kenjineer0224.com/wp-content/uploads/2020/05/サムネイル-1-1.jpg)
【Cocoon】吹き出しの基本的な使い方/右に変更など【設定方法】
cocoon使用者向けい吹き出しの基本的な使い方(設定方法)をやさしく解説します。画像の準備から設定方法、実際の投稿画面での使い方まで画像を見ながら順を追ってわかるようになっています。簡単にあなた好みの吹き出しにカスタマイズできますよ
次の順で作業しました。
- 吹き出し用画像の準備
- 吹き出しの設定
- ブロックエディタで吹き出しを出す
画像は、次のサイトのイラストを使わせていただくことにしました。
![](https://jp.static.ac-illust.com/main/imgs/open_grap.png)
無料イラスト・フリー素材なら「イラストAC」
イラストACは、無料でおしゃれなかわいい季節のイベント・人物・動物・フレーム・子供などのイラストがAI・JPEG・PNGでダウンロードできる素材サイトです。
そして、管理画面での設定→ブロックエディタ→吹き出しブロック と進み、次のようになりました。
![](https://shinjou.info/wp-content/uploads/2021/03/gm-1-150x150.png)
初めての吹き出しです
おばあさんだから↑の画像を選びました