Web Design

WordPress 5.8 and Full Site Editing: What Arrived and What's Still Coming

WordPress 5.8 (released July 2021) introduced the first phase of Full Site Editing: (1) Site Editor (beta) — edit templates, template parts, and global styles through the block interface (requires a block theme); (2) Block-based widget areas — the classic Widgets screen replaced with the block editor; (3) Query Loop block — display dynamic post lists configured visually without PHP; (4) Theme.json — a JSON configuration file for block themes defining global colours, typography, and spacing; (5) Template Editor — edit page/post templates from within the post editor. Full FSE maturation (stable Site Editor, improved template system, expanded block theme ecosystem) continued through WordPress 5.9 (January 2022) and 6.0 (May 2022).

Published: 2021-07-22 | Last Updated: 2021-07-22 | 8 min read

Key Takeaways

  • WordPress 5.8 delivered the Site Editor in beta — functional for development and experimentation with block themes, but not yet fully stable for all production use cases.
  • Block-based widget areas arrived in 5.8, replacing the classic Widgets screen — sites running theme widget areas now configure them through the block editor instead of the widget drag-and-drop interface.
  • The Query Loop block enables dynamic post display without PHP code — a significant capability for theme developers building archive templates, portfolio grids, and custom post type displays.
  • Theme.json is the global style configuration file for block themes — defining available colours, typography, spacing, and default block styles centrally rather than in per-block CSS.
  • Full Site Editing's full capability — stable, documented, with broad ecosystem theme support — arrived progressively through WordPress 5.9 (Twenty Twenty-Two, stable Site Editor) and 6.0 (design tools expansion).

The WordPress development community set an ambitious goal for 2021: ship the first phase of Full Site Editing to WordPress core. WordPress 5.8 — released July 20, 2021 and named 'Tatum' after the jazz pianist Art Tatum — delivered that milestone. What arrived in 5.8 was consequential but intentionally incomplete. The Gutenberg team has publicly described FSE development as a multi-year, multi-phase project. The 5.8 release delivered the infrastructure and core blocks needed to begin FSE, with the understanding that stability, documentation, and ecosystem support would continue to mature through subsequent releases. For WordPress users and developers, understanding what 5.8 actually delivered — versus what's still in development — helps set appropriate expectations for block theme adoption and site development decisions.

Definition: Theme.json in WordPress Block Themes

Theme.json is a JSON configuration file that block themes use to define design system settings — the palette of available colours, the typography options (font families, font sizes, font weights), and the spacing scale available to blocks through the editor settings panel. It replaces the need to add_theme_support() functions in functions.php for configuring editor colour palettes and font sizes. Theme.json can also set default styles for specific blocks (e.g., the default heading font size for h2 blocks), enable or disable block features (e.g., disable colour customisation for text blocks), and define global CSS custom properties used throughout the theme. The result: a single file defines the design constraints and defaults of the entire block theme, ensuring that block styling choices in the editor align with the overall design system.

What WordPress 5.8 Actually Delivered for Full Site Editing

WordPress 5.8 shipped the foundational FSE components — the Site Editor, Query Loop block, and theme.json — while intentionally marking the Site Editor as experimental to set expectations for its maturation trajectory.

The Site Editor in 5.8 is accessible at Appearance > Editor when a block theme is active. Within the Site Editor, you can navigate between templates (the page-type templates: singular, archive, 404, search) and template parts (header, footer, sidebar — the reusable sections used across templates), and edit them using the block editor interface. Global Styles (the paintbrush icon in the Site Editor toolbar) provides access to site-wide colour, typography, and spacing settings defined by theme.json. In 5.8, the Site Editor was marked as beta — some workflows were incomplete, certain blocks behaved differently in the template editing context, and some themes had inconsistencies. Developers could build with it; production deployment required careful testing.

Block-based widget areas in 5.8 replaced the classic Appearance > Widgets screen with the block editor interface. Sidebar, footer, and other registered widget areas now display as block editor canvases where you add, arrange, and configure blocks rather than dragging classic widgets. The change breaks backwards compatibility with classic widgets — sites running custom or third-party classic widgets (not converted to blocks) needed the Classic Widget plugin to restore the old interface. Most major widget authors had block equivalents by the 5.8 release, but the transition required verification for each site.

