この記事には広告が含まれています。

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

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

この記事がお勧めな方

  • Cocoon(コクーン)会話吹き出し機能の使い方を知りたい方
  • Cocoon(コクーン)の会話吹き出しがどんな感じか知りたい方

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

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

Cocoonブロックの「吹き出し」
Cocoonのスタイル設定
①:人物登録リストから人物を選択可能
②:吹き出しスタイル4種類から選択可能
③:人物位置人物の位置を左右選択可能
④:アイコンスタイル4種類から選択可能

①:人物の設定

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

Cocoonのスタイル設定

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

Cocoonの会話吹き出し表示例

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

Cocoonの会話吹き出し、アイコンキャラ名の変更

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

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

Cocoonの会話吹き出し、アイコン変更

【アップロード画面】

アイコンアップロード画面

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

用意したアイコンをアップロードした例

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

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

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

「Cocoon設定」→「吹き出し」

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

「Cocoon設定」→「吹き出し」

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

Cocoon会話吹き出しの人物アイコンリスト

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

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

Cocoonのスタイル設定

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

Cocoonの会話吹き出し、スタイル一覧

③:人物位置の変更

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

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

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

  • 丸(枠線あり)
  • 四角(枠線なし)
  • 四角(枠線あり)
  • 丸(枠線なし)
Cocoonのアイコンスタイル

【実際の表示例】

Cocoonのアイコンスタイル一覧

会話吹き出しの色設定

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

Cocoonの会話吹き出し、色設定

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

Cocoonの会話吹き出し、色設定の実際表示例

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

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

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

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

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

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

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

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

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

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

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

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

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

「ココナラ」でアイコンを作成してもらう流れについてはこちらの記事をご覧になってください。

関連記事

③ 自分で作成する

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

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

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

AIによって作成したアイコン画像を使用する際は著作権について注意するようにしましょう。

AI画像の著作権について文化庁の見解・参考資料を確認することができます。

いくつか参考になるような項目をまとめておきます。

  • AI画像もAIを利用せずに絵を描いた場合と同様の著作権が適応される
  • AI生成物が既存の著作物と「類似性」と「依拠性」が認められる場合はNG,
  • 「類似性」と「依拠性」が認められる場合でも権利者から許可があればOK
  • 私的鑑賞での生成物はOK
  • 授業目的の複製はOK

何か難しくてAI画像の利用に不安を感じるかもしれないですね。

しかし、AI画像の利用がどんどん一般化しています。

著作権に注意しながらAI画像を積極的に利用していく時代になったと感じています。

AI画像生成ってどうやってやるの?

という方もいると思います。

有名な画像生成AIサービスとしては「Stable Diffusion (ステーブル・ディフュージョン)」を挙げることができます。

Stable Diffusion (ステーブル・ディフュージョン)は無料で利用できますが、始め方や使い方の面で初心者には少しハードルが高い感じです。

そこでもっと初心者にも使いやすくした多くツールが有料で提供されています。

初心者はそちらを利用するほうがお勧めです。

例えば、次のようなツールです。

→ ブラウザだけでできる 本格的なAI画像生成 【ConoHa AI Canvas】

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

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

ハムタ
ハムタ
パパくま
パパくま

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

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

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

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

関連記事

Cocoon:記事一覧

Cocoon(コクーン)の特徴を徹底解説!-初心者向け-

2024/9/28  

この記事では無料テーマ「Cocoon(コクーン)」の特徴について初心者向け解説しています。 また、別記事でCocoon(コクーン)の使い方やカスタマイズ方法についても解説していますので、参考にしてみて ...

     Cocoonの設定関係

    お勧めWordPress無料テーマ「Cocoon(コクーン)」のインストール方法
    Cocoon(コクーン)のインストール方法:初心者向け簡単ガイド

    2024/12/30    

    この記事では人気の無料テーマCocoon(コクーン)をインストールして使えるようにする方法を初心者向けに解説しています。 Cocoon(コクーン)をインストールする前の準備 この記事をご覧になっている ...

    Cocoon(コクーン):お勧めのプラグインとお勧めしないプラグイン
    Cocoon(コクーン):お勧めのプラグインとお勧めしないプラグイン

    2024/7/19    

    この記事がお勧めな方 Cocoon(コクーン)に最初に導入すべきプラグインを知りたい方 Cocoonと相性の悪いプラグインを知りたい方 Cocoonにお勧めのプラグイン Cocoon(コクーン)にお勧 ...

    Cocoon(コクーン):グーグルアナリティクスを導入する方法
    Cocoon(コクーン):グーグルアナリティクスを導入する方法

    2024/7/19    

    この記事ではWordPressテーマ「Cocoon(コクーン)」を利用している方向けにグーグルアナリティクスを導入する方法を解説しています。 グーグルアナリティクスを導入する手順 Googleアカウン ...

    Cocoon(コクーン)のステマ規制対策
    Cocoon(コクーン)のステマ規制対策

    2024/7/19    

    この記事ではCocoon(コクーン)のステマ規制対策について初心者向け解説しています。 ステマ規制とは2023年10月から開始された「ステルスマーケティング」に対する景品表示法による規制です。 この規 ...

       Cocoonの使い方

      Cocoonの使い方
      Coccon(コクーン)の使い方-初心者に解りやすく解説-

      2024/7/19    

      この記事では、Coccon(コクーン)の使い方について初心者向け解説しています。 見出しの作成方法 記事作成の基本である「見出し」の作成方法について解説しています。 基本的な記事作成機能 基本的な記事 ...

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

      Cocoonカスタマイズ
      Coccon(コクーン)のカスタマイズ方法-初心者に解りやすく解説-

      2024/7/19    

      この記事ではCoccon(コクーン)のカスタマイズ方法について初心者向け解説しています。 全体設定 メニューの作成方法 カテゴリーの作成と並び替えをする方法 ヘッダーカスタマイズ ヘッダーメニューの位 ...