Site Editor
Quick Definition
The Site Editor is the visual interface in WordPress that lets you design your entire site — templates, headers, footers, styles, navigation, and pages — using blocks. It requires a block theme and is accessed via Appearance > Editor.
What Is the Site Editor?
The Site Editor is the visual design interface that lets you customize every part of a WordPress site using blocks. Unlike the regular post editor, which only handles the content area of a single post or page, the Site Editor controls your entire site structure — headers, footers, templates, navigation menus, and global design settings.
WordPress introduced the Site Editor in version 5.9 (January 2022) as the centerpiece of Full Site Editing. It is only available when you activate a block theme. Classic themes still use the older Customizer for appearance settings.
You access the Site Editor by going to Appearance > Editor in your WordPress dashboard. Once inside, a left sidebar presents five sections:
- Navigation — Create and manage menus using the Navigation block
- Styles — Change typography, colors, spacing, and layout across your entire site through Global Styles
- Pages — Edit page content directly inside the Site Editor (added in WordPress 6.3)
- Templates — Customize layouts for specific page types like single posts, archives, search results, and 404 pages
- Patterns — Manage reusable block patterns and template parts like headers and footers
Site Editor in Practice
The Site Editor replaces several scattered customization screens that classic themes relied on: the Customizer, the Menus screen, and the Widgets screen. Everything lives in one unified visual interface.
A typical workflow: you open the Site Editor, click Templates, select your Single Post template, and rearrange the layout — maybe moving post meta below the title or adding a related-posts pattern after the content. Then you switch to Styles, pick a different font pairing, and adjust your color palette. Every change previews live. When you click Save, WordPress shows exactly which templates, template parts, and styles have been modified so you can save selectively.
The Command Palette (Ctrl+K or Cmd+K) is a power feature — it lets you jump instantly to any template, page, or style setting without clicking through menus.
Why It Matters
The Site Editor removes the barrier between design and content. Before Full Site Editing, changing a header layout or footer design meant editing PHP theme files or hiring a developer. Now, anyone can visually design their entire site. If you are building a WordPress site with a block theme, the Site Editor is your primary design tool — understanding how it works is essential.