トップページを雑誌風に整えていく中で、
どうしても解決したかったのが 「カテゴリごとにアイコン（画像）を出す」 という点でした。
しかし結果から言うと、
カテゴリ単位のアイコン表示は諦め、
No Image を“カテゴリ共通表紙”として使う
という結論に至りました。
やりたかったこと
- トップページに表示されるカテゴリカードに
- それぞれ異なるアイコン画像を設定して
- 「街」「食」「技術」が直感的に分かるようにしたかった
見た目としては
雑誌のコーナー見出しのような構成を目指していました。
試した施策まとめ（時系列）
① カテゴリ編集画面にアイキャッチを設定しようとした
投稿 → カテゴリー → 各カテゴリ編集
- 「カテゴリーアイキャッチ画像（Cocoon）」があるはず、という前提で探した
- 実際には その項目自体が存在しなかった
② 表示オプションを確認
- カテゴリ編集画面右上の「表示オプション」を確認
- 出てきたのは IDのチェックのみ
- Cocoon系メタボックスは存在せず
→ 非表示になっているだけではなかった
③ Cocoon設定を総当たりで確認
- Cocoon設定 → 画像
- Cocoon設定 → その他
- Cocoon設定 → インデックス
カテゴリ画像に関係しそうな項目をすべて確認したが、
カテゴリ個別に画像を設定する設定は存在しなかった
④ プラグイン競合を疑った
- SEO SIMPLE PACK に食われている可能性を疑う
- しかし、
- メタボックス自体が上書きされている形跡なし
- 他のCocoon独自機能は正常
→ 競合が原因ではなかった
⑤ 仕様を整理して初めて分かったこと
ここでようやく気づいたのが、これです。
- Cocoonは
- 投稿にはアイキャッチを持たせる
- カテゴリ自体には画像を持たせない設計
- トップに出ているカードは
- 「カテゴリのカード」ではなく
- そのカテゴリに属する記事カード
つまり、
カテゴリ専用アイコンという概念が、
そもそも Cocoon には存在しない
という結論でした。
なぜ「どうにもならなかった」のか
- 設定場所が分からなかった ❌
- 保存に失敗していた ❌
- 画像サイズが大きすぎた ❌
ではなく、
テーマの設計思想として用意されていなかった
これが理由です。
最終的な解決策：No Image をカテゴリ共通表紙にする
そこで採用したのが、この方法です。
やったこと
Cocoon設定 → 画像 → No Image画像
ここに、
- 白背景
- 街と食をモチーフにした
- 雑誌の表紙風デザイン
の画像を1枚設定しました。
この方法を選んだ理由
- no image 表示が消える
- トップページに統一感が出る
- 運用が圧倒的に楽
- 記事側でアイキャッチを設定すれば上書き可能
- 後から「表紙記事方式」にも移行できる
つまり、
諦めではなく、
運用と見た目のバランスを取った現実解
でした。
同じことで悩んでいる人へ
もし、
- 「カテゴリごとに画像を設定したい」
- 「どこに設定項目があるか分からない」
- 「Cocoonが壊れているのでは？」
と思っているなら、
その機能は、Cocoonには無い
と理解したほうが早いです。
そのうえで、
- 表紙用の記事を1本置く
- もしくは No Image を共通表紙にする
このどちらかを選ぶのが、
遠回りしない選択だと思います。
まとめ
- カテゴリのアイコンが表示されないのは不具合ではない
- Cocoonの仕様上、カテゴリ自体に画像は持てない
- いろいろ試したが、根本的に不可能だった
- 最終的に No Image を共通表紙として使うことにした
- 結果、雑誌風トップとしてはむしろ完成度が上がった
コメント