この記事の３行まとめ
この記事では、実際に私がハマった原因と解決方法をまとめています。
タイトル入りアイキャッチ画像を自動で作ってくれる神プラグイン！
アイキャッチ画像生成プラグイン
こちら、WordPressテーマ：AFFINGERを販売している会社サマが作ってくださったプラグインなのですが――
記事に合わせて、タイトル入りのアイキャッチ画像を作って設定するのって、記事を読んでもらうためにはとっても重要！
分かってる。うん、分かってる！
でも記事書くので力尽きてしまったんだ、アイキャッチ画像はまた今度で。。。
→ そして放置。。。。
アイキャッチ画像すらない記事が並んでいく。。。
そんな、地味〜に、かなりめんどくさいを解消してくれる！
投稿時にタイトル入りアイキャッチ画像作ってくれるプラグインなんです。
AFFINGERを使っている私は、このプラグイン登場のお知らせを知って、
アイキャッチ画像生成プラグインPRO版を即買いしました。
だってコレがあれば、
イラレ・フォトショ・Canvaを、記事作成するたびに毎回開かずに済んで！
すでにあるいい感じの写真や背景に、記事タイトルを自動で載せられて!!
投稿と同時に、タイトル入りのアイキャッチ画像を作成できる!!!
めんどくさいーーーを解消してくれる、
なんと神プラグインなんでしょう ٩(๑>∀<๑)و
現在、LITE と PRO の２バージョンがあります。
こちらの記事でとりあげるトラブルは、
LITE & PROのどちらにも共通するトラブルだと思われます。
LITE版は無料配布だし！
AFFINGERテーマ以外のユーザーさんでも使えるということなので！
ここにはLITE版のリンクを貼っておきます。
トラブルが起きた環境状況
この記事は、公式情報だけでは分からなかった点を実際に導入・検証した結果をもとにまとめているため、環境によって動作が異なる可能性ありです。
今回のトラブル発生 → 解消した環境（2026/07/25以前）
- WordPress 7.0.2
- AFFINGER7・AFFINGER7EXどちらも
- アイキャッチ画像生成プラグインPRO 3.0.1
起きたトラブル：背景画像が表示されない！
- タイトル文字は表示される
- 文字色も反映される（WordPressの設定から指定）
- 背景色も反映される（WordPressの設定から指定）
- でも背景画像だけ表示されない！
WordPressの設定から指定した背景画像も↓
投稿画面で設定した背景画像も↓
反映されない↓
🙃🫠😶🌫️😭
プラグインの不具合か?!
ってことで、設定をやり直してみたら、
フォント種類や文字カラー、背景の色はちゃんと反映される。
が、背景画像だけがやっぱり表示されない。
つまり、
プラグイン自体は正常に動いているのに、画像だけ読み込めない状態。
ネット検索してみても、同じトラブルに見舞われた人はいないのか？
情報なし。。。。
なぜなの?!? なぜなんだよーーー!?!?
そして降ってきた神の声（正しくは、AIに相談しましたw）
画像の形式は、JPG？PNG？何？
それだ！
原因はWebP画像だったから！
設定してあった画像の形式を確認したところ、WebP形式に変換されていたのです！
ということで！
JPGとPNGなら、背景画像として表示されます！
WebP画像は、何度トライしても表示されませんでした。
私が沼った本当の原因：画像処理系プラグインに気をつけて！
今回、私が沼った理由、本当の原因はココです。
ちゃんとJPGでアップしてるのに、勝手にWebPへ変換されてしまう！
原因はWebP変換するプラグイン：Modern Image Formats
「Modern Image Formats」は、WordPress Performance Teamが提供しているプラグインで、画像をWordPressへアップロードすると、自動的にWebPやAVIFへ変換する機能があります。
- JPGをアップロード
- Modern Image Formatsが自動でWebPに変換
- アイキャッチ画像生成PROでは背景画像として読み込めず表示されない
- (*ﾉ>Д<)ﾉ
の沼ループというわけなのでした。
はい、このプラグインをインストールしていることをすっかり忘れていたのが、沼った一番の原因ですwww
解決策
- Modern Image Formats無効化
- JPG/PNGの画像形式で、再度アップロード
- 🎉 無事、背景画像つきのアイキャッチ画像生成！
EWWW Image Optimizerを使っている場合
ワタクシは画像最適化プラグインとして、
EWWW Image Optimizer
を利用しています。
（機能がかぶるプラグインをダブってインストールしていたことはスルーしてください。。。）
WebP変換は便利なので、引き続きEWWW Image Optimizerでも機能を利用することにして、
アイキャッチ画像生成PRO用で利用したい背景画像だけは除外設定を行いました。
これで、
- 通常の記事画像はWebPで高速化
- アイキャッチ生成用の背景だけJPGのまま
という運用が問題なくできています！
まとめ！
アイキャッチ画像生成プラグイン LITE/PROで
- 背景画像が表示されない
- タイトルや背景色は表示されるのに画像だけ反映されない
という場合は、
まず、背景画像がJPG、または、PNGか?! を確認してみてください。
さらに、
- JPG/PNG形式で再度アップロードし直したのに、背景画像が反映されない
なら、自動でWebP（などに）変換する系のプラグインを使っていないか?! を確認してみてください。
今回のワタクシの場合は、
- プラグイン：Modern Image Formatsが自動でWebPへ変換していた
- WebPでは背景画像が表示されなかった
- JPG・PNGでは正常に表示された
でした。
率直な感想：アイキャッチ画像生成プラグインは導入する価値大！
画像表示トラブルが解消されたら、タイトル入りアイキャッチ画像作成の手間が本当に短縮されて、マジでいいです！
AFFINGERユーザー様も、それ以外の方も！
マジで楽なので、大声でオススメできます！
WordPressテーマ：AFFINGERもオススメ！
AFFINGER、日々超進化しまくっていて！マジ頼もしいWordPressテーマです！
ワタクシの沼り経験が、同じトラブルでお困りの方の参考になれましたならば、これほど嬉しいことはありません！
Have a Lovely and Happly Life☆
