WordPressでテーマ変更後に以前のテーマが表示される？原因と解決方法を解説！

どうも、こんにちは。
Webデザイナーのなお（@ENOWL_Nao）です。

今回は、ローカル環境からWordPressサイトをロリポップのサーバーに移行した際に遭遇した「スマホや別のブラウザで以前設定されていたテーマが表示されてしまう問題」と、その解決方法についてご紹介します。

もし同じ現象に悩んでいる方がいたら、ぜひ参考にしてくださいね！

現象：ローカル環境から移行後、スマホで以前のテーマが表示される

今回のケースでは、ローカル環境で作成したWordPressサイトを「All-in-One WP Migration」を使ってロリポップのサーバーに移行しました。

すると、

• PC（Chrome）では問題なく表示される
• スマホや別のブラウザでは以前に設定されていたテーマが表示される

という不思議な現象が発生しました。

原因は「LiteSpeed Cache」

いろいろ試した結果、原因は「LiteSpeed Cache」プラグインでした。

このキャッシュ系プラグインが有効になっていると、スマホや別のブラウザで正しくデザインが反映されず、現在のテーマではなく、以前に設定されていたテーマが表示されてしまうことがあるようです。

解決方法：LiteSpeed Cacheを無効化する

この問題は、LiteSpeed Cacheのキャッシュを無効化することで解決しました。

LiteSpeed Cacheを無効化する手順

1. WordPressの管理画面にログイン
2. [プラグイン] → [インストール済みプラグイン] を開く
3. LiteSpeed Cacheの「キャッシュ制御の設定」を「オフ」にする
4. サイトをリロードして、スマホや他のブラウザで表示を確認する

これだけで、正常にサイトが反映されるようになりました！

解決に至る前に試したこと（他の原因の可能性もあり）

今回の問題を解決する前に、以下の方法も試しました。

• ブラウザのキャッシュを削除
• ロリポップの「ロリポップ！アクセラレータ」機能のキャッシュ設定を確認（今回は無効だった）

もしLiteSpeed Cacheを無効化しても問題が解決しない場合は、ブラウザやサーバーのキャッシュ設定もチェックしてみてください。

まとめ

WordPressサイトを移行した後、スマホや別のブラウザで以前に設定されていたテーマが表示されてしまう場合は、キャッシュが原因の可能性があります。

特に「LiteSpeed Cache」プラグインが影響していることが多いため、無効化を試してみてください。また、ブラウザのキャッシュやロリポップ！アクセラレータの設定も確認すると、問題が解決するかもしれません。

同じような現象に悩んでいる方の参考になれば嬉しいです。

では、また！

個人事業主さまの「Web担当」

そのWebの悩み
一人で抱え込んでいませんか？

「ちょっとここを直したい」「そろそろリニューアルしたい」…。
小さな修正から本格的な制作まで、Webに関する「どうしよう」を私が丸ごと受け止めます。難しい専門用語は使いません。
あなたの事業を支えるパートナーとして、まずは気軽にお話ししませんか？

ココナラで相談する

なお

Webデザイナー

XInstagramContact

ホームページをご覧いただきありがとうございます！ なおと申します。 現在はフリーランスのWebデザイナーとして活動しています。 WebデザインからコーディングからWordPress実装まで一貫してホームページ制作を行うことができます。