TwitterにトップページのURLを貼ったらCocoonの画像が出てきた…ということはないでしょうか?
Cocoonでは下記の画像がデフォルトで設定されているため、
他の画像を表示したい場合は画像を変更する必要があります。

この記事では、下記の方法でCocoonのトップページのサムネイルを変更する方法をご紹介します!
- 「Cocoon設定」の「OGP」でトップページのサムネイルを変更する

しゅんご
簡単に変更できるので、ぜひ試してみてください!
cocoonのトップページのサムネイルを変更する方法
「Cocoon設定」の「OGP」タブを開く
まず、「Cocoon設定」 => 「OGP」をクリックします。

ホームイメージを変更する
下までスクロールすると、ホームイメージという項目があります。
デフォルトではCocoonの画像が設定されています。
このホームイメージの画像を変更することで、トップページのサムネイルを変更することができます。

選択を押して、表示したい画像を選択しましょう!
本ブログではプロフィール画像を設定しました。

画像の変更前と変更後
ホームイメージの変更前後です。
OGPのホームイメージを変更することで、トップページのサムネイルを変更することができました!
変更前 | ![]() |
変更後 | ![]() |
まとめ
トップページのサムネイルは下記の方法で変更できます!
- 「Cocoon設定」の「OGP」のホームイメージを変更する
コメント