Cocoonでカテゴリごとの「No Image」を設定する方法

WordPress（Cocoon）でカテゴリごとの「No Image」を設定する方法【プラグインなし】

「アイキャッチを用意していない記事だけ、カテゴリごとに違う画像を出したい」
「Cocoonの共通No Imageじゃなくて、カテゴリ別のロボくんを使いたい」

そんなとき、最初に思いつくのはプラグインやコード修正ですが、Cocoonには、それをかなり簡単に実現できる方法がありました。

この記事では、ぼくが実際に試してみて分かった

「カテゴリのアイキャッチ画像」を使って、アイキャッチのない記事だけカテゴリ別画像を表示させる方法

をまとめておきます。プラグインもコードもいじらずにできるので、同じことで悩んでいる方の参考になればうれしいです。

目指すゴールはこんなイメージです。

つまり、

「アイキャッチがない記事だけ、カテゴリ画像で穴埋めする」

という使い方です。

ぼくの環境では、1500×800px の横長画像をカテゴリごとに1枚ずつ用意して使っています。

まずは、カテゴリごとに使いたい画像を準備します。

できれば横長（例：1500×800px）にしておくと、一覧や単体表示でもきれいに収まります。
ファイル名も分かりやすくしておくと管理が楽です。
例：
- cat-wp-notes.jpg
- cat-ai-friend.jpg
- cat-diary.jpg など

準備できたら、WordPressの「メディア」にアップロードしておきます。

次に、カテゴリごとにアイキャッチ画像を設定していきます。

これで、そのカテゴリに「カテゴリ用アイキャッチ画像」が登録されました。

設定が終わったら、実際の表示を確認してみます。

逆に、

つまり、カテゴリ画像はあくまで

「アイキャッチがないときだけの“予備画像”」

として振る舞ってくれる、というイメージです。

実際にやってみて、いいなと思った点はこのあたりです。

プラグイン不要
余計なプラグインを増やさなくていいので、サイトが重くなりにくい。
既存の記事のアイキャッチを壊さない
記事ごとに設定した画像はそのまま生きている。
カテゴリの世界観を出しやすい
「WordPressのメモ」「AIと仲良くなる」「心のトゲを抜く」など、カテゴリごとに違うロボやイラストを使えるので、見た目にも分かりやすくなります。

Cocoonの共通No Image画像は、
「カテゴリにもアイキャッチがない＋記事にもアイキャッチがない」場合の最終的な予備画像、という位置づけになります。
画像を差し替えたのにうまく変わらないときは、
ブラウザのキャッシュや、キャッシュ系プラグインのクリアも試してみてください。

最初は「カテゴリごとにNo Imageを変えるには、プラグインかコードしかないかな…」と思っていましたが、実際に触ってみたら、カテゴリのアイキャッチ機能を使うだけで、やりたいことがそのまま実現できた、というオチでした。

Cocoonは、ちゃんと触ってみると「そこまで用意してくれてたのか…」という機能がちょこちょこ隠れているテーマだな、と改めて感じています。

もしあなたも、

というタイプなら、この方法はかなり楽なので、ぜひ一度試してみてください。