ブログ記事内の画像が表示されない原因を解決

wordprees
スポンサーリンク

先日ワードプレステーマであるコクーンと、プラグインの更新が溜まったので、すべて更新したんです。

翌日記事投稿して過去の記事を確認してみたら、なななんと!!!

投稿したはずのすべての画像が、表示されていないのに気付いたんです!?
アイキャッチ、およびサムネールは表示されるんですが…

思い起こせば、テーマの更新、そしてプラグインの更新をしたんで、画像が表示されない原因ではないか?・・・

そんな中どうやって画像が表示されない原因を解決できたか、順を追って備忘録としてご紹介したいと思います。

スポンサーリンク

ワードプレステーマであるコクーンのアップデートで不具合が発覚!

ちょうどコクーンテーマのアップデートの通知が来ていたんで、最新版(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プラグイン!!!

以上、ブログ記事内の画像が表示されない原因を解決の備忘録でした

コメント