【画像が表示されない？】Cocoon吹き出し機能の設定方法、使い方を解説

2023年9月15日

「Cocoonの吹き出しの画像が出ない」とお困りの方もいらっしゃるのではないでしょうか。今回、Cocoomの吹き出し機能の設定方法、使い方を画像付きで分かりやすく解説していきます。

kima

SAMPLEの男性はどこ？

Cocoonで吹き出しのサンプル画像が表示されない時の対処法

Cocoonで吹き出しのサンプル画像が表示されないのはアイコン画像のURLが異なるからです。

アイコン画像のパスを変更すると表示できます。

Cocoonの吹き出しは画像を入れなくても使えますが、見栄えがいまいちです。

まずは画像をアップロードしましょう。

STEP

Cocoon設定の吹き出しをクリック

STEP

新規追加をクリック

※サンプルが出ますが、画像が表示されません。（2022年3月時点）

STEP

吹き出しの設定

タイトルと名前の違いは？: タイトルは投稿者向けの表示、名前は読者向けの表示です。具体的な違いは以下の通りです。

タイトル名前
記事表示されない表示される
記事投稿画面吹き出し選択時に表示される表示されない
吹き出し設定の検索表示される表示されない

設定が終わったら投稿画面を開いて実際に使ってみましょう。

STEP

STEP

表示されない場合、「吹き出しで検索」もしくは「すべて表示」から吹き出しを選択します。

STEP

表示されない場合、右上のをクリックします。

STEP

位置やスタイルなどは適宜変更可能です。

【PR】サービスを探す

無料だといらすとや、有料だとココナラなどで発注するのが定番です。

Canvaなど無料でも使えるグラフィックデザインツールで自作するのも良いでしょう。

今回は以上です。