The Query Loop block is arguably 5.8's most useful contribution for theme developers. Before this block, displaying dynamic post lists in a customisable layout required PHP loop code in template files. The Query Loop block replaces this with a visual configuration: select the post type (Posts, Pages, or registered custom post types), filter by category/tag/author, set the number of posts, define the order, and configure the layout using inner blocks. The Post Template block within Query Loop defines the repeating layout for each result — using blocks like Post Featured Image, Post Title, Post Date, and Post Excerpt to build the display format.

  • Site Editor (beta) — edit templates and template parts through block interface; requires block theme
  • Block-based widget areas — Widgets screen replaced with block editor; classic widget support via plugin
  • Query Loop block — dynamic post display without PHP; configurable post type, filters, layout
  • Theme.json — JSON design system configuration file defining colours, typography, spacing for block themes
  • Template Editor — edit post/page templates from within the post editor without going to the Site Editor

The FSE Roadmap Beyond 5.8

Full Site Editing matured through WordPress 5.9 and 6.0, with the Site Editor stabilising and the block theme ecosystem expanding — the 5.8 beta became production-ready infrastructure within two release cycles.

WordPress 5.9 (January 2022) was the release that brought FSE to production readiness. It shipped Twenty Twenty-Two — the first default WordPress theme built entirely as a block theme, using HTML templates and theme.json rather than PHP templates. The Site Editor received significant stability improvements, a restructured navigation UI, and expanded Global Styles capabilities. Twenty Twenty-Two demonstrated the full FSE experience as a production theme rather than a developer experiment — and its open-source code became the reference implementation for block theme development.

WordPress 6.0 (May 2022) continued the FSE maturation with a focus on design tools — expanded spacing controls, border design tools for blocks, block locking (preventing specific blocks from being moved or deleted in templates), and improvements to the global styles interface. By 6.0, FSE was sufficiently stable for production use on new builds and theme rebuilds — though the ecosystem of third-party block themes and block plugins continued to evolve throughout 2022 and into 2023.

Experience Signal

The WordPress 5.8 FSE launch coincided with several client projects where we were evaluating whether to build on classic themes vs block themes. Our decision was to continue using proven classic themes with Gutenberg for content editing for client projects through late 2021, while building internal block theme projects to develop FSE expertise. By early 2022 (post-5.9), we shifted to recommending block themes for new builds — the Site Editor was stable, Twenty Twenty-Two demonstrated the full experience, and the block ecosystem had matured enough for production use. That timing — not rushing to FSE in 5.8, but not waiting indefinitely — was the right call for balancing feature benefit with stability risk.

Frequently Asked Questions

The WordPress Site Editor (also called the FSE editor or the Global Site Editor) is the interface that allows editing all aspects of a block-based WordPress theme — headers, footers, templates, template parts, and global styles — using the same block editing interface as the post/page editor. In WordPress 5.8, the Site Editor launched in beta, accessible through Appearance > Editor when a block theme (like Twenty Twenty-One with FSE support enabled, or the Gutenberg plugin's default themes) is active. The Site Editor shows the entire site template, not just post content — editors can select and modify the header, modify the sidebar, change the footer, and switch between page templates, all through the block interface. In 5.8, the Site Editor was experimental — full stability and documentation arrived progressively through 5.9 and 6.0.

Sources

Building a New WordPress Site or Migrating to Block Themes?

Webnixon designs and builds block-theme WordPress sites using Full Site Editing — from theme.json design systems through template development and content team training.

Book a WordPress Consultation

About the author

David Okafor

David Okafor

Developer

David is a full-stack developer at Webnixon with expertise in React, WordPress, and custom web application development. He contributes to complex front-end builds, API integrations, and performance-focused engineering for Webnixon clients. He writes about web development best practices, WordPress, and the technical side of building fast, maintainable websites.

Related Articles

WordPress Gutenberg and Full Site Editing: What It Means for Your Website

Web Design

WordPress Gutenberg and Full Site Editing: What It Means for Your Website

WordPress's Gutenberg block editor fundamentally changed content creation since its introduction in WordPress 5.0. In 2020, development on Full Site Editing (FSE) accelerated — extending block editing to headers, footers, and templates. Here's what the Gutenberg evolution means for businesses running WordPress websites.

August 20, 2020Jim Yang8 min read
WordPress Multisite: What It Is and When Your Organisation Should Use It

Web Design

WordPress Multisite: What It Is and When Your Organisation Should Use It

WordPress Multisite is a feature that allows you to run a network of websites from a single WordPress installation — shared admin, shared user database, shared plugins and themes, individual site content and settings. It's powerful in specific situations and a costly mistake in others. Here's how to decide.

October 17, 2019Jim Yang8 min read
WordPress Security: A Practical Guide to Protecting Your Business Website

Web Design

WordPress Security: A Practical Guide to Protecting Your Business Website

WordPress is the most popular CMS in the world — and consequently the most targeted. Automated bots scan for outdated plugins, weak passwords, and exposed login pages constantly. Most WordPress security breaches are preventable with a straightforward set of practices. This guide covers them in order of priority.

June 14, 2018David Okafor9 min read