Search

7 Best WordPress Themes for Gutenberg

Gutenberg is more powerful than you think. It’s not a mere editor to create blog posts. Instead, you can also use Gutenberg to create the stunning core pages of your WordPress site just like page builder plugins like Elementor and Divi Builder. However, since Gutenberg has fewer design controls, you need to use an appropriate theme to achieve more things. We have curated some of the best WordPress themes if you prefer to create pages using it instead of a page builder.

Two of the common issues when creating a page using Gutenberg are the page layout and typography controls. For instance, to create a full-width page, you need to add a new function to your theme’s functions.php file (unless your theme already has a built-in option to set a full-width layout). Also, you need to back and forth between Gutenberg and theme customizer (Appearance -> Customize) only to change the font family of the Paragraph and Heading blocks. Plugins like Kadence Blocks and Otter are there to offer more design controls if you enjoy creating a page using Gutenberg.

Unlike Elementor and Divi Builder, when creating a page using Gutenberg, the theme selection plays a vital role as it will determine the things you can apply on your design. Not all themes offer option to set the page layout. Even worse, some themes don’t even allow you to change the font of the Paragraph block, Heading block, and other text-contained blocks.

When looking for a WordPress theme for Gutenberg, you should consider the following setting options:

  • Page layout
  • Typography
  • Ability to hide page elements (title, header, footer, featured image, and soon)

Best WordPress Themes for Gutenberg

1. Kadence

Kadence is one of the best options to create a WordPress website using Gutenberg. It comes with a great companion — the Kadence Blocks plugin — to allow you achieve more with Gutenberg. Also, Kadence offers a set of ready-made templates which you can access from the theme’s settings. With Kadence theme, you can control things like page layout and hide the unneeded page elements.

You can also control the typography settings, font family in particular. Useful features like breadcrumbs and back to button are also available. Kadence allows you to customize the header and footer of your site as well. You can set things like header color, transparent header, sticky header, and so on.

2. Blocksy

After installing the Blocksy theme, you will see a new icon next to the gear icon within the Gutenberg editor. You can click the icon to access the page settings whereby you can set things like page layout and enable/disable page elements. You can also enable the responsive editing by clicking the Design tab. Same as Kadence, Blocksy also offers ready-made Gutenberg templates to streamline your workflow.

You need to install Blocksy Companion to access the templates. After going to the theme customizer, you will see that there are many setting options offered by Blocksy. You will see settings block dedicated to customizing the site header and site footer. On the Typography settings block, you can set the typography settings of page elements like paragraph, headings, blockquote, and button.

Blocksy also has a settings block for WooCommerce whereby you can customize WooCommerce pages like checkout page, single product, and product archives.

3. GeneratePress

GenereatePress is also a great theme to create a page with Gutenberg. It also allows you to set the page layout before you start working. The typography settings are also available on the theme customizer. However, GeneratePress is not the best if you want to control other site parts like header and footer. Unless you use the pro version, GeneretePress offers no options to customize the header and footer.

To unlock the full potential of GenereatePress, you can pair it with GenerateBlocks, a WordPress plugin designed specifically for Gutenberg. The plugin comes with several Gutenberg blocks to make it easy for you to set the layout of your page.

4. Astra

Astra is one of the most popular free WordPress themes. It has over one million users according to a stat on WordPress.org. Astra is also a great theme to create a page with Gutenberg. The ability to set the page layout and enable/disable page elements are just two examples of the features offered by Astra.

With Astra, you can control the typography settings of page elements like heading and paragraph (via theme customizer). With Astra, you can also control the appearance of the header and footer of your site thanks to its header and footer builder.

5. Page Builder Framework

Page Builder Framework is one of the best WordPress themes for Elementor. If you want to use Gutenberg instead, it is also a great option although the settings are limited. Apart from setting the page layout, there are no other settings you might want to make with Page Builder Framework due to the limitation of the setting options. Unless you use the pro version, it is impossible to change the font family of the paragraph and headings of your page.

6. Neve

Neve is a theme from ThemeIsle, the developer of Otter. So ideally, you use this theme with Otter installed on your WordPress site. Neve is one of the best options if you are looking for a Gutenberg oriented theme that offers ready-made templates. A separated plugin is required to access the ready-made templates offered by Neve. With the Neve theme active, you will see a new icon next to the gear icon inside the Gutenberg editor. Clicking the icon will open the page settings whereby you can set the page layout and disable the page elements you don’t need.

Does Neve allow you to change the fonts on your site? Yes, it does.

You can go to the theme customizer to change the fonts. You can even set the letter spacing and line heigh. The elements you can change the fonts of are paragraph (body), headings, post meta, post title, and so on. Furthermore, Neve also allows you to customize the header and footer of your website.

7. Customify

Customify is another great theme to create pages with Gutenberg. First, it allows you to set the page layout. Whether you want to create a sidebar-less page or a full-width page, you can do it with Customify. With this theme installed and activated, you will see a settings block on the Gutenberg settings panel. The settings block is aimed at setting the page layout and enabling/disabling the page elements.

Second, Customify also allows you to change the fonts of the Paragraph and Heading blocks via theme customizer. Furthermore, Customify allows you to customize the header as well as the header of your WordPress site.

The Bottom Line

Despite the existence of page builder plugins, some WordPress users prefer to use Gutenberg to create pages of their websites for several reasons. The very first thing you need to do if you want to create your site pages using Gutenberg is to select the right theme. Unlike page builder plugins like Elementor and Divi Builder, Gutenberg has extremely limited design controls.

To change the font of the paragraph element, for instance, you have to go to the theme customizer, while not WordPress themes offer the setting option to change the font. The ability to set the page layout is another crucial thing to consider when looking for a theme for Gutenberg.

This page may contain affiliate links, which help support our project. Read our affiliate disclosure.
Aliko Sunawang

Aliko Sunawang

Aliko is a WordPress expert and lead blogger at WPPagebuilders. He has been blogging with WordPress since 2012. He is responsible of all content published on this website.
Want to save yearly expense up to $219? why not?

Leave a Comment