ブログを書いていると、地味に面倒なのがアイキャッチ画像です。
本当はあった方がいい。
一覧で見たときの見栄えも良くなるし、SNSでシェアされたときもそれっぽく見える。
何もないより、ある方が明らかにいいです。
でも、毎回ちゃんと作るのは面倒です。
Canvaを開く。
背景を選ぶ。
タイトルを置く。
文字の大きさや余白を調整する。
書き出して、アップロードして、アイキャッチに設定する。
一つ一つは小さい作業です。
けれど、記事を積み重ねるほど、この手間が効いてきます。
特にブログを継続していると、本文を書く以外のこういう細かい作業が、地味に重くなります。
記事を書く気力はあるのに、最後のひと手間で止まる。
これはかなりある。
そこで思いました。
アイキャッチは欲しい。
でも、ちゃんと作るのは面倒。
なら、WordPressに作ってもらえばいい。
今回は、そうして作った
「アイキャッチ未設定の記事に対して、WordPressが自動で背景画像＋タイトル入り画像を生成して、そのままアイキャッチに設定する仕組み」
について書きます。
これは派手な開発ではありません。
でも、個人開発やブログ運営では、こういう小さな自動化がかなり効きます。
アイキャッチは必要だけど、後回しにされやすい
ブログ運営で厄介なのは、大きな問題よりも、小さな面倒の方です。
アイキャッチはその典型だと思います。
なくても記事は公開できます。
だから後回しにしやすい。
でも、ない状態が積み上がると、サイト全体が少しずつ寂しくなります。
記事一覧が素っ気ない。
SNSカードも弱い。
記事ごとの差が出にくい。
せっかく書いた記事なのに、見た目の印象が弱くなる。
つまりアイキャッチは、
絶対に必要ではないけれど、全体の質を底上げする要素
です。
こういう要素は、気合いで回そうとすると失敗します。
重要度は中くらい。
手間はそこそこ。
だから、やる時とやらない時が出てしまう。
こういうものは、人間のやる気に頼るより、仕組みに寄せた方がいいです。
今回作ったもの
やったことはかなり単純です。
WordPressで記事を保存したときに、
- アイキャッチ画像が設定されていない
- 記事タイトルが入っている
この条件なら、自動で画像を生成します。
生成する画像は、あらかじめ用意した背景画像の上に、記事タイトルを文字入れするだけです。
その画像をメディアライブラリに登録し、そのままアイキャッチとして設定します。
つまり発想はこうです。
背景はあらかじめ決めておく。
タイトルだけWordPressに書かせる。
これが思っていた以上にちょうどよかったです。
AIに毎回背景から考えさせる方法もあります。
でも、それだと見た目がぶれやすいし、結果を毎回確認しないといけません。
それよりも、
- 背景デザインは自分で一度決める
- タイトル流し込みだけを自動化する
この方が、ブログ運営ではずっと実用的でした。
実際の仕様
今回作った仕組みは、だいたい次のように動きます。
記事を保存または公開したときに、アイキャッチが設定されていなければプラグインが動きます。
プラグインは背景画像を読み込み、日本語フォントで記事タイトルを書き込み、画像を書き出します。
その画像をWordPressのメディアライブラリに登録し、そのままアイキャッチとして設定します。
さらに、最初に一度自動生成した後でも、あとからそのアイキャッチを削除して空にした場合は、次に保存した時点で再生成されるようにしました。
ここは途中で仕様を直した部分です。
最初は「一度生成したら終わり」にしていました。
でもそれだと、削除後に復活してくれません。
実際の運用では、いったん消してまた生成させたいことがあります。
そこで最終的には、
「以前に作ったかどうか」ではなく、「今アイキャッチがあるかどうか」
で判定するようにしました。
この方が自然でした。
地味だけど、かなり効く
技術的に見ると、今回の仕組みはそこまで派手ではありません。
WordPressの投稿保存フックを使って、
背景画像を読み込み、
タイトルを書き込み、
画像を保存し、
メディア登録しているだけです。
でも、個人開発ではこういうものが強いと思っています。
なぜなら、価値は「難しいものを作ったか」だけでは決まらないからです。
むしろ、
- 自分にとって明確な面倒がある
- 一回の実装で何十回も手間を減らせる
- 今後も繰り返し効く
こういうものの方が、長い目で見ると強い。
今回の自動アイキャッチ生成もまさにそうでした。
一記事ごとに数分しか浮かなくても、記事数が増えるほど効いてきます。
しかも、浮くのは時間だけではありません。
「最後にアイキャッチを作るのが面倒だから、投稿までの気持ちが重い」
この摩擦が減ります。
これはかなり大きいです。
個人開発は、自分の摩擦を減らすところから始まる
個人開発というと、つい大きなサービスを考えがちです。
新しいSaaS。
AIを使った便利ツール。
人に売れるプロダクト。
大きな市場のあるテーマ。
もちろんそれも大事です。
でも、自分の生活や仕事の中にある、小さくて繰り返される不便を消すものには、かなり強い価値があります。
なぜなら、自分で本当に使うからです。
自分で使うものは、どこが不便かもすぐ分かるし、改善も続きます。
机上の空論になりにくい。
その改善の蓄積は、やがて他の人にも通じるノウハウになります。
今回の仕組みも、最初から「売れるプラグインを作ろう」と考えたわけではありません。
そうではなく、
アイキャッチは欲しい。
でも毎回作るのは面倒。
なら自動化しよう。
ただそれだけです。
この順番は、個人開発ではかなり大事だと思っています。
完璧に作るより、まず動く方がいい
今回、自分でやっていて改めて思ったのは、最初から完璧な管理画面や高機能な仕組みにしない方が進む、ということでした。
最初に必要だったのは、たったこれだけです。
- 背景画像を1枚置く
- 日本語フォントを置く
- タイトルを自動で描画する
- アイキャッチ未設定なら保存時に動く
これだけで十分役に立ちました。
個人開発では、拡張性や汎用性を考えすぎて、着手が重くなることがあります。
でも本当は、
「自分の問題を今すぐ解決する最小の仕組み」
から始めた方がいい。
管理画面はあとで足せます。
カテゴリ別背景もあとでできます。
再生成ボタンも、必要になってからで十分です。
最初の価値は、まず機能することだと思います。
今後の改善案
今回の仕組みは、まだ最低限です。
今後やるなら、たとえばこんな改善が考えられます。
カテゴリごとに背景デザインを切り替える。
右上にカテゴリ名を表示する。
サイト名の位置を調整する。
古い自動生成画像を削除して、メディアライブラリを散らかりにくくする。
手動で「再生成」ボタンを付ける。
設定画面から文字サイズや位置を変えられるようにする。
ただ、こういう改善点が見えるのも、一度動くものができたからです。
アイデアの段階では、改善点は本当の意味では見えません。
実際に使い始めて初めて、
「次はここを直したい」
が出てきます。
その意味でも、まず雑でも動くものを作る価値は大きいです。
まとめ
今回やったのは、WordPressに
「アイキャッチがなければ自分で作っておいて」
と頼めるようにした、という話です。
やったこと自体は地味です。
でも、こういう地味な自動化は効きます。
アイキャッチは欲しい。
でも、ちゃんと作るのは面倒。
なら、WordPressに作ってもらえばいい。
個人開発は、こういうところから始めるのがちょうどいいのかもしれません。
壮大なサービスの前に、まずは自分の手間を一つ減らす。
それだけでも、十分価値があります。
しかも、その仕組みは一度作れば、これから先の記事でもずっと働き続けます。
小さな面倒を、自分の作った仕組みで消す。
その積み重ねが、個人開発の一番気持ちいいところだと思っています。
もし実装コードに興味があるなら
この仕組みは実際に動かしているものをベースにしています。
note の完全版では、
- 専用プラグインのコード全文
- フォルダ構成
- Xserver への設置手順
- 日本語フォントの入れ方
- アイキャッチ削除後の再生成対応版
- 背景オーバーレイなし版の調整ポイント
- プラグイン画面に出ない時の確認ポイント
- よくあるエラーの対処
までまとめました。
「自分でも入れてみたい」
「同じ仕組みをそのまま使いたい」
という方は、完全版を note に置いています。
