【Cocoon】はじめての吹き出し設定ガイド

1. アイコンを準備する

• 写真やイラストを用意（正方形がいい）
  
• サイズは512pxくらいあれば十分
  
• PNG形式（背景が透明だときれい）
  

👉 これで吹き出しに使うアイコンの準備OKです。

---

2. Cocoonに登録する

1. 管理画面から Cocoon設定 → 吹き出し をクリック
   
2. 新規追加 を押す
   
3. 名前を入力（例：ネリネ／ソラベア）
   
4. アイコン画像を選ぶ
   
5. 形（丸や四角）と、左右どちらに出すかを選ぶ
   
6. 保存！
   

👉 これで記事に呼び出せるようになります。

---

3. 記事に入れてみる

1. 記事編集画面で ＋ → Cocoonブロック → 吹き出し
   
2. 登録したキャラ（ネリネ／ソラベア）を選ぶ
   
3. 短いセリフを入力
   

👉 実際の記事に会話が表示されます。

---

4. よくあるつまずき

• アイコンがぼやける → 大きめ画像を用意しよう
  
• 左右が逆 → ブロック右側で簡単に切り替えられる
  
• 色が合わない → 最初はデフォルトのままでOK
  

---

5. まとめ

• アイコンを用意する
  
• Cocoonで登録する
  
• 記事で呼び出す
  

👉 この3ステップで吹き出しは完成です。