「Cocoonブロック」の吹き出し

以前、Cocoonブロックという投稿をしましたが、この投稿でそのブロックの中の「吹き出し」にチャレンジします。

使い方は次のサイトを参考にさせていただきました。

【Cocoon】吹き出しの基本的な使い方/右に変更など【設定方法】
cocoon使用者向けい吹き出しの基本的な使い方(設定方法)をやさしく解説します。画像の準備から設定方法、実際の投稿画面での使い方まで画像を見ながら順を追ってわかるようになっています。簡単にあなた好みの吹き出しにカスタマイズできますよ

次の順で作業しました。

  • 吹き出し用画像の準備
  • 吹き出しの設定
  • ブロックエディタで吹き出しを出す

画像は、次のサイトのイラストを使わせていただくことにしました。

無料イラストなら「イラストAC」
おしゃれでかわいい無料イラスト・人物・フレーム・動物・年賀状などの素材がフリー。AI・EPSやJPEG・PNG形式の画像も無料でダウンロードOK!商用利用、編集もOKなイラストAC。

そして、管理画面での設定ブロックエディタ吹き出しブロック と進み、次のようになりました。

初めての吹き出しです

おばあさんだから↑の画像を選びました

タイトルとURLをコピーしました