５０代の副業初心者ブロガーは今日もトラブルからのスタートです。今日のトラブルは先日LightningからCocoonにテーマを変更し、不要なプラグインの削除と削除したそれらのプラグインの機能を代替するCocoon設定において何かやらかしたらしく、固定ページはおろか投稿ページの画像が表示されなくなってしまったという不具合です。詳しいことはわかりませんが、偶然表示されるようになったのでその時にの対処内容についてメモしておくことにしました。
突然画像だけが表示されなくなった
LightningからCocoonにテーマ変更した直後はところどころ表示は崩れていたものの、画像も正常に表示されていました。
しかし、以下の操作を実行した後で画像が表示されなくなってしまったのです。それも固定ページだけでなく、これまで投稿してきた投稿ページも殆どが表示されていません（なぜか一部の画像だけは表示されているということが腑に落ちませんでした）。
混乱してしまいましたが、冷静にテーマ変更後に管理画面で変更を行った作業履歴を振り返ってみることにしました。
テーマ変更後に管理画面で変更したことを振り返る
Lightning実装時に使っていたプラグインの中で、Cocoonに標準実装されている機能であるために不要となるプラグインがいくつかあったので削除しました。
削除したプラグインは以下のとおりです。
【Table of Contents Plus（TOC+）】
・【Autoptimize】
・【AMP for WordPress】
・【All in One SEO Pack】
・【Yet Another Related Posts Plugin (YARPP)】
・【WP Super Cache】
プラグインを削除した後に行ったのは、それらの削除したプラグインが担っていた機能をCocoonの標準設定で補完するためのそれぞれの環境設定でした。
しかし、ちょうど１つだけ設定して残りは翌日やろうと思って実際には１つ以外は実行していなかったので調査も簡単検証も楽に行うことができました。
プラグインを再度1つづつインストールして、有効化しながら検証してくのは時間もかかるので先ずはCocoonの環境設定を変えた部分の検証から開始することにしました。
高速化設定が怪しい
不具合が起こる直前に行った環境設定は「高速化」の設定でした。
これを行うことでキャッシュ系やコード圧縮最適化系のプラグインは不要となります。
高速化は以下のように設定していました。
チェックを入れていた項目
・ブラウザキャッシュ
・HTML縮小化
・CSS縮小化
・JavaScript縮小化
・遅延読み込み
CSS縮小化が原因だった
１つづつチェックを外して表示を確認していきました。
すると、最終的に「CSS縮小化」のチェックを外して「変更を保存」後表示を見ると画像が正常に表示されていることがわかりました。原因はCSS縮小化だったよです。
それ以外の項目はチェックを入れたままでも画像は表示されました。
一件落着！
作業はあくまでもそれぞれの環境により原因は異なるものと思いますのでこれが全て（の原因）ではないこともあるということをご理解いただき、バックアップを取りながら行っていただくことをおすすめいたします。
