テーマがcocoonのブログ記事で画像が表示されない！原因はEWWW Optimizerだった。

こんにちは、susumuです。

ブログを書き始めて1ヶ月、まだまだ分からないことだらけです。

私のような初心者がつまづいた問題とその解決策は、のちのち他の方の役に立つ情報になると思いましたので、記事にしていこうと思います。

今回は、ブログ記事の画像が表示されなくなったトラブルとその解決策をご紹介します。

ブログ記事の画像が表示されなくなった現象

最近、本ブログのサイトを表示したところ、ブログ記事の画像がすべて表示されていないことに気が付きました。

アイキャッチ画像が表示されていません。

記事中の画像も表示されていません。

ブログを書き始めて以来、画像を載せた場合にはプレビューで画像の表示を確認していましたが、まさか実際のサイトでは画像が表示されいなかったとは思いもよりませんでした。

プレビューで問題がなくても、実際のサイト表示では問題があることもあるということですね。

現象としては、編集画面やプレビュー画面では画像が表示されるのですが、実際にサイトを表示すると画像が1つも表示されていないということになります。

本ブログはテーマにcocoonを使用しているのですが、cocoonで画像が表示されない現象を調べていると、画像最適化プラグインであるEWWW optimizerを無効化すると画像が表示されたという情報がありました。

最近、cocoonのバージョンを更新したので、その影響でしょうか？

さらに調べていくと、EWWW optimizerの遅延読み込みのチェックボックスを外すと解決するのではという情報がありました。

そこで、実際にEWWW optimizerの遅延読み込みのチェックボックスを外すとブログ記事の画像が表示されるようになりました。

アイキャッチ画像が表示された。

ブログ記事内の画像も表示された。

今回の記事をまとめます。

・プレビューで問題がなくても実際のサイト表示では問題があることも。定期的にサイト表示で確認しよう。

・テーマにcocoonを使用していて、サイトで画像が表示されなくなったら、プラグインのEWWW Optimizerが原因かも。遅延読み込みのチェックボックスを外すと解決するかも。

一歩一歩手探りですが、問題を解決しながらブログ運営を継続していきたいと思います。

同じようなブログ初心者の方の役に立てば幸いです。