Gutenberg, the a relatively new WordPress editor it was announced as the whole new way one can create content with WordPress. It’s built for media-rich pages and posts.
Gutenberg delivers lots of content blocks and provides flexibility, simplicity, and enjoyable user experience. Of course, it called a lot of discussions, got its fans and haters (for sure). To understand what this editor really is, let’s have a look at the real essence of this being, at its major pros and cons, and finally, we’ll learn if there are any plugins or extensions worth the play.
This editor is named after Johannes Gutenberg, the person who started printing revolution in Europe around 500 years ago. He invented the first mechanical printing machine and thus made information accessible to masses.
Similarly, WordPress decided to make the advanced layouts accessible to the average users. The idea was to make this CMS a simple platform to use.
From the very beginning, the work with WordPress required the knowledge of HTML or CSS. It was ok for developers, but not for average users. The new times brought the increased popularity for content block style of writing.
WordPress reacted to these changes with the launch of different visual editors like Elementor, Beaver Builder, and some others. Today the new generation of editors replace the previous ones, and WordPress introduces the Gutenberg with a block concept at its core.
From now, no HTML or CSS is required to get two blocks of content side-by-side. Gutenberg WordPress plugin makes complex layouts a lot more accessible to an average user. The magic is made by blocks that are the fundamental elements of the Gutenberg editor. They are really a great new tool for building a content. Thanks to these blocks, you can insert, rearrange, and style the content even with no technical knowledge.
Just imagine that to get the desired layout you have to click “align left”, “align right”, or insert a pre-made block with up to 4 side-by-side columns. And that’s all! No HTML or a CSS headache at all, just moving blocks up and down the document. As the WordPress defines, the main goal of Gutenberg editor is to create a post/page building experience aimed at seamless generating of rich post layouts.
Gutenberg documentation gives a detailed description of how to use its blocks. To find its coding guidelines, testing overview or read some frequently asked questions, a user just needs to visit its official site.
Along with a block concept Gutenberg builder pays attention to “mystery meat”, and there is nothing mysterious in this term. Hard-to-find features that are hidden from the user are called mysterious meat, and Gutenberg makes them more discoverable. The editor already supports a large number of blocks and 34 embeds all of which are easily available. It means that embedding external content is easier.
What you need, is just to enter the URL you want to embed, and the editor will do the rest. Using specific options for adding:
All these manipulations are done it in a hassle free way. As you know, this process usually requires a plugin or generating specific embed code on the website you’re embedding, and Gutenberg simplifies everything.
Gutenberg editor is currently a plugin to any WordPress site.
Its current version is 3.5.0. It is compatible with WordPress version 4.9.8. There are two ways how you can get it. It is available via the WordPress Plugin Repository and needs manual installation or you can install it as any other plugin via the admin control panel.
Still, it is in beta version and it is recommended to install this on a test site.
Now let’s have a look at the pros and cons of this page builder.
|Ease of use.
The main idea of Gutenberg is to streamline the writing process and facilitate the creation of layout.
Since it’s beta software, it’s not ready for production websites. It can cause certain problems, that’s why it’s wise to try it on a test site at first.
It left behind HTML / CSS and becamу a visual editor where content is seen as blocks.
The overall rating is poor – 2.3 out of 5.
|No HTML / CSS.
As it was already mentioned, it’s the huge breakthrough in the direction of seamless content editing. Building even complex layouts with little knowledge is cool.
Here are some of them:
Gutenberg supports content embedding from 34 websites.
|Not for beginners.
Some people complain that the work with it can cause some problems, especially when the user hasn’t worked with a page builder before.
Gutenberg doesn’t mislead and shows relevant tools at the right time you need to use them.
It’s a main concern of developers, ‘cause Gutenberg APIs are still under development phase.
Functionality and work are now supported on various mobile devices.
WordPress supports tons of various plugins. Will all of them work properly with Gutenberg?
With Gutenberg editor, one can create content via a predefined set of blocks. The number of blocks can be increased with the help of some third-party extensions.
Let’s have a look at plugins and extension that are available for Gutenberg editor.
JetGuten plugin is developed by the oldest web templates provider Zemez. The WordPress team developed a premium extension for the functionalities of the Gutenberg editor. The set of blocks includes the following items:
If the question is why would anyone need a premium plugin for Gutenberg editor, the answer is quite simple. Other items in this compilation don’t include dedicated support for their items, whereas this plugin is backed by chat, ticket and email support.
This means that if anything happens to your website Zemez team will be ready to assist you. With JetGuten you can alter styles, layouts, set animation effects and create more astonishingly beautiful content using an intuitively clear interface!
Advanced Gutenberg plugin is installed over the Gutenberg plugin thus extending its functionalities and content creation capabilities.
With Advanced Gutenberg plugin you’ll be able to:
This plugin can help you add a bunch of custom blocks to Gutenberg editor. To make use of this plugin you need to have Gutenberg editor activated on your website.
Since Gutenberg editor is in the beta development stage Ultimate Addons plugin is also in early stage and it’s not recommended to use any of these plugins on production websites.
In case resent Elementor PRO update didn’t make you happy probably this plugin will make you smile. Here comes the WooCommerce block for your Gutenberg posts editor. With its help, you can add WooCommerce products as a single block to any (part of the) page via Gutenberg editor.
You’ll be able to filter products via a bunch of values including categories, sale statuses, and so on.
Basically, the WooCommerce Products block is the easiest and the most flexible way to add any of your products to posts or pages. Please note that Gutenberg editor is still in the development stage, this means that it’s not recommended to be used on production websites.
The Block Background plugin allows you to extend your Gutenberg editor with additional background customization options. With its help, you can add colors, gradients or images to the background of any block. The plugin developer does not recommend using the plugin in a production website since it’s an add-on for Gutenberg, which is still in the development stage.
With Color Palette plugin you can create and share color palettes on your website. After you install and activate this plugin a new block called Color Palette will be added to the block inserter, after adding a block to your page you’ll be able to add new colors and preview them via the editor.
Stackable Ultimate Gutenberg Blocks adds a bunch of design blocks and options to the Gutenberg editor. Currently, there are available 17 blocks.
The plugin will be in the alpha stage until the Gutenberg editor will be merged into the core.
The Stackable plugin delivers a lot more customization options to the Gutenberg blocks thus enhancing the content editing capabilities.
Every block from the Stackable set a bunch of features one can easily modify, including change of colors, text sizes, adding background images, adding hover animations, etc.
In case you want to experience a real WYSIWYG experience Advanced Gutenberg Blocks plugin is exactly what you need. Currently, the set of blocks is quite limited by when the Gutenberg editor will be injected into the core the blocks-set will be increased substantially. Go check out the video review of the plugin.
In case you need to display personal profiles on your WordPress website page this plugin will come in handy. The Organic Profile Block includes options to add a profile image, name, title, biography, and social media links. Also, you can add links to a user’s social media accounts, and email. The profile block is an excellent solution for creating author profiles on posts, staff or employee pages, and testimonials.
The last item on this list is the Gutenberg block presentation of the so-popular contact form CF7. All you need is to install this plugin and you’ll be able to inject any contact form to any part of your website.
Over to You
Honestly saying, it’s too early to decide what is the future of WordPress. It’s definitely a milestone of WordPress evolution, and it’s a huge one. This plugin has enough features to offer and shows good potential. Still, it needs further development to be ready for the WordPress ecosystem.
Today there is a variety of even better 3rd party editors, and it’s a good question whether Gutenberg WordPress plugin will be able to stand on an equal footing with them. Developers seem to try their best to improve it. Its stable release with the WordPress v5.0 will show the results of their work.
If you can’t wait for this release and want to try this editor, it’s recommended to perform it on your test site. If everything feels right, then go forward. Don’t forget to tell us about your Gutenberg experience.