Cocoonで本文の最初の画像をアイキャッチにする方法|自動設定の使い方

当サイトでは、商品やサービスをご紹介する記事に、アフィリエイト広告を利用しています。
記事内のテキストや写真などから、商品・サービスの詳細ページへご案内する場合があります。
ご購入・ご利用の際は、リンク先の公式サイトで内容をご確認のうえ、ご自身の判断でお願いいたします。

WordPressで記事を書いていると、

「アイキャッチを設定するのを忘れてしまった」
「本文には画像を入れているけど、アイキャッチまで毎回設定するのは面倒」

と思うことがあります。

Cocoonには、そんなときに便利な**「アイキャッチの自動設定」**という機能があります。

この機能を使うと、記事本文に入れた最初の画像を、自動的にアイキャッチとして設定できます。

Cocoonの「アイキャッチの自動設定」とは?

Cocoonの「アイキャッチの自動設定」は、記事を保存・公開するときに、本文中で最初に使用した画像をアイキャッチに設定する機能です。

例えば、記事本文に画像を3枚入れたとします。

  • 1枚目 → 商品の写真
  • 2枚目 → 使用方法の写真
  • 3枚目 → 関連する写真

この場合、最初に入れた1枚目の画像がアイキャッチとして設定されます。

自分でアイキャッチを設定するのを忘れていても、最初の画像を自動的に使ってくれるので便利です。

設定方法

WordPressの管理画面から、

Cocoon設定 → 画像

を開きます。

その中に、

「アイキャッチの自動設定」

という項目があります。

ここにある、

「アイキャッチ自動設定を有効にする」

にチェックを入れます。

設定したら、

「変更をまとめて保存」

をクリックします。

これで設定は完了です。

実際にはどうなる?

設定を有効にすると、記事を保存したり公開したりするときに、本文中で最初に出てくる画像がアイキャッチとして設定されます。

例えば、

記事タイトル

「初心者向けのおすすめ商品を紹介」

↓

本文

「今回はこの商品を紹介します。」

↓

🖼️ 商品画像

↓

「実際に使ってみました。」

↓

🖼️ 使用中の画像

という記事なら、最初の商品画像がアイキャッチになります。

「タイトルからアイキャッチを生成」とは違う

Cocoonには、今回紹介した機能とは別に、

「タイトルからアイキャッチを生成」

という機能もあります。

こちらは、記事タイトルを利用してアイキャッチ画像を生成する機能です。

2つは似ているようで、仕組みが違います。

本文の最初の画像をアイキャッチにする

本文に入れた画像を、そのままアイキャッチとして使う

タイトルからアイキャッチを生成する

記事タイトルを利用して、アイキャッチ画像を生成する

自分で撮った写真や商品の画像を使いたい場合は、本文の最初の画像をアイキャッチにする方法が便利です。

一方、アイキャッチ用の画像を用意していない場合は、タイトルから生成する方法もあります。

こんなときに便利

「アイキャッチを毎回設定するのを忘れてしまう」

という人には、この自動設定が便利です。

特に、本文に画像を必ず入れるブログなら、最初の画像をアイキャッチとして使うことで、記事作成の手間を減らせます。

注意したいこと

この機能では、本文の最初の画像がアイキャッチになります。

そのため、

「最初の画像はアイキャッチにしたくない」

という場合には注意が必要です。

例えば、記事の最初に小さな説明用画像やスクリーンショットを入れていると、その画像がアイキャッチになる可能性があります。

アイキャッチにしたい画像を本文の最初に置くなど、画像を入れる順番を意識するとよさそうです。

まとめ

Cocoonには、本文中で最初に使用した画像を自動的にアイキャッチに設定する機能があります。

設定は、

Cocoon設定 → 画像 → アイキャッチの自動設定

から簡単にできます。

毎回アイキャッチを設定するのが面倒な人や、本文に使っている画像をそのままアイキャッチにしたい人は、一度試してみると便利です。

Cocoonにはアイキャッチに関する機能がいくつかあるので、自分のブログの作り方に合った方法を選んでみてください。

Cocoonには、本文の最初の画像を使う方法とは別に、記事タイトルからアイキャッチ画像を生成する機能もあります。

詳しい使い方はこちらの記事で紹介しています。

👉 Cocoonでタイトルからアイキャッチを生成する方法|初心者でも簡単

タイトルとURLをコピーしました