• Home
  • About
  • Contact
Stack Diary - Helpful Advice for Web Developers
  • Home
  • About
  • Contact
Stack Diary - Helpful Advice for Web Developers
Stack Diary - Helpful Advice for Web Developers
WordPress

10 WordPress Block Themes with Full Site Editing

Alex Ivanovs
April 11, 2022
WordPress Block Themes
Summary » WordPress continues to evolve past being a traditional publishing platform. In recent years, the WordPress roadmap has been heavily influenced by features that enable its users to design custom layouts directly from the Gutenberg editor. And, since WordPres 5.9 – the CMS has added Full Site Editing. FSE enables you to change the design of your WordPress site directly from the page you’re on.

Table of Contents
  • What is Full Site Editing?
  • Ushering in a new era of WordPress
  • Wabi
  • Tove
  • Blockpress
  • Archeo
  • Bricksy
  • Skatepark
  • Geologist
  • Ona Minimal
  • Kemet
  • Financio
  • Catch FSE
  • The future of WordPress theme development

WordPress has come a long way from being seen as only a blogging solution. Since the release of the Gutenberg Editor – the platform has continuously pushed for giving its users more freedom with design choices using the concept of Blocks.

The ultimate goal for Blocks is to transform WordPress into a website builder. It is already possible to a certain degree, through the use of plugins, and more recently – the addition of Full Site Editing. FSE is a new kind of website-building experience where WordPress users can style the design of their site directly from the front end.

What is Full Site Editing?

In simple terms, the Full Site Editing feature lets WordPress users change the design of their (block) theme, without having to write any code. The emphasis is on Block themes since this new feature is only available to themes that are built on the foundation of Blocks.

As a WordPress user, you are already familiar with the concept of using the Gutenberg Editor to write blog posts using blocks. The idea for FSE is exactly the same. Just like writing a blog post, with the Full Site Editor you can also edit the design of your site using blocks.

Full Site Editor - Beta

Once you activate a Block theme (such as Twenty Twenty-Two), you’ll notice a new option underneath the Appearance tab from the Admin dashboard. It is called Editor.

Clicking on Editor will immediately take you to the new Full Site Editing dashboard. The default page that opens is the homepage. But you can select any page supported by the theme, and begin customizing. Here is an example:

Full Site Editing Example

In the demo above, I have:

  1. Selected the Footer block as a whole section.
  2. Changed the background color using the Block editor.

I didn’t need to write any custom CSS. I also didn’t use a single plugin. All of the changes are saved directly into the theme itself. Best of all, you can style your entire website this way.

You can select even the smallest of elements, including pagination and individual navigation items. It really is a native website-building experience inside WordPress itself. And, as you can imagine – it is only going to get better as time goes by.

Ushering in a new era of WordPress

The concept of FSE is still very fresh in everyone’s eyes.

I think it’s safe to say that for the time being, FSE will struggle to compete with refined page builders like Elementor and Visual Composer. But I’m certain that things will change dramatically with the release of WordPress 6.0 and beyond.

As for block themes, developers have already started putting in work in this area. In the WordPress repository, there are over 60 such themes available. And perhaps another 50 spread out through both premium designs, but also open-source projects.

So, with all that said and done, I think it’s time we take a closer look at some of the best Full Site Editing themes. Updated frequently to include new themes as they come out!

Wabi

Wabi theme - Rich Tabor

Rich Tabor has been building WordPress products for over a decade. You might know him from plugins like CoBlocks, but also his theme company ThemeBeans. As it happens, not only is Rich a big fan of the new WordPress features but also has built a Full Site Editing theme himself. The Wabi theme.

Much like his Tabor theme (which I love!), Wabi is built for storytellers, bloggers, and anyone interested in publishing detailed content. It’s also an excellent choice for portfolio sites, and Rich himself uses the theme on his website.

One of the key features of Wabi is the ability to switch styles* in a single click. It has both a Light and Dark theme, but also multiple dynamic color variations. This gives you the creative freedom to style each post independently.

Use the links below to read more about the theme, and also to see it in action.

* The Gutenberg plugin is required for custom styles.

Website WordPress.org Live Preview

Tove

Tove block theme

Seeing a new theme released by Anders Norén is always a treat. And if you’re a fan of a stylish design approach, the Tove theme is going to impress! But not just with design, either.

The theme is built from the ground up to be a starting point for Full Site Editing. And Anders has put in quite a lot of work to provide creative elements out of the box. But on top of the design, the theme leaves a small footprint; using no JavaScript or front-end images.

a sample of the tove theme design approach

The demo site (link below) is built for a restaurant site. But, if you like the overall feel of the theme – you have total freedom to adapt it to your needs. All in all, there are around 40 block patterns included in the Tove Style Guide. You can use these to stitch together any number of designs for any of your WordPress site pages.

Website WordPress.org Live Preview

Blockpress

Blockpress - full site editing

Blockpress looks to be one of the first all-in-one block themes which support Full Site Editing. And, it’s built with best practices in mind.

Specifically, Blockpress is optimized for asset usage. Each page uses only a small footprint of required assets, and everything else is loaded based on the blocks that you use on any given page. Additionally, the theme doesn’t use jQuery or external libraries.

The end result of this is an extremely good Core Web Vitals score. Another interesting feature is the inclusion of animations. Which, as I said earlier, is what this new paradigm of themes is going to be all about. With Blockpress, you can use the Lottie Animations framework features, directly from your block editor. No performance bottlenecks, either.

