WordPress block themes are themes built entirely with blocks, giving you visual control over every part of your site through the Site Editor. Instead of editing PHP files or relying on the Customizer, you design templates, headers, footers, and styles directly in the block editor.
If you’ve used WordPress for any length of time, you’ve probably noticed the platform changing around you. These themes are the biggest reason why. Officially introduced in WordPress 5.9 (January 2022) alongside Twenty Twenty-Two (the first block-based default theme), they represent the most significant shift in WordPress theming since the platform launched.
With a classic theme, you customize your site through the Customizer, widget areas, and a separate Menus screen. With the block-based approach, all of that happens in one place: the Site Editor. You can redesign your header, change your fonts site-wide, build custom page templates, and rearrange your homepage layout without writing code.
This guide covers what WordPress block themes are, how they compare to classic themes, the components that make them work, and how to start using one.
Table of contents
What Is a WordPress Block Theme?
A WordPress block theme is a theme that uses blocks for all parts of a site, not just the content area. That includes navigation menus, headers, footers, sidebars, and every page template. Everything is composed of blocks, and everything can be edited visually through the Site Editor.
Here’s what makes them different from the WordPress themes you may be familiar with:
They unlock the Site Editor. When you activate a block theme, a new option appears under Appearance → Editor in your WordPress dashboard. This is the Site Editor, the central hub for customizing your entire site visually. It replaces the Customizer that classic themes depend on.
They use HTML templates instead of PHP. Classic themes build pages using PHP template files like header.php and single.php. Block themes replace these with HTML files containing block markup. You’ll find them in the theme’s /templates/ folder, but you rarely need to open them because the Site Editor handles everything visually.
They’re configured through theme.json. Every block theme includes a theme.json file that acts as the theme’s central configuration. This file defines color palettes, typography, spacing defaults, layout widths, and which customization controls appear in the editor. It’s the blueprint for your theme’s design system.
They enable Full Site Editing (FSE). Full Site Editing is the umbrella term for WordPress features that let you use blocks to edit every part of your site. A block theme is what unlocks FSE. Without one active, you won’t have access to the Site Editor or its tools.
Every default WordPress theme since Twenty Twenty-Two has been a block theme, including the current default, Twenty Twenty-Five. The WordPress Theme Directory now includes a dedicated “Block Themes” filter, and the number of available options grows steadily.
Quick Tip: Not sure if your current theme is a block theme? Go to Appearance in your dashboard. If you see “Editor” as a menu option, you’re on a block theme. If you only see “Customize,” you’re using a classic theme.
Block Themes vs. Classic Themes
The core difference between block themes and classic themes is how your site gets built and how you customize it.
| Feature | Block Themes | Classic Themes |
|---|---|---|
| Editing interface | Site Editor (Appearance → Editor) | Customizer (Appearance → Customize) |
| Template format | HTML files with block markup | PHP template files |
| Configuration | theme.json | functions.php + add_theme_support() |
| Headers & footers | Edit visually with blocks | Theme options, widgets, or custom code |
| Navigation menus | Navigation block in Site Editor | Appearance → Menus screen |
| Sidebar content | Blocks (no widget areas) | Widgets in designated areas |
| Global styles | Styles interface in Site Editor | Custom CSS or theme options |
| Page builders needed? | Usually not | Often required for layout control |
How the Editing Experience Differs
With a classic theme, customization is spread across multiple screens. You adjust colors and fonts in the Customizer, manage menus under Appearance → Menus, configure widgets in Appearance → Widgets, and edit content in the block editor. Structural changes to templates typically require editing PHP files or installing a page builder.
With a block theme, all of this lives in the Site Editor. Templates, headers, footers, menus, colors, fonts, spacing, and layout are managed from one visual interface. You make changes by adding, removing, and rearranging blocks, and you see the results in real time.
Under the Hood
Classic themes are built on PHP. A theme like UniBlock PRO, Astra or GeneratePress uses files like header.php, index.php, and functions.php to control how pages render. Developers customize behavior through PHP functions, hooks, and filters.
The block-based approach replaces most of that PHP with HTML template files and a theme.json configuration file. The HTML files contain the same block markup the editor uses, and theme.json handles the settings and styles that functions.php used to manage. This makes themes lighter and easier to modify without coding knowledge.
Which Should You Choose?
Classic themes aren’t going away. They still work, they still get updates, and popular options like Astra, Kadence, and GeneratePress remain excellent choices for many sites. But WordPress core development now focuses on the block-based architecture. New capabilities like the Block Bindings API and expanded style variation support are built for this direction first.
If you’re starting a new site or considering a theme change, a WordPress block theme is the forward-looking choice. WPZOOM’s UniBlock PRO, for example, gives you full visual control over headers, footers, and templates with over 30 block patterns included. If your current classic theme meets your needs and you’re comfortable with your workflow, there’s no urgency to switch.
For a deeper look at the tradeoffs, see our full block themes vs. classic themes comparison.
Upgrade Your Website with a Premium WordPress Theme
Find a theme that you love and get a 10% discount at checkout with the FLASH10 code
Choose your theme
Key Components of WordPress Block Themes
Several components work together to make WordPress block themes function. Understanding them will help you get more out of whichever theme you choose.
The Site Editor
The Site Editor is the visual interface where you customize your entire site. You access it at Appearance → Editor in your WordPress dashboard.
When you open the Site Editor, you’ll see five main sections in the left panel:
- Navigation: Manage your site’s menus. Add links, reorder items, and control how the menu behaves on mobile devices.
- Styles: Customize your site’s visual design. Set colors, typography, spacing, and layout defaults that apply across the entire site.
- Pages: Edit the content of individual pages directly within the Site Editor, without switching to the regular post editor.
- Templates: Edit the structural layouts that control how different types of content display. This includes your homepage, single posts, archives, 404 page, and more.
- Patterns: Manage reusable block layouts and template parts like headers and footers.
The Site Editor is different from the regular block editor (sometimes still called Gutenberg) that you use for posts and pages. The regular editor handles content. The Site Editor handles structure and design, the parts of your site that stay consistent across multiple pages.
Templates and Template Parts
Templates are full-page layouts that control how specific types of content appear on your site. Your theme comes with templates for your homepage, individual posts, archive pages, search results, the 404 error page, and more. You can edit any of these in the Site Editor, or create new custom templates from scratch.
Template parts are reusable sections within templates. The most common examples are your site’s header and footer. A template part is built from blocks, just like everything else, but it’s designed to be shared across multiple templates. When you edit a template part, the change applies everywhere that part is used. Update your header once, and every page on your site reflects the change.
This separation keeps things organized. You design structural elements (headers, footers) as template parts, then assemble complete page layouts by combining template parts with content areas in your templates.
theme.json
The theme.json file sits at the heart of every WordPress block theme. It’s a configuration file that defines your theme’s design system: which colors are available, what fonts are loaded, how spacing works, what layout widths the editor offers, and which customization controls users can access.
You don’t need to edit theme.json directly. The Styles interface in the Site Editor reads from this file and writes changes back to it. When you pick a new color palette or change your heading font through the Styles panel, WordPress updates the relevant settings behind the scenes.
For developers, theme.json replaces the collection of add_theme_support() calls that classic themes use in functions.php. For everyone else, it’s the reason these themes can offer such a consistent, centralized approach to design customization.
Block Patterns
Block patterns are pre-designed layouts made from groups of blocks. Instead of building a hero section, pricing table, or testimonial grid from individual blocks every time, you insert a pattern and customize the content.
Block themes typically bundle their own patterns, and you can find thousands more in the WordPress Pattern Directory. Patterns come in two types:
- Unsynced patterns work like starter templates. Once you insert one, it becomes independent. Editing it on one page won’t affect other pages.
- Synced patterns stay connected. Edit a synced pattern anywhere, and the change updates every instance across your site. These are useful for elements like a call-to-action banner or contact information block that should stay consistent.
Patterns are one of the biggest time-savers when working with block themes. They let you build professional-looking layouts in minutes rather than hours.
Global Styles
Global Styles (the “Styles” section in the Site Editor) is where you customize your WordPress theme’s visual design at the site-wide level. It replaces the role the Customizer plays in classic themes.
From the Styles panel, you can:
- Set your site’s color palette and apply colors to backgrounds, text, links, and buttons
- Choose font families, sizes, and weights for body text and headings
- Control spacing and layout dimensions
- Customize the appearance of individual block types (for example, give all Heading blocks a specific font or make all Button blocks use a particular color scheme)
Some themes also include style variations, which are preset design configurations. A single theme might offer a light variation, a dark variation, and several color accent options. You can switch between them in the Styles panel with one click, then fine-tune from there.
Benefits of Using WordPress Block Themes
Knowing how WordPress block themes work is useful. Knowing why they matter helps you decide whether to make the switch.
No-code visual editing. You can design your entire site without touching PHP, CSS, or an FTP client. The Site Editor gives non-developers the same level of control that previously required hiring a developer or learning to code. Build custom page templates, redesign your header, and create unique landing pages by dragging and dropping blocks.
Fewer plugins needed. These themes handle headers, footers, navigation, and layout natively. Features that used to require separate plugins (custom headers, footer widgets, menu management, template builders) are now built into WordPress. Less plugin dependency means fewer compatibility issues and a simpler update process.
Better performance. These themes load CSS only for the blocks actually rendered on each page, rather than loading a single large stylesheet everywhere. This lighter approach, combined with reduced plugin overhead, often leads to faster load times and better Core Web Vitals scores. If performance matters to your site, improving your WordPress site speed gets easier with a block theme as your foundation.
A consistent design system. The combination of theme.json and Global Styles creates a unified design language across your site. Change your heading font in the Styles panel and it updates on every page. Adjust your color palette once and every block that references those colors reflects the change. This consistency is difficult to achieve with classic themes without writing custom CSS.
Future-proof architecture. WordPress core development is focused on the block-based approach. New capabilities like the Block Bindings API, expanded pattern support, and enhanced template controls are built for this architecture first. Choosing a block theme today positions your site to take advantage of these improvements as they arrive.
Easier theme switching. Because WordPress block themes share a common architecture (HTML templates, theme.json, block-based patterns), switching between them preserves more of your customizations than classic theme migrations typically do. Your content, templates, and style settings carry over more cleanly.
How to Get Started with Block Themes
Getting started with a WordPress block theme is straightforward. Here’s what the process looks like.
Find and Install a Block Theme
The easiest place to start is the WordPress Theme Directory. Go to Appearance → Themes → Add New in your dashboard, then select the “Block Themes” filter to see only themes with Full Site Editing support.
You can also explore curated collections like WPZOOM’s block themes or browse third-party marketplaces. Once you’ve found a theme you like, install it and activate it just like any other WordPress theme.
Explore the Site Editor
After activating your block theme, go to Appearance → Editor to open the Site Editor. Before making big changes, spend a few minutes exploring each of the five sections (Navigation, Styles, Pages, Templates, Patterns) to understand what’s available.
A good starting point is the Styles section. Try changing your site’s colors or fonts to see how Global Styles work. These changes are low-risk and easy to revert, and they’ll help you build confidence with the interface before you start editing templates.
From there, open a template (like your homepage) and experiment with rearranging blocks, inserting patterns, and adjusting layout settings. The Site Editor includes an undo function, so you can easily step back if something doesn’t look right.
Switching from a Classic Theme
If you’re moving from a classic theme to a block theme, your content (posts and pages) will transfer automatically. However, a few things won’t carry over and will need to be set up again:
- Widgets don’t exist in this type of theme. You’ll recreate that content using blocks in your templates or template parts.
- Customizer settings (colors, fonts, header images) will need to be reconfigured in the Site Editor’s Styles panel.
- Classic menus usually auto-convert to Navigation blocks, but check that they transferred correctly.
- Plugin compatibility is worth testing. Most plugins work fine, but some that hook into classic theme features (like widget areas) may need alternatives.
The safest approach is to test on a staging site first. Make the switch there, verify everything works, then apply the change to your live site. If you need to change your WordPress theme, our guide walks through the process step by step.
Popular WordPress Block Themes
To give you a sense of what’s available, here are several well-regarded WordPress block themes across different use cases.
Disclosure: Some themes listed below are developed by WPZOOM.
UniBlock PRO (by WPZOOM) is a versatile WordPress block theme with six color schemes, over 30 custom block patterns, and multiple layout options. It works well for business sites, portfolios, and blogs, and includes one-click demo content installation to speed up setup.
Inspiro Blocks PRO (by WPZOOM) is built for photographers, videographers, and creatives. It includes portfolio templates, video background support, and over 40 patterns designed for visual storytelling. If you need a theme that puts visual content front and center, Inspiro Blocks PRO is worth a look.
Twenty Twenty-Five is the current WordPress default theme. It ships with every new WordPress installation and serves as an excellent starting point for anyone exploring block themes for the first time. It’s free, well-maintained by the WordPress core team, and supports the latest Full Site Editing features. If you want to learn how the WordPress default theme works, this is the place to start.
Ollie is a community-built theme designed specifically for beginners. It includes a guided setup wizard, over 50 block patterns, and multiple style variations. Ollie is a strong choice if you want a polished site quickly without a steep learning curve.
Frost is a developer-friendly starter theme created by WP Engine. It’s minimal by design, providing a clean foundation for building custom sites. Developers often use Frost as a starting point for client projects.
For a broader selection, check out our roundup of the best WordPress block themes.
Frequently Asked Questions
A WordPress block theme is a theme that uses blocks for all parts of a site, including headers, footers, templates, and navigation. These themes are edited through the Site Editor and configured with a theme.json file, rather than PHP templates and the Customizer.
Block themes use HTML templates and the Site Editor for visual, no-code editing of your entire site. Classic themes use PHP templates and rely on the Customizer, widgets, and a separate Menus screen. The block-based approach generally offers more design flexibility without requiring plugins or coding knowledge.
Go to Appearance in your WordPress dashboard. If you see “Editor” as a menu option, you’re using a block theme. Classic themes show “Customize” instead of “Editor.”
No. They’re designed for visual, no-code editing. You can customize templates, styles, headers, and footers entirely through the Site Editor’s drag-and-drop interface. Coding knowledge is only needed for advanced customizations beyond what the editor offers.
theme.json is the configuration file at the core of every block theme. It defines the theme’s color palettes, typography, spacing, layout settings, and which customization controls appear in the editor. The Styles interface in the Site Editor reads from and writes to this file, so most users interact with it indirectly.
Yes. Your content (posts and pages) transfers automatically. However, widgets, Customizer settings, and classic menus will need to be recreated using blocks in the Site Editor. Test on a staging site first to catch any issues before applying the change to your live site.
The Site Editor (Appearance → Editor) is the visual interface for customizing block themes. It lets you edit templates, template parts (like headers and footers), navigation menus, site-wide styles, and individual pages. It replaces the Customizer, Widgets screen, and Menus screen that classic themes use.
In most cases, yes. They load CSS only for the blocks rendered on each page, which means less unused code. They also reduce the need for heavy plugins like WordPress page builders, which can add significant overhead. The result is typically faster load times and better Core Web Vitals scores.
WordPress block themes aren’t a passing trend. They’re the direction the platform is moving. Every major WordPress release adds new capabilities to the Site Editor, expands what theme.json can control, and introduces features designed for this architecture.
Whether you’re building a new site or planning your next theme change, the block-based approach gives you visual control over your entire site, reduces your dependency on plugins, and keeps your site ready for whatever WordPress ships next. Start by exploring Twenty Twenty-Five or browse WPZOOM’s block theme collection to find a theme that fits your project.
