WordPressのスマホ表示だけ崩れる…修正できた事例について

今回は、WordPressのサイトで起きたトラブル。

スマホ表示が崩れて、修正できた事例

について、ご紹介したいと思います。

まず今回スマホ表示が崩れたサイトは、私の別サイトでした。

  • テーマは『SWELL』
  • パソコン表示は問題なし
  • スマホの他にiPadでの表示も崩れている
  • 他の『SWELL』で運営しているサイトは問題なし
  • ブラウザはChrom
  • スマホとiPadのChromは別アカウント
  • 他の運営サイトもWordPressとPHPのバージョンは同じ

このような条件から

  • ブラウザの問題ではない
  • SWELLの問題ではない
  • PHPやWordPressの問題ではない

と予測しました。

目次

WordPressの表示が崩れる!原因はプラグインだった?!

そこで

原因はプラグインでは??

ということで、一つずつプラグインを停止して試してみることにしました。

問題は割とすぐに解決しました。

まず最初に『Bogo』という翻訳機能のプラグインを停止してみましたが状況は変わらず。

次に『Autoptimize』が怪しい気がしたので、こちらを停止。

すると…

スマホ表示がすぐに正常に戻りました。

SWELLでも『相性が悪いプラグイン』として紹介されていますね。

そういえば…そのサイトは3ヶ月前にテーマを『JIN』から『SWELL』に変更していました。

かなり前にAutoptimize導入してそのままになってしまっていたのです。

ちなみにプラグインを停止する前にAutoptimizeの『キャッシュを消去』しても問題は解決しませんでした。

SWELLとAutoptimizeの相性

新しく作成したサイト(SWELL使用)にはAutoptimizeを入れておりませんでしたので、問題がなかったのかと思います。

それぞれのテーマで推奨・非推奨のプラグインを定期的に確認しておく必要がありますね。

実体験によって改めて身が引き締まりました。

WordPressで不具合が出る原因はそれぞれかと思いますが、割とプラグインが原因だった話はよく聞くような気もするので、一度停止して試してみると良いかもしれません。

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次