はじめに
Elementorで「ウィジェットが表示されない」「編集画面が真っ白になる」「フロントエンドのレイアウトが崩れた」という問題はキャッシュ・プラグイン競合・CSSの再生成で大半が解決します。
症状・原因
- Elementorで編集したのにフロントエンドに反映されない
- 編集画面（エディター）が開かない・読み込みが止まる
- 特定のウィジェットだけ表示されない
- Elementorを更新したらレイアウトが崩れた
解決手順
ステップ1：キャッシュをクリアする
# Elementor独自のCSSキャッシュをクリア
wp elementor flush-css
# WordPressオブジェクトキャッシュをクリア
wp cache flush
# キャッシュプラグインのキャッシュもクリア
wp super-cache flush
wp w3-total-cache flush all
wp litespeed-cache purge all管理画面から：
Elementor → ツール →「一般」タブ
→「スタイルとデータを再生成」をクリックステップ2：プラグイン競合を特定する
# 全プラグインを一時無効化（Elementor以外）
wp plugin deactivate --all
wp plugin activate elementor
# 問題が解決したら1つずつ有効化して犯人を特定
wp plugin activate contact-form-7
# → 問題が再現したらCF7が原因ステップ3：Elementorのデータを再生成する
# CSSファイルを再生成
wp elementor flush-css
wp elementor regenerate-files
# Elementorのデータベーステーブルを再構築
wp elementor library sync管理画面から：
Elementor → ツール →「再生成ファイルと再生成データ」
→「ファイルを再生成」→「CSS を再生成」ステップ4：編集画面が開かない場合
// wp-config.php に追加（メモリ不足対策）
define('WP_MEMORY_LIMIT', '512M');
define('WP_MAX_MEMORY_LIMIT', '512M');セーフモードで開く（プラグイン競合を排除）：
編集画面URL に ?elementor-preview=POST_ID&e-disable-bc=true を追加
または
Elementor → ツール →「セーフモード」をオンステップ5：特定ウィジェットが表示されない場合
// functions.php — ウィジェットを再登録
add_action('elementor/widgets/register', function(\Elementor\Widgets_Manager $mgr) {
// 一度アンレジスターして再登録
$mgr->unregister('my-widget');
require_once get_template_directory() . '/widgets/my-widget.php';
$mgr->register(new \MyWidget());
}, 20);CSSが適用されていない場合：
# アップロードディレクトリのパーミッション確認
ls -la wp-content/uploads/elementor/css/
# → 644 になっているか確認
# 権限修正
chmod -R 644 wp-content/uploads/elementor/css/
chmod -R 755 wp-content/uploads/elementor/ステップ6：Elementorのバージョンをロールバックする
# 前バージョンに戻す
wp plugin install elementor --version=3.18.0 --force
# 自動更新を一時停止
wp plugin auto-updates disable elementor注意事項
- Elementor 3.x系はPHP 7.4以上・WordPress 6.0以上が必要です
- 子テーマを使わずに親テーマを直接編集すると、テーマ更新でElementorのカスタマイズが失われます
- Elementor ProとFreeを同時に使う場合はバージョンを揃えてください
まとめ
Elementorの表示問題は wp elementor flush-css → wp cache flush → プラグイン競合確認の順で解決するケースがほとんどです。編集画面が開かない場合はメモリ上限の引き上げとセーフモードを試してください。