モバイルでの表示崩れはプラグイン「WPtouch Mobile Plugin」が原因だった…!
このサイト・および記事にはアフィリエイト広告を利用しています。
育休&共働きコミュニティ「ikumado」のHPのメンテナンスを担当しています。
ikumadoのHPが開設されたのは数年前で、コンテンツはかなりの量です。
できるところから空いた時間に対応させていただいているのですが、モバイルの表示が崩れる…!という事象がありました。
プラグイン「WPtouch Mobile Plugin」を削除
プラグイン「WPtouch Mobile Plugin」を削除することで対応できました。
Before/Afterの画像は下記。
意図的にデスクトップとモバイルの表示を変えたい場合には有効なプラグインだと思います。
しかし、使用しているテーマのLightningでは自動でモバイル表示の最適化を行ってくれるので、モバイル表示を特別なものにしたい・モバイル表示のメンテナンスを継続的に行っていく、という意図がないので、このプラグインは不要と判断しました。
動作環境(2024年6月時点)
WordPress | 6.5.4 |
使用テーマ | Lightning 14.23.1 |
不要なプラグインを削除してサイトの負荷を軽減
Lightningは自動でモバイルへの表示対応も行ってくれるはずなので、ここまでモバイルの表示が崩れるのは変だなぁ…と思っていました。
しかし、他の人が何年も運用したサイトを引き継ぐと、どういう意図でその設定やプラグインが適用されているのか、などを把握し、必要/不要を判断するのは結構大変…💦
自分のサイト運営でも心がけていることですが、WordPressのプラグイン管理画面では任意にメモを残せないので、インストールしたプラグインの用途をnotionにメモるようにしています。
そうすることで、当時はその意図でこのプラグインをインストールしたけど、今は不要になったんだな、と判断することができます。
不要なプラグインを削除することはサイトの負荷を軽減することにもつながります。
ご参考までに。