サイトの表示が崩れていた！
3か月ほどサイトを更新していなかったのですが、久しぶりに自分の記事をブラウザで見てみたら、CSSが適用されていないような、雑然とした表示になってしまっていました。
一瞬焦ったものの、きっとよくある不具合だと考え、まずは状況把握をしました。
状況
まず、エディタでの表示が問題ないかを確認しました。以前、サイト自体は問題ないけれど、WordPressの記事編集画面の表示がおかしいことがありました。その際は、使用中のすべてのプラグインの更新だけで解決しました。
今回は、記事編集画面は問題ありませんでした。ブラウザ上でのプレビューも表示しましたが、表示は正常でした。プラグインを全て更新しましたが、表示は崩れたままでした。
次に、WordPressでの問題解決のためのチェックリストというページを発見し、これを参考にして、プラグインを全て無効化しました。すると、ブラウザで正常に表示されるようになりました！
ただ、これでは必要なプラグインまで無効化状態なので、プラグインをひとつずつ有効化し、表示が崩れないかを地道に確認していきました。（明らかに問題なさそうなプラグインを2~3個ずつ有効かしてくと効率良いです）
その結果、Autoptimizeというプラグインが原因でした。
手順を整理
- 編集画面の表示を確認
- プレビューを確認
- プラグインを全て更新し、ブラウザでの表示を確認
- プラグインを全て無効化し、ブラウザでの表示を確認
- プラグインを1つずつ有効化し、問題を起こしているプラグインを特定
- 問題ないプラグインだけを有効化
最後に
WordPressの拡張機能は便利なものが多いですが、その更新をしていなかったり、定期的なモニタリングをしていないと、不具合を放置してしまうことになってしまいます。何のために必要なのか、どういう機能なのかをよく理解せずに使ってしまうこともしばしばあるので、気を付けます。
コメント