Let's create! WordPressサイト制作とメンテ/エラー対応から、PHP/CSS/javascriptプログラミング、動画・音・イラスト等制作まで扱うコラム

【WordPress】記事一覧にアイキャッチ画像が表示されません→150サムネが無いのに、the_post_thumbnailで指定されていました

更新: 2024/02/10 1825文字

今回は、当サイトで確認されたWordPress不具合があったので、その対処法をお話しします。改造テーマだとよくあるかもしれない『記事一覧にアイキャッチ画像が表示されない』というものです。さっそく『表示される場合/されない場合の確認・対処法や見落としてたポイント』などを見ていきましょう。

WordPressの一覧アイキャッチ・当サイトでの表示されない/されるケース(the_post_thumbnail)

アイキャッチ表示されない状況→一部の古い記事で、一覧のアイキャッチが出ない

表示されない状況はこんな感じでした。全部ではなく、『一部の古い記事で~』というのがポイント。新しいものでは、普通に表示されています。ここは(元のテーマが昔のstingerなので)自作したところでは無かったかな。

実は以前、メディア設定で『サムネイルのサイズ0に指定して、150×150みたいなのを生成しないようにした』というのがありましたので、そこも関係していると思います。

アイキャッチ表示されているケース→古い記事でも、自作関連記事では出ている

『一部古い記事では出ない』とのことでしたが、自作関連記事を確認したところ、アイキャッチは表示されているようです。

使ったwpの組み込みファンクションは『the_post_thumbnail』。アイキャッチ出力方法としてはメジャーです。ちょっと設定やパラメーターとかも確認してみます。

原因→サムネ用の自動生成画像を消したのにかかわらず、the_post_thumbnailパラメーターで指定されていた

で、原因がわかりました。『以前、自動生成画像をFTPで消したが、the_post_thumbnailパラメーターでそのサイズが指定されていた』という点です。画像がないので表示されません。 ここは元のテーマで指定されていたものです(昔はloading=”lazy”とかやりませんでしたからね)

表示されているほうでは、パラメーターでサイズ指定がされていないので、アイキャッチを指定すれば、それがそのまま出ます(容量が大きくない場合は、画像は一種類にして、CSSで表示サイズ調整がラク)。

表示されていなかった一覧部分もthe_post_thumbnailパラメーターをカットしたところ、無事に表示されるようになりました。 もともと150を出していたところでは、消した後に自動でフルサイズに切り替わるわけではなかったようです。

見落としていたポイントは?

『自動生成解除後にアップした場合は、普通に表示されていた』 『150×150.jpgを消して確認したとき、サーバーキャッシュが残ってた』 『自作関連記事のほうをメインに確認していた(パラメータ指定なし)』 という点かなと思います。

キャッシュは高速化などで有利ですが、ここは盲点でした。

参考リンク

あとがき・まとめ

  • the_post_thumbnailで150サムネが指定された状態で、150サムネを消してしまうと表示されない
  • 自動生成解除後のものは、パラメータ指定されていても表示される
  • キャッシュが表示されていて、あとから発覚した

まとめるとこういったところでしょうか。今回出てきたサムネ指定のほかにも、the_post_thumbnailには『配列にwidth,heightを入れてサイズ指定』『CSSクラス追加やカット』などもできるようですので、確認してみましょう。


【カテゴリ】- サイトエラー対策と復旧
【タグ】-

関連記事