WordPressで更新したのに反映されないときは順番に確認しよう
WordPressで記事や固定ページを編集して、
「更新」を押したのに公開ページが変わっていない
ということがあります。
たとえば、
- 文章を修正したのに古い文章が表示される
- 画像を変更したのに前の画像が表示される
- CSSを追加したのにデザインが変わらない
- ボタンや余白を調整したのに反映されない
- 更新できたように見えるのに、編集画面を開き直すと変更内容が消えている
といったケースです。
このような場合、原因はひとつではありません。
よくあるのは、
- ブラウザキャッシュ
- WordPressやテーマ側のキャッシュ
- サーバーキャッシュ
- CSSの記述
- プラグイン
- WAF
などです。
ただし、いきなりすべてのキャッシュを削除したり、プラグインを停止したりする必要はありません。
まずは、簡単に確認できるところから順番に原因を切り分けることが大切です。
1．まず本当に更新できているか確認する
最初に確認したいのは、WordPress側で更新操作が完了しているかどうかです。
たとえば、
- 「更新」ボタンを押したか
- 下書きのままになっていないか
- 別の固定ページや投稿を編集していないか
- 編集画面の変更内容が残っているか
を確認します。
特にページ数が多いサイトでは、似た名前の固定ページを編集していることもあります。
まずは、
「今見ている公開ページと、編集しているページが同じか」
を確認してみましょう。
2．シークレットモードや別のブラウザで確認する
次に、ブラウザ側のキャッシュが影響しているか確認します。
いきなり閲覧履歴やCookieをすべて削除するより、まずは、
- Chromeのシークレットモード
- Safariのプライベートブラウズ
- 別のブラウザ
などから公開ページを開いてみるのがおすすめです。
たとえば、
通常のChrome → 古い表示
シークレットモード → 新しい表示
となる場合は、ブラウザ側のキャッシュが影響している可能性があります。
この方法なら、普段使っているブラウザのデータを削除せずに確認できます。
3．ブラウザのキャッシュを削除する
別のブラウザやシークレットモードでは正常に表示される場合、普段使っているブラウザのキャッシュを確認します。
Chromeの場合は、設定画面から閲覧データを削除できます。
ただし、Cookieや保存されたパスワードまで全部削除する必要はありません。
キャッシュされた画像やファイルを中心に削除すると、ほかのWebサービスからログアウトするリスクを減らせます。
ブラウザキャッシュについてはこちらの記事でも詳しく解説しています。
4．WordPressやテーマ側のキャッシュを確認する
ブラウザ側に問題がなさそうな場合は、WordPressやテーマ側のキャッシュを確認します。
WordPressでは、
- キャッシュプラグイン
- テーマの高速化機能
- テーマ独自のキャッシュ
などが使われていることがあります。
これらのキャッシュに古いページ情報が残っていると、WordPressでは更新済みでも公開ページでは変更前の内容が表示されることがあります。
Dorabloで使用しているSWELLにも、キャッシュや高速化に関する機能があります。
たとえば、WordPress管理画面上部の「SWELL設定」から、
- キャッシュクリア（コンテンツ）
- キャッシュクリア（ブログカード）
などを実行できます。
記事や固定ページを更新したのに古い表示が残っている場合は、こうしたテーマ側のキャッシュをクリアすることで反映されることがあります。
ただし、キャッシュをクリアしても変わらない場合は、編集画面を開き直して、変更した内容そのものが保存されているかも確認しましょう。
「反映されない」のか「保存されていない」のかを確認する
ここが今回の記事で特に重要なポイントです。
一見すると、
「更新したのに反映されない」
という同じ症状に見えても、実際には2つの状態があります。
変更内容は保存されている
編集画面を開き直しても、
- 修正した文章
- 追加したCSS
- 変更した設定
が残っている場合です。
この場合は、
- ブラウザキャッシュ
- WordPress側のキャッシュ
- CSSの記述
などを確認します。
変更内容そのものが保存されていない
編集画面を開き直すと、
先ほど追加した内容が消えている
場合です。
この場合はキャッシュではなく、保存処理そのものに問題がある可能性があります。
たとえば、
- WAF
- セキュリティ機能
- プラグイン
- サーバー側の制限
などです。
つまり、
編集画面に変更内容が残っている → 反映の問題
編集画面に変更内容が残っていない → 保存の問題
と分けると、原因を探しやすくなります。
5．CSSが反映されない場合は記述を確認する
CSSが保存されているのにデザインが変わらない場合は、CSSの記載方法や、ほかのCSSとの重なりを確認してみましょう。
たとえば、
- デザインを変更したい場所の指定が間違っている
- ほかのCSSに上書きされている
- PC・スマートフォンなど、表示条件によって別のCSSが適用されている
- 書いたCSSより、ほかのCSSの指定が優先されている
といったことがあります。
CSSそのものが編集画面に残っている場合は、保存処理よりも、こうしたCSSの記載方法や適用条件を確認してみましょう。
CSSを追加したのに編集画面から消えている場合は別の問題
CSSを追加して「更新」を押したあと、
公開ページで変化がない
↓
編集画面を開き直す
↓
追加したCSS自体が消えている
という場合は、CSSの書き方やキャッシュとは別の問題です。
この場合、入力した内容が保存時にブロックされている可能性があります。
Dorabloでも、SWELLのカスタムCSSを追加した際に、ConoHa WINGのWAFが影響してCSSだけ保存されなかったことがありました。
詳しくはこちらの記事で紹介しています。
6．最近更新・追加したプラグインを確認する
WordPressでは、プラグインが更新処理や表示に影響することもあります。
特に、
- キャッシュプラグイン
- セキュリティプラグイン
- CSS・JavaScript関連
- 最適化プラグイン
などを利用している場合です。
もし、
プラグインを追加・更新した直後から反映されなくなった
のであれば、直前に変更したプラグインから確認してみましょう。
ただし、いきなりすべてのプラグインを停止する必要はありません。
まずは、
最近変更したものからひとつずつ確認する
のがおすすめです。
7．テーマ側の設定も確認する
WordPressテーマによっては、
- 独自キャッシュ
- CSSの最適化
- JavaScriptの遅延読み込み
- ページごとの設定
などが用意されています。
そのため、テーマを更新したあとや、高速化設定を変更したあとに表示が変わった場合は、テーマ側も確認してみましょう。
Dorabloで使用しているSWELLにも、キャッシュや高速化に関する機能があります。
たとえば、WordPress管理画面上部の「SWELL設定」から、
- キャッシュクリア（コンテンツ）
- キャッシュクリア（ブログカード）
などを実行できます。
記事や固定ページを更新したのに古い表示が残っている場合は、こうしたテーマ側のキャッシュをクリアすることで反映されることがあります。
ただし、キャッシュをクリアしても変わらない場合は、編集画面を開き直して、変更した内容そのものが保存されているかも確認しましょう。
また、テーマ側とキャッシュ系プラグインの両方で似た機能を有効にしていると、どのキャッシュが影響しているのか分かりにくくなることがあります。
そのため、利用しているテーマにどのような高速化・キャッシュ機能があるのかを把握しておくことも大切です。
8．サーバーキャッシュを確認する
レンタルサーバーによっては、サーバー側にもキャッシュ機能があります。
WordPressやブラウザ側では変更されていても、サーバー側に古いデータが残っていると、公開ページへすぐ反映されないことがあります。
利用しているレンタルサーバーの管理画面に、
- キャッシュ
- 高速化
- CDN
などの設定がある場合は確認してみましょう。
ただし、設定内容が分からない状態でいろいろ変更するのではなく、現在どの機能が有効になっているかを確認してから操作するのがおすすめです。
9．最後にWAFを確認する
ここまで確認しても原因が分からず、さらに、
編集画面を開き直すと追加したコードやCSSが消えている
という場合は、WAFも確認候補になります。
WAFはWebサイトへの不正な通信や攻撃を検知・防御するためのセキュリティ機能です。
通常はONで利用します。
ただし、WordPress管理画面から、
- CSS
- HTML
- JavaScript
- 特殊なコード
などを保存した際に、正常な操作でもWAFが検知する場合があります。
その結果、
更新エラーは出ていないのに、一部の入力内容だけ保存されていない
ということがあります。
ConoHa WINGならWAFを一時的にOFFにして確認できる
ConoHa WINGを利用している場合は、WAFを一時的にOFFにして原因を切り分けることができます。
Dorabloでも、
CSSを追加
↓
更新
↓
エラーは出ない
↓
公開ページでは変化なし
↓
編集画面を見るとCSSが保存されていない
↓
WAFを一時的にOFF
↓
同じCSSを保存
↓
正常に保存・反映
というケースがありました。
ConoHa WINGでは、専用のコントロールパネルプラグインを利用すると、WordPress管理画面からWAFやコンテンツキャッシュの設定を確認できます。
実際の管理画面では、下の画像のように「高速化設定」と「セキュリティ設定」が表示されます。
CSSやコードが保存されない場合は、WAFを一時的にOFFにして同じ操作を試すことで、WAFが原因かどうかを切り分けられます。
また、更新内容は保存されているのに公開ページだけ古い表示のままの場合は、コンテンツキャッシュの「キャッシュクリア」も確認できます。
ConoHa WINGについてはこちらの記事でも紹介しています。
WAFは確認後にONへ戻す
WAFをOFFにすると正常に保存できた場合でも、
そのままずっとOFFにするのはおすすめしません。
WAFはWebサイトを保護するためのセキュリティ機能です。
原因確認のために一時的にOFFにした場合は、
WAFをOFF
↓
変更内容を保存
↓
公開ページを確認
↓
WAFをONへ戻す
という流れにしましょう。
キャッシュを削除しても直らない場合は保存状況を見る
WordPressで変更が反映されないと、
「とりあえずキャッシュを削除しよう」
となりがちです。
しかし、キャッシュを削除しても直らない場合は、編集画面を開き直して、
変更内容そのものが保存されているか
を確認してみましょう。
もし入力内容が消えているのであれば、キャッシュを何度削除しても解決しません。
この違いを知っているだけでも、原因をかなり絞り込みやすくなります。
WordPressで更新が反映されないときの確認順
原因が分からない場合は、次の順番で確認すると分かりやすいです。
- 本当に更新できているか確認する
- シークレットモード・別ブラウザで確認する
- ブラウザキャッシュを確認する
- WordPress・テーマ側のキャッシュを確認する
- 編集画面を開き直して変更内容が保存されているか確認する
- CSSやコードの記述を確認する
- 最近変更したプラグインやテーマを確認する
- サーバーキャッシュを確認する
- 必要に応じてWAFを確認する
ポイントは、一度にすべて変更しないことです。
ひとつ確認したら公開ページを見て、症状が変わったか確認しましょう。
まとめ｜「反映されない」と「保存されていない」を分けて確認しよう
WordPressで更新したのに変更内容が反映されない場合は、最初にブラウザやキャッシュを確認してみましょう。
ただし、キャッシュが原因とは限りません。
重要なのは、
編集画面を開き直したときに変更内容が残っているか
です。
変更内容が残っている場合は、
- ブラウザキャッシュ
- WordPress・テーマ側のキャッシュ
- CSS
- サーバーキャッシュ
などを確認します。
一方で、変更した内容そのものが消えている場合は、
- 保存処理
- セキュリティ機能
- プラグイン
- WAF
などが影響している可能性があります。
特にCSSやコードを追加したときだけ保存されない場合は、レンタルサーバー側のWAFも確認候補になります。
WordPressで変更が反映されないときは、
「表示の問題なのか」「保存の問題なのか」
を最初に切り分けることで、原因を見つけやすくなります。
焦って複数の設定を変更せず、簡単なところからひとつずつ確認していきましょう。
