Elementorで制作したサイトのデザインが突然崩れた場合の対処法

Elementorを用いて制作したホームページのデザインが突然崩れることがあります。文章や写真はそのまま表示されているのに配置や色遣いがおかしくなっているという場合は、正しくCSSが適用されていないことが原因です。

Elementorでは、こういったCSSがうまく適用されずデザインに反映されないという現象が割と頻繁に発生します。そんなときに、今回の対処法をお試しください。

最新データに更新する

まずはご利用中のWordPressのダッシュボードにログインしてください。

そこに以下のような「Elementorデータ更新ツール」「Elementor Pro Date Updater」という表示が出ている場合は、いずれも「今すぐ実行するにはここをクリック」と書かれたボタンをクリックしてください。

クリックできたら、一度サイトの状況をご確認ください。これでデザインの崩れが修正されていれば、それでOKです。この作業を行ってもまだデザインの崩れが修正されていない場合は、次の手順も行ってください。

今後同様の表示が出ているときは、その都度ボタンをクリックするようにしてください。

CSSをリセット（Regenerate）する

上記でデザイン崩れが修正されない場合は、Elementorで使われているCSSを一度リセットしてみます。

まず、ダッシュボードの左側からElementorを選択したのち、

という流れで進めます。

変更を保存できたら、デザイン崩れが直っているかどうかをご確認ください。

この流れでほとんどのデザイン崩れは改善されると思いますが、もしこれでもデザイン崩れたままの場合は、何か他のところで異常が発生している場合がありますので、調査が必要になります。

どうしても自力で修正するのが難しいという場合は、個別にご相談ください。