Website WordPress.org Live Preview

Archeo

Archeo

It only makes sense that Automattic themselves would produce FSE themes. There are a few on this list from them, and the first one is Archeo. The theme is built to be used by writers who love a simple layout with large typography.

The main concept behind the design is to have a large photo as a hero section, and mid-section for blog posts, and finally a dedicated footer. Inside blog posts, the layout structure remains the same. Of course, you have plenty of freedom to change things around.

Website WordPress.org Live Preview

Bricksy

Bricksy

Bricksy from Anariel Design is yet another theme focused on the multi-purpose approach of block management. Specifically, Bricksy is designed to include a variety of block patterns, which act as the foundation for the site design you wish to achieve.

At this time, Bricksy has demos for food, wedding, and fashion blogs. But, upon taking a closer look at all the patterns, it’s safe to say you can integrate this theme into practically any project. You can check out the website link below, on which you will find a video introduction to the template library included in this theme.

Speaking of patterns, check out this article from Justin Tadlock on WP Tavern - WordPress has added a Patterns directory, which has community-made block patterns you can copy and paste into your existing themes. Fully compatible with any WordPress theme.
Website WordPress.org Live Preview

Skatepark

Skatepark

The Skatepark theme is going to be a fantastic starting point for any media-related websites you plan to build with WordPress. As a Full Site Editing theme – it is built with the intention to be customized by you.

Website WordPress.org Live Preview

Geologist

Geologist

Geologist is another Automattic theme (last one, I promise!) – focused on writing, with a native dark mode in case that’s your forte. Overall, the minimal style means there isn’t much to say, other than the codebase being optimized for real-time block management.

Website WordPress.org Live Preview

Ona Minimal

Ona Minimal

Even though the Ona theme is described as minimal, I feel like the design style helps to compensate for it a lot. Then again, I’m a big fan of stylish typography, and Ona just has that structure to leave a good impression.

If I had to say who this theme is for – I’d say it’s for professionals, but also fashion bloggers and anyone who likes a clean layout. I also love the attention to detail:

Ona Minimal - subscribe pattern example

A clean subscription form with social links is just perfect. Other patterns include a portfolio block, Instagram feed, and a super nice full-width blog post layout.

Website WordPress.org Live Preview

Kemet

Kemet

My impression of Kemet is that it’s a bit more like a framework than just a regular theme.

It’s packed with features like sticky containers, separate template parts, and custom image styles, and is also optimized for translation. The in-built template patterns are particularly useful when you want to build a multi-page website. I think, if you’re looking to create a business or an agency site with Full Site Editing – Kemet is a theme worth considering.

Website WordPress.org Live Preview

Financio

Financio WordPress block theme

The default design of Financio seems to target business-style websites. The neatly organized navigation menu with a full-width hero page is quite nice. All the icons you see used for feature cards and other site elements can be replaced with a single click.

Worth noting that Financio is developed by Gutenverse. And they have a bit of experience working with WordPress blocks. So, expect a smooth site editing experience, which you can build upon from the pre-made template they have provided.

Website WordPress.org Live Preview

Catch FSE

Catch FSE is a Free Full Site Editing WordPress Theme

Catch is one of the newest WordPress themes that supports Full Site Editing. It’s also one of the few themes that are built as a landing page as opposed to a blog design. The layout, as you would expect, includes a multitude of sections that cover all the important aspects of building a business landing page. All editable directly from the front-end.

And if you want your website to have a dark mode, with this theme you don’t need to make the adjustments yourself. It is by default designed to have a dark mode. Other than that, it’s free and slowly gathering up active users.

Website WordPress.org Live Preview

The future of WordPress theme development

I think what we are seeing now is a slow evolution for the next phase of WordPress. For the time being, traditional themes and website builders will have their place. But, in the future, it’s quite clear that WordPress will transition into a full-scale site builder itself.

I’m also quite confident in saying that because companies like Webflow have shown that it is possible to build visually attractive websites with nothing but plug-and-play tools.

The question is, when are theme developers going to start embracing this next phase. At this time, the availability of block themes is quite sparse. My guess is that once we start seeing genuine reliability in terms of editing, things will change rather quickly.

Sure, a lot of WordPress users will keep using traditional themes, but the idea of using WordPress as a native site builder is something to think about.

Share this post:

Share on Twitter Share on Facebook Share on LinkedIn Share on Email
Written by

Alex Ivanovs

I've been working on Web projects since 2005 with a primary focus on web development and design. After spending many years on a self-taught path, I discovered a natural passion for writing and have been keeping up appearances ever since. Outside of publishing and tech in general, I love to travel the world and explore how different cultures experience their day-to-day life.
⟵

How to Identify Fonts from Images and Web Text

⟶

Vue UI Components: 15 Libraries & Kits

Related posts:

  1. 7 Best WordPress Website Builders in 2022
  2. 15 Best Tech Blog WordPress Themes in 2022
  3. 15 Best Travel Blog WordPress Themes in 2022
Privacy Policy.
STACK · DIARY © 2022
Hosting by DigitalOcean
  • Home
  • About
  • Write for Us
  • Disclosure
  • Contact
Stack Diary - Helpful Advice for Web Developers
  • Home
  • About
  • Contact
Categories
  • Code
  • Digital Marketing
  • Tech
  • Web Design
  • Web Development
  • WordPress