WordPressサイトエディター：ブロックテーマのフルサイト編集とカスタマイザーの違い

WordPressのサイトエディター（外観 › エディター）は、ブロックテーマのヘッダーとフッター、テンプレート、サイト全体のスタイルをブロックで編集する管理画面で、外観メニューから開きます。WordPress 7.1.3とTwenty Twenty-Fiveテーマでテンプレート8個とテンプレートパーツ7個を実際に開いて確認し、カスタマイザーとの違いをまとめました。

1️⃣ WordPressサイトエディターの画面：外観 › エディター

[外観] メニューでサイトエディターを開く項目の名前は、使っているテーマによって変わります。ブロックテーマでは [エディター] と表示されます。 GeneratePressやAstraのように、エディタースタイルや [theme.json] に対応したクラシックテーマでは [デザイン]、それ以外のクラシックテーマでは [パターン] と表示されます。3つの項目はどれも同じエディター画面 [site-editor.php] を開きますが、[デザイン] ではスタイルブックとパターンリストだけ、[パターン] ではパターンリストだけが使えます。

[外観 › エディター] を開くと、管理メニューの代わりに [デザイン] という見出しの暗いパネルが左に表示され、右にサイトのプレビューが開きます。この画面の [スタイル]、[テンプレート]、[パターン] でブロックテーマのフルサイト編集を行います。

テーマファイルをコードで直接編集する [テーマファイルエディター] は、[エディター] と名前は似ていても別の画面で、ブロックテーマを使うと [ツール] メニューの下に表示されます。

サイトのタイトルとキャッチフレーズ、ロゴ、アイコンは、左の [デザイン] パネルの [Identity] で設定します。

2️⃣ スタイル：サイト全体の色とフォント、スタイルバリエーション

[スタイル] で変えた色とフォントはサイト全体に適用されます。フォントだけ変えるなら [タイポグラフィ]、色だけ変えるなら [色] のように、パネルの項目を一つずつ開いてサイト全体の値を決めます。[ブロック] では、引用ブロックのようにブロックの種類ごとの見た目をサイト全体でそろえます（公式ドキュメント基準）。

[スタイル一覧へ] は、テーマを変えずに色とフォントの組み合わせを一度に切り替えるバリエーションの一覧で、Twenty Twenty-Five 1.5ではデフォルトを含めて9個でした。1つのページだけ違う見た目にしたいときは、バリエーションではなくそのページのブロック設定で変えます。バリエーションはサイト全体の見た目を一度に変えるからです。

3️⃣ テンプレートとテンプレートパーツ：ヘッダー・フッターの編集

ヘッダーとフッターに入るサイトタイトルとメニューの配置は、テンプレートパーツで編集します。スタイルは色とフォントだけを変え、この構成は変えません。

[テンプレート] で [固定ページ] をクリックするとテンプレートの編集画面が開き、右の [テンプレート] タブの [コンテンツ] に、このテンプレートが使うヘッダーとフッターが表示されます。テンプレートパーツは複数のテンプレートが共通で使うため、ヘッダーを編集すると同じヘッダーを使うすべてのテンプレートに反映されます。

編集した内容は、編集画面右上の [保存] をクリックしてはじめて訪問者の画面に反映され、変更がなければ [保存] ボタンは無効のままです。

4️⃣ WordPressカスタマイザーとの違い：クラシックテーマとブロックテーマ

ブロックテーマでは [カスタマイザー] の代わりに、サイトエディターで同じ設定をブロックで行います。そのため、カスタマイザーを使うプラグインやテーマがなければ、ブロックテーマでは [カスタマイズ] メニューが表示されません（公式ドキュメント基準）。

ブロックテーマのTwenty Twenty-Fiveを使うと、[外観] メニューにはテーマ、エディター、フォントの3項目だけが表示され、クラシックテーマのウィジェットとメニューの役割はテンプレートパーツと [ナビゲーション] が担います。

AstraやGeneratePressのようなクラシックテーマを使うと、 [外観] メニューにテーマ・デザイン・カスタマイズ・ウィジェット・フォント・メニューが表示され、[テーマファイルエディター] もこのメニューに含まれます。ウィジェットとメニューはテーマが対応しているときだけ表示され、ヘッダー画像と背景に対応したテーマでは [ヘッダー] と [背景] が加わります。

GeneratePressを [ライブプレビュー] で開くと、カスタマイザーにレイアウト、色、タイポグラフィ、一般の項目が加わり、メニューの位置を決める [メニュー] の項目も表示されます。

🔢 FAQ & おすすめコンテンツ

ℹ️ 提携について
当サイトのコンテンツにはアフィリエイトリンクが含まれています。訪問者がこのリンクを通じて商品やサービスを購入すると、当サイトは販売元から手数料を受け取ります。この過程において、購入者が支払う金額^{（イベント割引適用で金額が下がります↓）}は上昇しません。掲載されている価格・割引・在庫情報は作成時点のものであり、実際とは異なる場合がありますので、ご購入前に販売元にて最終確認をお願いいたします。商品の選定および評価は独自の基準に基づいて行われており、手数料の支払いの有無は紹介順や評価内容に影響を与えません。