WordPressの表示が崩れる

Question

WordPressにてブログをしているのですが、ブログの更新ボタンを押した後スマホで自分のブログにアクセスすると、その後PCでアクセスした際に表示が崩れます。一方で、先にPCのブラウザ（WordPressの管理画面にログインしていないもの）で先にアクセスするとスマホ版の表示が崩れます。

具体的には以下のようになります。
〈PC画面が崩れるパターン〉
ブログの更新ボタンを押す
↓
スマホでブログにアクセスする
↓
その後PCのブラウザでアクセスすると、スマホでアクセスしたページのみ表示がスマホ版に変わり、ヘッダー部分からブログタイトルが消え、ヘッダーをクリックしてもホームに戻れなくなる。

〈スマホ画面が崩れるパターン〉
ブログの更新ボタンを押す
↓
WordPressの管理画面にログインしていないPCブラウザでブログにアクセスする
↓
その後スマホでアクセスすると、PCでアクセスしたページのみヘッダー部分からブログタイトルが消え、ヘッダーをタップしてもホームに戻れなくなる（ただしこの場合、本文のスマホ表示は維持されています。）

といった状況です。
私が使用しているパソコンはM1チップのMacBook Air、スマホはiPhone11になります。
外部の誰かからスマホでのアクセスがあった際にPC画面が崩れていないか確認してみましたが、その場合少なくとも自分のMac上では適切に表示されていたので自分の端末同士のみで起きている可能性もありますが詳しい検証ができず原因がわかりません。
プラグインの停止やキャッシュの削除を試みてみましたが改善されませんでた。
原因がわかる方がいらっしゃれば教えていただきたく思います。

追記
ブラウザはPC、スマホ双方ともにログインしておりません。

ログインしていない状況でも、ログインしている状況でも質問のような現象が起こります。

Safari、Chrome、Firefox、Microsoft Edgeで同じ現象が確認できました。

キャッシュ系プラグインは以前WP Fastest Cacheを使用したことがあるのですが不具合が多いとのことで現在は使用しておりません。
このプラグインでキャッシュを削除した際に必要なものまで消してしまった、ということもあるのでしょうか？

WordPressのバージョンは5.8
テーマはAffinger6
使用中のプラグインは
・Classic Editor
・Code Snippets
・ConoHa WING コントロールパネルプラグイン
・ConoHa WING 自動キャッシュクリア
・PHP Code Widget
・Slimstat Analytics
・ウィジェットのロジック
となります。

Comments

[CHERRY]

PC 側ブラウザやiPhone 側ブラウザは両方ともログインしているのでしょうか？

ログインしていない状況ではどうなりますか？

Safari であれば、Chrome や Firefox などの別のWebブラウザではどうなるでしょうか？

キャッシュ系のプラグインはお使いでしょうか？

また、WordPress のバージョン、お使いのテーマ名、お使いのプラグイン名などの情報を質問に追記していただけないでしょうか？

Answer 1

CHERRY様の言われるようにキャッシュ機能(ConoHa WING)によるものだと思います。

自動キャッシュクリアの設定をされているようですが、この機能は投稿の更新時のみキャッシュを削除するようなので、更新直後は正しく表示されるが、それ移行のアクセスはPC・SPにかかわらずキャッシュされたhtmlが利用され表示が崩れているのだと思います。

一度ConoHa WINGの「コンテンツキャッシュ」「ブラウザキャッシュ」機能を無効にしてみて正しく動作するか確認してみてはいかがでしょうか。

Comments

[sgbaro]

Conoha WINGのキャッシュ機能をサーバーの管理画面から全てオフにしてみたところ無事解決いたしました。

当方無知なため、Conoha WING 自動キャッシュクリアというプラグインを停止させるとこまではやっていたのですが、Conohaの管理画面からも設定をしなくてはいけないことを知りませんでした。

アドバイスしてくださったお二方、本当にありがとうございます。