【Cocoon（コクーン）】会話吹き出し機能の使い方【初心者向け】

Cocoon（コクーン）の会話吹き出し作成方法

会話吹き出しはCocoonブロックの「吹き出し」で簡単に作成できます。

会話吹き出しのスタイル設定

①：人物	登録リストから人物を選択可能
②：吹き出しスタイル	４種類から選択可能
③：人物位置	人物の位置を左右選択可能
④：アイコンスタイル	４種類から選択可能

①：人物の設定

人物リストから好きな人物アイコンを選択できます。

実際の表示は下のようになります。

アイコン下の名前は好きな名前を設定できます。

用意したアイコン画像をアップロードして表示する方法

アイコン画像をクリックするとアップロード画面が表示されるので、そこからアップロードして自分で用意した画像を表示させることができます。

【アップロード画面】

【実際に自分の用意したアイコンを表示した例】

登録リストのアイコンを変更する方法

「Cocoon設定」→「吹き出し」から自分の用意したアイコン画像をアップロード。

②の入力欄に入力して③の保存でOKです。

一覧に用意したアイコンが表示されます。

また、記事挿入時のリストにも追加されるので簡単に選択可能です。

②：吹き出しスタイルの変更

吹き出しスタイルは「デフォルト」「フラット」「LINE風」「考え事」の４種類に変更可能です。

【吹き出しスタイルの実際表示】

③：人物位置の変更

アイコンの位置を左右で変更可能です。

④：アイコンスタイルの変更

アイコンスタイルは４種類から選択可能です。

• 丸（枠線あり）
• 四角（枠線なし）
• 四角（枠線あり）
• 丸（枠線なし）

【実際の表示例】

会話吹き出しの色設定

吹き出しの「背景色」「文字色」「ボーダー色」を変更できます。

【色設定・実際の表示例】

Cocoon（コクーン）の会話吹き出しの実際表示をCocoonで作成したサンプルサイトで確認可能です。

→　Cocoon（コクーン）の会話吹き出し表示一覧

アイコン画像を用意する方法

アイコン画像を用意するには次のような方法があります。

• 無料のイラスト素材サイトを利用する
• 有料でオリジナルアイコン画像を作成してもらう
• 自分で作成する

①　無料のイラスト素材サイトを利用する

プロフィール用画像を用意する一番簡単な方法は無料のイラスト素材サイトなどを利用することです。

お勧めの無料イラスト素材サイトをご紹介します。

②　有料でオリジナルアイコン画像を作成してもらう

また、有料になってしまいますがオリジナルのアイコン画像を作成してもらうのもお勧めです。

私の場合、オリジナルのアイコン画像というだけでブログ作成のモチベーションアップにも繋がっています。

オリジナルのアイコン画像は「ココナラ」でイラストレーターさんに依頼して作成してもらうのがお勧めです。

私も「ココナラ」でプロフィール用のアイコン画像を作成してもらいました。

③　自分で作成する

イラストレーターなどを使える方なら自分でアイコン画像を作成することも可能です。

また、現在ではAIによる画像作成がとても簡単にできる時代になりました。

AI画像作成サイトやアプリなどで自分のアイコンを作成することも可能ですが、AIによる画像作成に関しては著作権の問題で今後どのような扱いになるのか不透明なところがあります。

AIによって作成したアイコン画像を考え無しに使用するのは現時点でお勧めしないと考えています。

オリジナルのアイコン画像を使用したい場合はイラストレーターなどで完全に自作するか、ココナラなどでイラストレーターさんに依頼するのをお勧めします。

「ココナラ」でアイコン画像を作成してもらう手順

「ココナラ」でアイコン画像を作成する手順についてはこちらの別記事をご覧になってください。

以上、Cocoon（コクーン）で会話吹き出しを作成する方法になります。

ブログの記事を書くのにAIライティングツールを利用すると効率を上げることができます。

現在は多くのAIライティングツールがあります。

そのほとんどが無料お試しでの利用が可能です。

お試し期間が限定のツールもありますが、中には機能制限はありますがずっと無料で利用できるツールもあります。

無料お試しがずっと可能なAIライティングツールをまとめてみたので、是非試してみてください。

\\ 無料お試し利用がずっと可能なAIライティングツール//

Cocoon：記事一覧

• Cocoon（コクーン）の特徴を徹底解説！-初心者向け-

　Cocoonの設定関係

• 「Cocoon（コクーン）」のインストール方法：初心者向け簡単ガイド
• Cocoon（コクーン）：お勧めのプラグインとお勧めしないプラグイン
• Cocoon（コクーン）：Googleサーチコンソールへの登録方法
• Cocoon（コクーン）：グーグルアナリティクスを導入する方法
• Cocoon（コクーン）のステマ規制対策

　Cocoonの使い方

• Cocoon（コクーン）でプロフィールを設定する方法
• Cocoon（コクーン）の見出し作成と実際表示（初心者向け）
• 【初心者向け】Cocoon（コクーン）の使い方【画像挿入編】
• Cocoon（コクーン）で可能な文字装飾まとめ【初心者向け】
• Cocoon（コクーン）でFAQ風の記事を作成する方法
• 【Cocoon（コクーン）】会話吹き出し機能の使い方【初心者向け】
• Cocoon（コクーン）でランキングを作成する方法【初心者向け】
• Cocoon（コクーン）のボックス機能の使い方【初心者向け】

　Cocoonのデザインカスタマイズ

• Cocoon（コクーン）：スキンって何のこと？スキンの設定画面についてスッキリ理解！
• Cocoon（コクーン）：ヘッダーメニューの位置を変更する方法
• Cocoon（コクーン）：メニューを作成する方法
• Cocoon（コクーン）：カテゴリーの作成と並べ替えをする方法