Best WordPress Plugin for Custom Fields & Meta Boxes
Tutorials on using WordPress in general for WordPress developers and freelancers.
With the rapid development of the Internet, hosting services have mushroomed and the competition among them is fiercer! Users tend to buy hosting that is affordable, has good security, high speed, good service, and so on. As for developers, guys, even girls working with computers year-round, what kind of hosting is really suitable for them, and whether regular hosting has good support for developers?
Continue reading "Top Free Hosting For Developers: Pros and Cons" →
2020 was a tough time for everyone due to COVID-19. The pandemic caused a lot of difficulties for Meta Box and Meta Box users. However, we have endeavored to overcome and tried to support our users at our best. We have achieved many successes in 2020, and also, plan to do many things for our users in 2021.
Gutenberg first appeared a few years ago and was said to be the future of page editing in WordPress. And now, the latest version - Gutenberg 9.7 has just been released and proven that it’s not only the future of page editing but also more than that. With Gutenberg and a starter WordPress theme - free or paid, you can easily build your website with many powerful blocks.
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.
You all may hear about this famous freemium multipurpose WordPress theme at least once. Along with its strong compatibility with page builders, you can also use Astra as a Gutenberg starter theme. Besides, Astra has tons of built-in demos for any kind of website.
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:
There is no problem with the synchronization between the typography settings in the Customizer and the Gutenberg editor.
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 is the name of a Gutenberg-base theme with 10.000+ active installations on wordpress.org. Let’s review how it works with Gutenberg.
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 is a free WordPress multipurpose theme we created last year. It’s made to be SEO-friendly, code-optimized, and compatible with many page builders as well as all 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:
In this aspect, eStar also supports the synchronization between Customizer settings and Gutenberg settings well.
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.
In general, eStar is quite easy to use. It has a minimalistic design and interface so that everyone can use this free theme as a Gutenberg starter.
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 is also a multipurpose WordPress theme designed to fit anywhere and works with many popular page builders. Here is the review of GeneratePress in terms of its Gutenberg compatibility.
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.
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:
Kadence theme - from Kadance WP, the owner of the famous Kadence Blocks plugin - joined the game in the middle of 2020. It has about 9 starter pre-made templates that can be imported when you install Kadence Blocks and Kadence Starter Templates.
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.
Neve is a multipurpose WordPress theme that can be used for Gutenberg-based sites. It also has various demos built with Gutenberg to pick up when you install Cloud Templates and Patterns Collection plugin.
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:
OceanWP is another famous theme with a tone of customization option and high versatility. This highly extendable theme enables you to use different page builders to create your own design. And we’re going to explore its Gutenberg compatibility now!
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:
And the full-width alignment didn’t apply properly even when I select the wide layout for the whole website:
OceanWP hasn’t supported this feature yet. Here is the evidence:
The color and font settings in Gutenberg wasn’t the same as in the Customizer:
And neither the typography:
All the default Gutenberg block patterns look good in OceanWP.
Not supported yet.
Now, OceanWP hasn’t officially supported any Gutenberg plugin. I think that OceanWP still focuses on other customization tools than Gutenberg.
All of these themes are versatile and highly customizable. They all support the core Gutenberg features quite well and don’t have many issues.
After reviewing all these 7 themes, I made a compare table below for easier observation:
| Core Gutenberg Blocks Support | Synchronize the Settings | Block Patterns | Full-site Editing | Gutenberg plugin companion | |
| Astra | 4/5 | 4,5/5 | 5/5 | 0 | Ultimate Addons for Gutenberg |
| Blocksy | 5/5 | 5/5 | 5/5 | 0 | Getwid |
| eStar | 5/5 | 5/5 | 5/5 | 0 | - |
| GeneratePress | 5/5 | 5/5 | 4,5/5 | 0 | GenerateBlocks |
| Kadence | 5/5 | 5/5 | 4/5 | 0 | Kadence Blocks |
| Neve | 4,5/5 | 5/5 | 5/5 | 0 | - |
| OceanWP | 4,5/5 | 0/5 | 5/5 | 0 | - |
Hope that this review finds you well so it’s easier for you to choose one suitable Gutenberg-compatible theme. Also, if you don’t use Gutenberg, try a page builder and use a theme for page builder.
It's no secret that we used Gumroad to sell Meta Box extensions and then switched to FastSpring a few months ago. Both e-commerce platforms are great and easy to integrate with WordPress. There are some pros and cons of each platform that might be suitable in different cases, which I'm going to reveal in this post.
Hosting is a popular topic when it comes to WordPress sites. Many users often find it difficult to choose the right hosting solution for their website and sometimes it could become a tedious task. The reason is simple, you have a lot of options available out there and you can’t test them all.
Continue reading "The Detailed Review of Cloudways - A High Performance WordPress Hosting" →
A multilingual website may help people run their business more successfully and reach more customers from all over the world. To create a multilingual website and reach that target, the common choice is using a translation plugin to save time and effort. But there’re many plugins out there so choosing the suitable one seems to be not easy. Among them, the most popular choices are the freemium plugins: Polylang, TranslatePress, Weglot; and the premium one: WPML.
Continue reading "A Comprehensive Review of Top 4 Translation Plugins" →
When users visit a website, loading speed may be one of the most important things that they care about. It directly affects the user experience and their decision to stay or leave the website. Therefore, webmasters always try to speed up their sites. There are many methods to do it, and using cache plugins is one of them.
Continue reading "Review Top 5+ Cache Plugins to Speed Up Your Website Speed" →
Change is the only constant, and the world is evolving every day with innovative ideas to enhance web-based platforms. Keeping track of these changes will help developers to stay updated with new technologies and current trends. Digging through each and every content might become very exhausting in the hustle of your everyday life. However, you can resort to newsletters to minimize the stress and get useful information from your desired influential industry.
In this article, we list the best newsletters that developers should subscribe to. They will provide you with invaluable information and impressive curated content.
Continue reading "Best Newsletters That Developers Should Subscribe To" →
Arranging posts in a custom order will be much easier if you use created with Meta Box plugin. You can set any post in any position without any logic of the order, just like what you want. Meta Box plugin and these extensions will do it quickly in a blink of an eye for you.
Continue reading "How to Manually Reorder Posts with Meta Box" →
