正直に言うと、Cocoon でアイキャッチ画像が自動生成できる ことを、最近まで知りませんでした。
WordPress テーマとして有名なのは知っていましたし、
「軽い」「速い」「SEO向け」みたいな評判もよく聞いていましたが、
ここまで“楽をする設計”になっているとは思っていなかった です。
ひとり情シス的には、
「いかに楽をするか」「いかに作業を減らすか」は正義なので、
知った瞬間に、即この機能を使い始めました。
アイキャッチ画像、正直めんどくさい
ブログ運営で、地味に時間を取られるのが アイキャッチ画像作成 です。
- タイトルを考える
- 画像を探す or 作る
- サイズ調整
- 文字入れ
これを毎回やるのは、正直かなりしんどい。
特に、
実務ログ中心で記事数を積み上げたいブログ では、
ここで手間が増えると、確実に更新頻度が落ちます。
自分も過去に、
「アイキャッチ作るのが面倒 → 更新が止まる」
を何度か経験しています。
Cocoon の「自動アイキャッチ生成」設定場所
Cocoon では、管理画面から 自動アイキャッチ生成 を簡単に有効化できます。
設定手順
WordPress 管理画面
→ Cocoon設定
→ 画像
→ アイキャッチ自動生成
ここで、
- 「アイキャッチ自動生成を有効化」
を設定します。
これだけで、
記事タイトル＋背景色＋カテゴリ情報 を使った
それっぽいアイキャッチ画像が自動生成されます。
アイキャッチ画像の登録画面で「タイトルからアイキャッチを生成する」にチェックを入れ公開するだけです。
正直、業務メモ系ブログならこれで十分すぎるクオリティです。
自動生成＋カテゴリ色分けで「視認性」も確保
さらに、自分は カテゴリごとに色を変えるカスタマイズ も入れました。
目的は単純で、
- トップページでパッと見て内容が分かる
- サーバ系・トラブル系・日常系を視覚的に区別
するためです。
追加したコード（子テーマ functions.php）
設定場所
外観 → テーマファイルエディター → Cocoon Child → functions.php
ここに、以下のコードを追記しています。
// アイキャッチ自動生成の枠色をカテゴリごとに変更
add_filter('featured_image_border_color_code', function($color_code) {
if ( in_category('server-vps') ) {
return '#b8c6db'; // サーバ・VPS系：青系
} elseif ( in_category('trouble-log') ) {
return '#d4a373'; // トラブル系：オレンジ系
} elseif ( in_category('se-diary') ) {
return '#e0e0e0'; // 日常・あるある系：グレー
} else {
return '#a3b18a'; // その他：落ち着いた緑
}
});
カテゴリスラッグについて
ここで使っている
server-vpstrouble-logse-diary
は、自分のサイトで設定しているカテゴリのスラッグ名 です。
それぞれの環境に合わせて、
投稿 → カテゴリー → スラッグ
を確認して書き換えれば、そのまま使えます。
この設定を入れてよかった点
これを入れてから、
- 投稿画面でアイキャッチ作成不要
- 見た目の統一感が出る
- カテゴリごとに色で直感的に判別できる
という状態になりました。
特に大きいのは、
「アイキャッチどうしよう…」と悩む時間がゼロになったこと。
この差は、長期運用ではかなり効いてきます。
ひとり情シス的ブログ運営は「省力化」がすべて
ひとり情シスの仕事そのものが、
- 楽する仕組みを作る
- 自動化する
- 属人化を減らす
- ミスを減らす
こういう発想の塊だと思っています。
ブログ運営も、まったく同じ。
頑張って作り込むより、楽して続けられる仕組みを作る。
Cocoon は、この考え方とかなり相性がいいテーマだと感じています。
今の正直な感想
もっと早く知りたかった。
この一言です。
もし、
- WordPress でブログを始めたい
- 画像作成やデザインに時間をかけたくない
- できるだけ楽に続けたい
という人なら、
Cocoon はかなり相性が良いテーマだと思います。
自分のような ズボラ寄りのひとり情シス には、
ちょうど良すぎる選択でした。
