先日ワードプレステーマであるコクーンと、プラグインの更新が溜まったので、すべて更新したんです。
翌日記事投稿して過去の記事を確認してみたら、なななんと!!!
投稿したはずのすべての画像が、表示されていないのに気付いたんです!?
アイキャッチ、およびサムネールは表示されるんですが…
思い起こせば、テーマの更新、そしてプラグインの更新をしたんで、画像が表示されない原因ではないか?・・・
そんな中どうやって画像が表示されない原因を解決できたか、順を追って備忘録としてご紹介したいと思います。
ワードプレステーマであるコクーンのアップデートで不具合が発覚!
ちょうどコクーンテーマのアップデートの通知が来ていたんで、最新版(ver.2.2.0.3)へアップデートしたんです。
その翌日に画像が表示されていない事に気付いたんです。
なので、テーマコクーンのアップデートが不具合を起こしてると思ったのです。
「コクーン記事内の画像が表示されない」をキーワードで検索、および本家コクーンのQ&Aを参考にしてやってみました。
ワードプレステーマコクーンを子テーマから親のテーマに変更
ワードプレステーマコクーンを子テーマから親のテーマに変更(有効化)したら、正常通り記事内の画像が表示されたんです。?
あれ!!! ナンデダロウ・・・
だとしたら子テーマ内でカスタマイズされた記述に問題が
筆者は他のブログも運用してるんですが、同じコクーンテーマで、同じカスタマイズコードを子テーマに記述してるんです。
ただこちらのコクーンのバージョンは、ver 2.1.9.1でちょっと古いんですが、記事内に投稿してる画像は正常通り表示されてるんです。
エっ! なんで?
なんか変だな思いながら、とりあえずカスタマイズしたコードを、いったん削除してみたんですが、相変わらず画像が表示されませんでした。
FFFTPで旧バージョンへ変更
そこで新しいバージョンになっての不具合なんだから、旧バージョン(ver 2.1.9.1)に戻そうと、本家サイト通りのやり方でFFFTPにてアップロードしたんですが、なぜか失敗で終わったんです・・・?
なんで失敗したか原因不明なんです。
サーバーのPHPの変更
次に筆者はサーバーはさくらサーバーを利用してるんですが、近々新しいバージョンのPHPに強制変更のメールが来てたのを思い出したんです。をしたんです。
それなら今変更してみる事にしたんです。
PHPバージョン 7.3⇒7.4 に変更
それでも画像は表示されない?????
プラグインの更新が原因を解決してくれるのか?
となると素人目で後考えられるのは、プラグインなんです。
後々考えてみたら、続けてプラグインの更新をしてたんです。
現在使用してるワードプレスプラグインの確認
現在筆者が利用してるワードプレスプラグインは、以下です。
● Akismet Anti-Spam (アンチスパム)
● Contact Form 7
● EWWW Image Optimizer
● Flamingo
● Google XML Sitemaps
● Jetpack by WordPress.com
● PS Auto Sitemap
● SAKURA RS WP SSL
● TinyMCE Advanced
● WP Multibyte Patch
● WP-Optimize – Clean, Compress, Cache
ブログ記事内の画像が表示されない原因を解決
すべてのワードプレスプラグインを無効化してみたんです。
すると各投稿記事内の画像が表示されたんです・・・?。
原因はワードプレスプラグインだったんです。
次に11個インストールされているプラグインを1個ずつ有効化してみたんです。
すると、あるプラグインを有効化したときに、画像が表示されなかったんです。
・?
・?
・?
原因はJetpack by WordPress.comのプラグインで解決
たしかに今思い出せば、Jetpack by WordPress.comを最新版に更新してました。
Jetpack by WordPress.comを最新版に更新しただけで、設定の見直しをしていなかったんです。
Jetpackのダッシュボードを確認したところ、パフォーマンス⇒画像アクセラレーター項目が「有効」になっていたんです。
これはなにかと言うと
有効にすると、画像の容量が最適化され、Jetpack の高速でグローバルなサーバーネットワークから画像が読み込まれます。これにより、デスクトップとモバイルデバイスでサイトのパフォーマンスが向上します。
Jetpackが画像を最適化し、訪問者に最も近いところにあるから画像を提供します。WordPress.com のグローバルコンテンツ配信ネットワークを使用すると、サイトの読み込み速度が向上します
要約すれば、筆者のサーバーにある画像データーを、Jetpackの高速でグローバルなサーバーネットワークから画像が読み込んで、最適化されたデーターをサイトに配信することで、読み込み速度の向上を計る。
Jetpack プラグイン設定画面より引用
という物らしんです。
画像関係の設定なので、これを無効化してみたんです。
結果・・・・元の通りブログ記事内の画像が表示されたんです。
バンザイ! サンショウ!
ブログ記事内の画像が表示されない原因を解決 まとめ
まずはブログ記事内の画像が表示されて安心しました。
ワードプレステーマであるコクーンを愛用してる筆者が、最初にコクーンを疑ってスミマセン!!!
最初に疑うのは「プラグイン」でした。
Jetpackは、便利なんで昔から愛用していたんで、更新しても設定内容は確認していませんでした。
パフォーマンスおよびセキュリティー上最新の状態にしておくのは間違いないと思いますが、設定内容を確認しなかった事で、今回の画像が表示されない原因に繋がったことを知らされました。
ブログ記事内の画像が表示されない事象が起きたら、まずはプラグインを疑ってください。
特にJetpackプラグイン!!!
以上、ブログ記事内の画像が表示されない原因を解決の備忘録でした
コメント