How Transphobia Kills

The first thing I do when I buy a new iPhone or Samsung is download every social media app that exists without thinking twice about it but imagine feeling uncertain or afraid to download or use…

独家优惠奖金 100% 高达 1 BTC + 180 免费旋转

Review Best 7 WordPress Themes for Gutenberg for 2021

So, we came up with an idea to review some of the most popular Gutenberg-compatible WordPress themes you can use as a starter theme.

A good Gutenberg-compatible theme should meet these requirements:

Besides, we are going to see if the theme has its own Gutenberg plugin and how it works.

Here is the review of some most popular Gutenberg themes in 2021. Trust me, the review is fair and unbiased.

Besides the standard support for the core Gutenberg blocks, they have some special features such as button animation:

However, I think Astra should pay more attention to some minor enhancements like the margin of the blockquote. Here is the front end version:

And it looks different on the back end:

Even when you change the layout from boxed to full-width (or vice versa) in the Customizer, the editor layout is changed accordingly:

But the background color set in the Customizer isn’t synchronized with the background color in the Gutenberg editor.

The default Gutenberg block patterns display well in Astra.

Not supported yet

While installing the companion plugin for each theme, I found that if you activate Kadence Blocks plugin, the width of the layout in Gutenberg is affected.

So I think it’d be better to use o Ultimate Addons for Gutenberg, the recommended Gutenberg plugin by Astra. Using this plugin, you can have up to 30+ extra blocks.

Besides, Astra provides you with some extra settings for Gutenberg without a companion plugin. There are not many options here but you can still deal with some important features here:

Blocksy also works flawlessly with the core Gutenberg blocks and features like color and font settings, background gradient:

Other blocks like quotation and cover work nicely:

Moreover, this free Gutenberg-compatible theme added a changing-color effect to make the buttons more lively:

Blocksy has 3 palettes for global colors and some other custom color sections. When you customize color using the Customizer, you will see the same change in the Gutenberg editor. And so does the typography.

As for Gutenberg block patterns, Blocksy carefully supports all of them. You can see that this theme even add some elements to make this pattern looks beautiful:

But I didn’t see these elements on the back end:

Not supported yet.

Blocksy has an extra table for layout settings, which looks intuitive and minimal so I could work with it easily. I also tried all the options in this extra tab and the results did satisfy me.

Besides, you can install Getwid plugin recommended by Blocksy to have 40+ Gutenberg blocks and Stackable plugin to have a library of page builder Gutenberg blocks.

eStar supports all the default Gutenberg settings including custom color and font:

Besides the common font size, you can also have some special size like XL, 2XL, 3XL (well, like you’re buying clothes)

And here is the gradient option:

Other core Gutenberg blocks are supported well here. For example, still two default styles for blockquote but eStar makes them looks quite nice and unique:

Here are the color and typography settings in the Customizer:

And here, you can see that all these settings above are the same on the back end.

I tested all the pre-made block patterns from Gutenberg and found that eStar displays them well without any bugs.

Not supported yet.

Although eStar doesn’t officially support any Gutenberg plugin, you can still combine using this theme with any Gutenberg add-on. Besides, With less than 10KB of CSS and JS, eStar can be one of the lightest themes you can find now.

GeneratePress works quite well with core Gutenberg blocks. It supports color settings, font size settings, gradient background, …

Notably, GeneratePress even added some animation to the button:

But this theme should pay attention to some small elements more. Such as the block’s alignment and spacing between two cover blocks:

Their display on the front end is not the same as on the back end.

Just like most of other Gutenberg-starter themes, GeneratePress has the ability to synchronize the color and font settings in the Customizer with styles in Gutenberg.

Here is the custom color I tested in the Customizer:

Regrading the typography customization, GeneratePress only allows you to customize from heading 1 to heading 3:

And this is how exactly the color and typography were in Gutenberg:

There is no big problem with default Gutenberg block patterns displaying in GeneratePress except for the 3-column layout:

Not supported yet.

GeneratePress has a few extra layout settings in Gutenberg editor:

And it recommends using GenerateBlocks plugin to have 4 extra advanced Gutenberg blocks. The number of extra blocks from GenerateBlocks seems to be less than other plugins, but each block has many advanced settings. For example, there are many choices for grid layouts and a lot of options in the settings sidebar:

Basically, Kadence supports the core Gutenberg blocks well, including custom text and background colors, and font sizes.

Besides, Kadence has gradient background for some blocks:

These are the blockquote and they follow the 2 default styles of Gutenberg:

Then, I reviewed the button block, which has 2 button styles:

And here is the button group on the front end. I found that the space between them was a bit different from the back end:

I tested some features like color and font customization.

Here are the font sizes set in the Customizer:

And Kadence displays exactly the same sizes on the backend as in the Customizer:

This is the color settings in the Customizer:

The same color can be seen in the Gutenberg editor. And the color settings of all blocks are changed following the Global Palette in the Customizer:

There is a bug displaying the 3-column block patterns. Here is the screenshot on the back end.

And here is the buggy version on the front end:

I have contacted the support team and they said “we do not have control over its settings. What I would recommend is to add this custom CSS code to make the width of the columns block follow your content width”.

Not supported yet.

Kadence has many settings and all the settings can be applied properly. The interface is easy to use and manipulate. The options oriented to editing the general layout and some positions for some important elements.

Besides, Kadence also provides a companion plugin — Kadence Blocks. After installing Kadence Blocks plugin, you will have more advanced pre-built blocks from them and an extra table to control the Kadence Blocks settings. But many tabs and tables on the right sidebar may cause confusion.

When I reviewed Neve, I found some small issues.

You can see the mistake with the lines of each blockquote on the back end:

While they look different on the front end:

And the full-width alignment doesn’t display properly on the front end:

All the settings of color and font in the Customizer will be applied in Gutenberg. You can see the synchronization I tested here:

In Neve, you can customize various color section:

As for the font family choice, Neve only allows you to choose one family font for all the headings:

Neve has no problem with displaying Gutenberg block patterns at all. It supports all patterns quite well.

Not supported yet.

In the Gutenberg editor, you can easily customize the layout and display of the post easily with the Neve settings table. The interface of the settings table is intuitive and very easy to use.

And after you install Gutenberg Blocks and Template Library plugin recommended by Neve, you will have these:

Like other Gutenberg starter themes above, OceanWP supports all the core blocks of Gutenberg well. There is no big issue found while I tested this theme, just a few small differences between some blocks on the front end and back end.

First, the button style is beautiful. But it can’t be seen on the back end: