WordPressのフルサイト編集（FSE）対応テーマでの注意点

フルサイト編集（FSE）とは？

「フルサイト編集（Full Site Editing：FSE）」は、WordPress 5.9以降で本格導入された編集の仕組みです。
これまでは記事本文だけをブロックエディターで編集し、ヘッダーやフッターはテーマやPHPファイルを触らないと変更できませんでした。
FSEに対応した「ブロックテーマ」では、サイト全体をブロック単位で編集できるようになり、デザイン変更の自由度が格段に広がります。

一方で、従来のテーマカスタマイズに慣れている人からすると「どこを触ればいいの？」と迷いやすいのも事実です。
便利さと同時に、互換性や操作性に注意が必要な側面もあります。

クラシックテーマとの違い

症状の切り分けは、まず「クラシックテーマ」か「ブロックテーマ（FSE）」かを見極めることから始まります。同じ「メニューが反映されない」でも、原因を探す場所がまったく違うためです。

フルサイト編集対応テーマ ～WordPressレベルごとのおすすめ対応

ブロックテーマ（FSE）でよくあるトラブル

「テーマを切り替えたら急に表示がおかしくなった」という相談の多くは、クラシックテーマとブロックテーマで仕組みが違うだけで、故障ではありません。よくある症状と、確認する場所をまとめました。

ウィジェットが消えた・反映されない

クラシックテーマは「外観 > ウィジェット」でウィジェットエリアに配置しますが、ブロックテーマは「外観 > エディター（サイトエディター）」でテンプレートパーツの中にブロックとして配置します。テーマ切替後は以前の設定がそのまま出ないのが仕様です。あわせて、表示制御系プラグイン（Widget Options 等）が新テーマに未対応で、ブロック側の表示条件を上書きしていないかも確認します。

メニュー（ナビゲーション）が反映されない・混在する

ブロックテーマは「ナビゲーション」ブロックでメニューを組みますが、従来の「外観 > メニュー」の設定と混在して迷子になりがちです。表示位置の割り当て、デバイス別の表示設定、キャッシュの3点を順に確認します。

レイアウトが崩れる・追加CSSが効かない

テーマを切り替えると、HTML構造・ウィジェット領域・テンプレート構成がまるごと変わるため、見た目の崩れは仕様上の違いであることが大半です。旧テーマの「追加CSS」は新テーマに引き継がれないことが多く、Gutenberg（ブロックエディター）とページビルダー（Elementor / Divi 等）のCSSが競合しているケースもあります。

日本語表示が崩れる（行間・フォントのバランス）

海外製のブロックテーマでは、英字前提のフォントサイズ・行間で作られていることが多く、日本語を入れると行間が詰まって読みにくくなったり、英数字だけ違うフォントになって統一感がなくなったりします。theme.json側でフォントサイズ・行間・日本語フォントの指定を調整する必要があります。

対応していないプラグインがある

ACFやフォーム系プラグインの一部は、ブロックテーマ・サイトエディターへの対応が追いついていないことがあります。テンプレート階層の扱いが変わったことで、フォームの挿入位置によってはJS・CSSが正しく読み込まれないケースも見られます。導入前に、使用中の主要プラグインが最新のブロックテーマ環境で動くか確認しておくと安心です。

コアアップデートで突然崩れる

FSEはまだ仕様変更が続いている機能です。WordPress本体やテーマのアップデートで、ブロックの入れ子構造や見た目が変わり、以前は問題なかった箇所が崩れることがあります。更新前のバックアップと、可能であれば検証環境での確認を習慣にしておくと安全です。

上記に当てはまる具体的な症状は、それぞれ詳しい記事でも解説しています。
→ ウィジェットが表示されない／カスタムメニューが反映されない／テーマ変更でレイアウトが崩れる