Elementor – PUSH 後にレイアウトとデザインが崩れた。Elementor キャッシュを削除!

Staging サイトを本番に PUSH した後、サイトからフォントや CSS スタイルなどのすべてのビジュアル要素が失われた場合は、まずもう一度 PUSH を行い、PUSH 処理を開始する前にすべてのデータベーステーブルとフォルダを選択していることを確認してください。

WP STAGING はテーブルとファイルの最後の選択状態を記憶するため、以前にフォルダや一部のテーブルを除外していた場合、もう一度 PUSH を実行してもそれらは引き続き除外されます。

それでも本番サイトの見た目が良くない場合は、まずブラウザのキャッシュをクリアするか、別のブラウザを使うか、シークレットブラウザで表示してみてください。それでも解決しない場合は、次の手順に従ってください。

1. Elementor > Tools > Regenerate CSS に移動し、Regenerate Files ボタンをクリックしてください。
2. ページを更新してください。Update ボタンを有効化するために、小さな変更を加える必要があるかもしれません。
3. サーバーキャッシュ (ある場合)・使用している WordPress キャッシュ Plugin・ブラウザキャッシュなど、すべてのキャッシュをクリアしてください。別のブラウザやシークレットブラウザで確認することもできます。
4. 本番サイト > Elementor > Settings に移動し、CSS Print Method を切り替えてから「Save Changes」をクリックします。

こうすることで本番サイトの見た目が良くなり、すべてのスタイルが復元されるはずです。

関連記事

• WordPress サイトを高速化してキャッシュする方法 – 究極のガイド