Elementorでページ複製してデザインが崩れた時の対処法は？

Elementorは便利です。

Elementorにはテンプレート保存する機能がありますが、セクション単位でしか保存できません。Elementorで作ったページを丸ごとコピーして他のページに使いまわしたい！と思うことも多いです。

1クリックでページを丸ごとコピーできるプラグイン

Elementorで作ったページを丸ごとコピーして他のページに使いまわすのに便利なのが、Duplicate postと言うプラグインです。

Yoast Duplicate Post

強力な書き換え & 再公開機能を含む、投稿やページの複製に最適なツールです。

ja.wordpress.org

このプラグインを有効化すると、管理画面の記事一覧に複製という項目が増えます。コピーしたい記事で複製をクリックすれば新しい下書き記事が出来上がります。

Elementorでページ複製で発生したトラブル

Duplicate postでページを複製、これで一件落着かと思うじゃないですか、でもElementorを使っているページを複製すると、そのページを表示させるとデザインが崩れていると思います。

Elementorの編集画面に行くと、プレビュー状態では画面の崩れはありません。

キャッシュかな？とか普通に考えるのですが、この間の記事でcssのキャッシュは対策済みで、念のためにキャッシュ削除をしてみても治りません。

Elementorで子テーマのCSSが反映されない、その解決方法

最近、を使い始めました。Elementorは無料だと機能制限はありますが、十分使えます。有料版を使えば、便利なウィジットやショートコードが使えるようになりますが、レイアウトだけ気にして他はCSSで対応するという場合は、無料版でも問題ありませ...

nldot.info

2021.11.15

Elementorのページ複製後のトラブル対処方法

1. Elementorの編集画面に行きます。
2. 何かのウィジットを選択します。
3. 緑の更新ボタンを押します。
4. Elementorがページを公開します。
5. 実際のページもデザインの崩れは無くなります。

まとめ

Elementorを含むページは、複製してコピーするとElementor的には公開されていない状態になるようです。記事の公開だけじゃダメで、Elementorで一度保存しないとダメなようです。