Best WordPress Full Site Editing themes & plugins

Updated on November 14, 2022 | By

WordPress full-site editing themes are coming and present a new chapter on WordPress’s long history. It’s the next step of WordPress to becoming easier and more flexible when it comes to building websites, and even just landing pages.

For every example you wanted to take inspiration from or brand new design, it’s now possible to build and bring it to life without hassle due to FSE themes. They also bring a new era of performance improvements because they are much leaner than website builders, which were the preferred choice for many users.

What defines a Full site editing (FSE) theme?

According to WordPress, FSE themes have properties that turn them and allow a set of specific customizing, building, and configurations, such as:

  • Site Editor; edit and navigate between various templates, template parts, and styling options
  • Template Editing; edit/change/create the template a post/page uses
fse site editor
WordPress Template Editing (beta) – Tove theme
building using blocks
WordPress building with blocks – Generateblocks plugin
  • Block Theme; build using blocks;
  • Theme Blocks; custom blocks from the theme such as post author.
  • Browsing; navigate between templates, pages, etc.
  • Navigation Block; a block that allows the customizing of the navigation’s menu.
  • Query Block; replicates WP_Query, allowing functionality, etc.

FSE themes also have “Patterns”, which are pre-built layouts to be used by dragging or copy-pasting into your design. WordPress recently launched the patterns directory which lists patterns created by users to copy-paste into your design.

The patterns are located on creating a page or post when adding a block:

tove wp
Patterns located on the left side of WordPress

Many themes will offer a header, footer, buttons, call to action, heros, and many other parts “patterns” to be inserted in your theme.

With that said, here’s a list of top FSE themes and their main features. Also included are the FSE themes with ecommerce support.

Gutenberg

wordpress.org homepage
Gutenberg website example

Gutenberg is WordPress’s “block editor”. Edit individual content blocks on posts or pages. Add and adjust widgets. Design your site headers and footers. Re-use blocks.

gutenberg example
Gutenberg website section example
gutenberg example 2
Gutenberg mobile website example

Gutenberg is used in the Wp Media plugin Wp Rocket website which recently switched from WordPress Block Editor.

Lets you do a full customizing of Woocommerce single-product page layouts, shop pages, category pages, and woocommerce tag pages.

Frost

frost theme example

Created by WP Engine, Frost offers numerous patterns to build your block-based website. The patterns included are:

  • Call-to-Action
  • Featured Boxes
  • Footer
  • Header
  • Hero Section
frost hero
Frost theme – Hero Section Example
frost link page
Frost theme – Link Page Example
  • Homepage: import a full page layout.
  • Link Page
  • Podcast Episode
  • Portfolio
  • Pricing Table
  • Team Members
  • Testimonials

Tove

Tove – A Fun and Colorful Multi Purpose Block Theme desktop

Recently launched, the theme offers Site Editor Options, Global Styles, 40+ Block Patterns, and Block Style while being built to support the Full Site Editing features in WordPress 5.9.

Tove – A Fun and Colorful Multi Purpose Block Theme 2
Tove theme website example
Tove – A Fun and Colorful Multi Purpose Block Theme andersnoren.se 4
Tove theme website example menu open

If you want to use Tove right now, you need to have the Gutenberg plugin active on your site (version 11.5.0 or later). Tove is free, download it on the WordPress theme repository.

Aino

aino theme
Aino theme example

Aino is a new theme. It offers numerous patterns for a quick start of design.

feature content right image left light
Aino pattern example
team four images dark
Aino pattern example

Poe

image 3

A new theme with a dark theme aspect.

poe theme
Poe website example
poe theme example menu
Poe website example – menu

Poe features

  • 30+ Block Patterns: get started and bootstrap your design faster with block patterns.
Poe WordPress theme
Features section block pattern
  • Style Variations: 8 pre-built color schemes
  • Global Styles

GeneratePress and Generateblocks

image 2
GP theme and GP block website example

GeneratePress might be mainstream, but the addition of their new product, GenerateBlocks, presents new ways to bring designs and ideas into the WordPress dashboard, leveraging WordPress FSE.

Generateblocks is a WordPress block editor with 4 features on it. These 4 blocks (container, grid block, headline block, button) are meant to build your WordPress site with flexibility without the need to have a single block for each thing, according to GenerateBlocks.

Each block has full customization on the free plan, including:

  • Typography; Pick from Google or Local fonts with full customization.
  • Spacing, Colors(including Gradients).
  • Background and Background Images.
  • and SVG(can use on buttons). 
generatepress example 1
GP theme and GP block mobile website example
generatepress example menu 1
GP theme and GP block mobile website example menu

Generateblocks Pro

The Pro plugin has far more customization settings and an option of over 150 templates to speed up your building process. The additional customizations are:

  • Global Styles; create global styles across the website and use them everywhere.
  • CSS effects such as opacity & blend, box-shadow, text-shadow, filters, etc.
  • Background images and gradients to Container blocks.
  • Built your SVG library.
  • Copy-paste styles: copy a style from a block and apply it to another.

Kadence and Kadence Blocks

kadenceand kadence block theme example

Kadence is a free theme with the following features:

  • Header and Footer builder.
  • Custom Layout: sidebars, full-width, etc.
  • Global styling.
kadence theme
kadence theme example 2

Pricing

Kadence is available with the following pricing options:

  • Kadence Theme: Free
  • Kadence Theme + Kadence Blocks: Free
  • Kadence Theme Pro + Blocks + Pro templates: $129/year
  • Kadence Theme Pro + Blocks + Pro templates + Cloud + Child theme + Shop Kit + AMP: $199/year

Blocksy

blocksy theme example

Ranked as one of the best-performing WordPress themes on the Core Web Vitals Technology report.

blocksy theme example 2
blocksy theme example 3

Blocksy Free theme features include:

  • Header builder.
  • Footer builder.
  • WooCommerce features: AJAX add to cart button, advanced archive, and single product layouts.
  • Trending and related posts module.
  • Cookies notice and Woocommerce support.

Blocksy Pro

Blocksy Pro theme features are as follows:

  • Content Blocks and Hooks: Create blocks and display them on a list of locations.
Blocksy Content Blocks
Blocksy Content Blocks and Hooks
  • Adobe & Google Fonts.
  • Mega menu
  • Conditional sidebars, headers, and footers. Show only when needed.
  • WooCommerce features: Wishlist.

Pricing:

  • Blocksy theme: Free
  • Blocksy Pro 1 site license: $49/year
  • Blocksy Pro unlimited sites: $99/year

Get your Core Web Vitals optimized

Leave a Comment