Elementorプラグインでプレビューが読み込めない

wordpressの固定ページでelementorを使おうとしてelementorの編集画面に入ると
「プレビューを読み込めませんでした」の表示が出て編集画面に入れない。
結構悩んだ結果、以下ページを参考に解決。

https://qiita.com/specially198/items/162e6a295b1755ff584f

WordPressのElementorプラグインで「プレビューを読み込めませんでした」とエラーになる

解決方法

functions.phpに記述されてある

wp_deregister_script('jquery');

を

function my_delete_local_jquery() {
  if (!\Elementor\Plugin::$instance->preview->is_preview_mode()) {
    wp_deregister_script('jquery');
  }
}
add_action( 'wp_enqueue_scripts', 'my_delete_local_jquery' );

に変更した所、読み込めました。

その他に試した事

上記内容に辿り着く前に試した事として、Elementorをセーフモードにして編集画面を開きました。

セーフモードの入り方

wordpressの管理画面よりサイドバー > Elementor > ツール > セーフモード

セーフモードを有効化にするとセーフモードに入れます。
私の場合セーフモードを有効化する事で編集画面に入れました。

その後、Elementorの公式デバッグ方法でデバッグを行いました。

https://elementor.com/help/debugging-safe-mode/

Debugging Safe Mode
  • Elementor以外のプラグインを全て無効化にして編集画面を開く
  • テーマを切り替えて編集画面を開く
  • パーマリンクの構造を確認し、設定を保存する
  • ブラウザのシークレットモードで編集画面を開く

他にもデバッグ方法として続きますが、私の場合テーマを切り替えると
Elementorの編集画面に入れたので恐らくテーマが原因だと仮説立てました。

その後、「Elementor 読み込めませんでした」等で検索した所、記事最初のページがヒット
functions.phpを編集する事で解決しました。

web,開発メモ

Posted by admin