ivanova
Helena Ivanova
Content Writer
Updated on
Useful Resources

WordPress Block Themes: Best Fab Five for Gutenberg (2022)

The battle has begun: there are people who love Gutenberg and the site editing (SE) or full site editing (FSE) feature and those who prefer the old good classic WordPress template structure and WYSIWYG page builders. Both parties really have something to say. But the only thing we can ignore here is that site editing is something revolutionary, and SE times have well and truly arrived.

That’s why it’s time to talk about WordPress block themes. 

Table of Contents

Block Theme and Types of WordPress Themes

The structure of block themes is fundamentally different from the classic ones, that’s why the WordPress 5.9 update featuring the full site editing was not like most other updates when the existing functionality was simply extended – this time, block themes came with a different theme structure. 

But before talking about it, let’s clarify the topic of naming the WordPress themes. There’s a big confusion around the terminology, and the WordPress team even had to conduct a dedicated discussion before version 5.9 to make some clarifications. So, there are four types of WordPress themes:

  • classic;
  • hybrid;
  • block;
  • universal.

Classic themes

We all know classic themes very well – they have been around throughout WordPress’s history. They have a classic template structure based on PHP templates, where HTML is mixed with PHP snippets. 

We can see main templates in the theme folder, like index.php, singular.php, archive.php, and others. Also, additional templates and template parts can be placed separately in child folders. There can be a different quantity of such templates and template parts, but the main principle remains the same. 

Classic themes use customizers, widgets, and menu setting pages (while block themes don’t have them). 

classic theme templates
Theme structure of the classic Kava theme

Hybrid themes

Such themes are more on the classic side but adopt some features of block themes. Their distinctive one is theme.json which consolidates all the style settings that come from different origins (core, theme, user) in one place, so they all can be customized in the block editor, and each block can be individually customized. At the same time, it allows enqueueing only the necessary styles on the page. It also gives more control to the developer; for example, they can easily leave only certain font styles and color palettes for the client because they might mess up the design if too big a list of options is there in the customizer. 

There can be other features, even full site editing, but it’s called “hybrid” because it combines all kinds of variations of classic mixed with block theme types. 

Block themes

NOTE

“Block themes” means the same as “themes with the site editor support” or “SE themes.” But they should not be confused with different kinds of so-called “block-based” themes released some years ago, which actually don’t support SE but use blocks to a greater extent than most of the classic ones – such themes are hybrid ones.

Block themes were introduced in January 2022 with the WordPress 5.9 version. Of course, experimental block themes existed much earlier. But since that release, a block theme became a default WordPress theme after the installation. As of November 2022 (when this article was written), the full site editing feature is still in Beta. 

So, what is a block theme?

We all know Gutenberg, right? It’s almost always used for editing posts, even if you use page builders for pages. 

Gutenberg’s main building element is a block, and when using this editor, we assemble a page from blocks, filling the blank post “canvas” to get something meaningful on the front end. 

And now imagine that the whole website, from header to footer, including menus, widgets, and sidebars, is one large post editable with Gutenberg. It is exactly what the block theme is. It operates with patterns, reusable blocks, and templates. You can edit each page, post, or custom post type individually, modifying the header, footer, and other sections for this particular page or post. 

Block themes don’t use traditional customizer, menu, and widget setting dashboards because you modify them directly for the particular template. Also, it doesn’t use a classic template hierarchy or PHP templates. Instead, it has just a few PHP configuration files, but the templates are HTML files with Gutenberg markup and styles stored in JSON. But the custom (user-made) templates are stored in a database. 

The file structure looks like this:

block theme template structure

Does it mean that it needs different plugins and a totally different approach to deal with the new theme structure? Actually, not – because what supports Gutenberg will work here, including the Crocoblock JetEngine and other plugins. 

Some developers feel very excited about block themes; others are a little skeptical. But everyone agrees on stating the fact that block themes’ future entirely depends on Gutenberg’s development and advancement. As of the end of 2022, there are still plenty of things to be done to get even close to the classic themes’ functionality and flexibility. Of course, I’m talking about the best representatives (because there are some bad apples in a bunch). Yet, block themes are already amazing for simple websites. They are lightweight and give the freedom to edit each and every part of them without any HTML, CSS, and PHP knowledge. 

Universal themes

Such themes are more at the concept stage now because we are still anticipating the next steps of block themes’ evolution (but they exist already, e.g., Emulsion and others). As the name suggests, universal themes should combine both block and classic themes features. For example, they are supposed to keep customizer, menu, and widget dashboards while making it possible to use a full site editing functionality. 

The idea of universal themes was born because there’s a logical question:

What if I build a website today based on the classic theme, putting effort and time. But later I will be eager to enjoy all the features of the full site editing – so, do I have to rebuild my whole website?

Because block themes still need some work to be done, there’s a need to have a bridge between classic and block ones. And universal themes are supposed to become such a bridge. The problem is that it’s not so easy; it requires a lot of effort and time. So, probably, only the most popular themes will invest in such a challenge. 

Five Free WordPress Block Themes You Will Enjoy

In contrast to classic themes that showcase their page templates, block themes demonstrate their patterns and color schemes, as well as the number of premade template parts. Also, the number of HTML templates may vary, and, of course, other features. 

If you want to see all the free themes available in WordPress’s official directory, simply choose “site editing” in feature filters on Appearance > Themes > Add new page. 

Catch FSE

Catch FSE theme

This theme has 15 templates, 15 block patterns, and nine template parts. It also has a customizer for changing the website name and home page and adding custom CSS. There are one- and two-column and WooCommerce templates.

Gutenify FSE

Gutenify FSE theme

Gutenify has nine templates, three template parts, and 13 patterns. It offers responsive design, color options, Google fonts, box shadows, and highly customizable row columns. 

Bricksy

Bricksy WordPress theme

This theme has 13 templates and six template parts. Also, Bricksy offers a lot of beautiful patterns sorted by topics: travel, fashion, wedding, general, and blog, as well as patterns for header and footer. It has great editing options; overall, this theme feels very nice and easy to use. 

Tove

Tove WordPress theme

This theme is designed for cafes and restaurants but can be customized for any purpose using full site editing. It has five default templates and three template parts but offers over 40 patterns for any purpose nicely categorized in the editor, so it’s very easy to find the pattern you want to use. 

Frost

Frost theme

This theme is created by the WP Engine team and is being actively updated. There are eight default templates, three template parts, and over 45 patterns. It uses a very minimalistic black-and-white color scheme that, of course, can be easily modified. 

FAQ

What are Gutenberg themes?

The term “Gutenberg themes” may refer both to block themes or sometimes to hybrid or even classic themes optimized for using Gutenberg as the main or only editor. 

What is the main concern about block themes?

While classic themes use many various tools, including Gutenberg, block themes’ growth and progress are entirely connected to Gutenberg’s evolution and features. 

Are block themes easy to edit? 

Yes, they are very easy to edit if you are familiar with Gutenberg. But still, some time is needed to switch to another logic if you are used to classic themes interface. 

Summary

There are two main types of WordPress themes: classic and block (SE). The first type has been around for ages; it uses a classic template structure and has thousands of plugins created particularly for it and its logic.

Block themes are a new thing; they fully rely on the WordPress block editor and its development. They offer full site editing, which is a great feature and advancement. For many websites, the functionality it offers now is entirely enough. But for many, a lot of features still need to be added.

So, let’s see what the future will bring.