![](https://english-from-50-blog.com/wp-content/uploads/2022/02/FA95EDB6-8683-4650-B0E2-5DD82CC82188-e1645967522781.png)
今回は吹き出しの設定に挑戦。
さっそく「【Cocoon】リンクの下線を消す方法」で使ってみました。
それでは設定をして使ってみましょう。
吹き出しの設定手順
- 吹き出しに使う自分のアイコン画像を用意する。
- 自分のアイコンを使って吹き出しの設定
- 吹き出しの設定ができた後の使い方
※私は自分でアイコンはココナラで「いちとも@2ヶ月で夢を叶えた人」のいちともさんに作成していただきました。丁寧に仕上げてくれます。オススメです。
自分のアイコンが出来上がったら、ダッシュボードの左側、コクーンマークにカーソル。
その中の「吹き出し」を押します。
![](https://english-from-50-blog.com/wp-content/uploads/2021/07/38203813-4C58-4762-87DF-F3BB7D7FEFB7.jpeg)
左側上部の「新規作成」を押します。➡︎ 「吹き出し用の設定です」の画面になります。
![](https://english-from-50-blog.com/wp-content/uploads/2021/07/4101768D-D5EF-44E8-B065-A41851FAFB13.jpeg)
![](https://english-from-50-blog.com/wp-content/uploads/2021/07/2DDA11D5-F22E-422C-9156-6D74764B8D87.jpeg)
上から「タイトル」「名前」「アイコン画像」・・・と出てきますので、順番に記入していきます。
「タイトル」→ 使いたいアイコンを検索したりするときに使われます。
自分がわかればいいのでどんなタイトルでも大丈夫。それで検索します。
ただ、検索順位はあいうえお順のようなので、例えば「わかば」になると下の方に出てきます。
たくさん作ると私の名前「むぎこ」も下の方に出てくることになります。
なので私は あ「むぎこ」としています。(あ行で出てくる。)
「名前」→ アイコンの下に出てくる名前です。
「アイコン画像」→ 作成したアイコンです。
「吹き出しスタイル」→ 好きなかたちのものを選択します。
「人物位置」→ アイコンが出てくる位置です。右か左か。
「アイコンスタイル」→ アイコンが入る形です。丸か四角か。
「TinyMCE」→ のエディターのリストに表示にチェックを入れる。
これで保存します。
![](https://english-from-50-blog.com/wp-content/uploads/2021/07/D33B0573-24BE-47DF-82E5-1063D00C5C3E.jpeg)
最初の「吹き出し一覧」の画面に自分のアイコンが出てきます。
![](https://english-from-50-blog.com/wp-content/uploads/2021/07/26C6D551-11A0-4FF2-94C2-AAB771871034.jpeg)
さっそく吹き出しを使ってみましょう
投稿画面の上部またはブロックを選択して出てくる右横の➕を押します。
![](https://english-from-50-blog.com/wp-content/uploads/2021/07/3092F683-96EF-4196-B6A4-0D9E64827528-1.jpeg)
「全て表示」で全部表示させて「cocoonブロック」の中の「吹き出し」を押します。
(下の方にあるので、ずーっとスライドして下へさがってください。)
![](https://english-from-50-blog.com/wp-content/uploads/2021/07/16A67884-1C27-4037-8CF3-A2D82FAD03FC.jpeg)
サンプルの男の子が出てきます。
![](https://english-from-50-blog.com/wp-content/uploads/2021/07/34911029-43D2-4F04-8D9D-37FBD984682D.jpeg)
サンプルの男の子が入っているブロック(青い枠)を表示させて、右上の歯車マークを押すと吹き出しの「スタイル設定」というのが右側に出てくるので、ここでいろいろと設定していきます。
![](https://english-from-50-blog.com/wp-content/uploads/2021/07/F2641BFC-CC17-4CC6-AE6D-67061E7ED217.jpeg)
あとは吹き出しの中に文字を入れるだけです。
あまり長い文字は入れない方がいいみたいですね。
自分で使いたいアイコンを作成して、時々自分にお話をさせると、全体が柔らかい感じになりますね。
みなさんも挑戦してみてください。
コメント