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.
Let’s start with WordPress theme specifically developed for IT education websites. It has everything needed for creating a modern and informative resource and advertise your services online. It is compatible with WP 5.0, includes Elementor Page Builder and Jet plugins, offers a neat Contact Form 7 etc. Besides, Softtech features 4 blog layouts which will help you design your blog in the way you like.
This theme is must-have if you want to provide a professional and reliable presentation of your psychological center services online. Clear Mind is compatible with WordPress 5.0 which means you get advanced performance and a wider range of features. Besides, the layout is clean and minimalist which will let you focus on the most important data on your site. Try Clear Mind to let your visitors trust you and seek your psychological help.
Spread a word about your creative agency online by means of Brainex Elementor theme. Being compatible with WordPress 5.0 it contains a minimalist layout, different elegant pages for any purpose, and other components. Meanwhile, using embedded Elementor Page Builder with Jet plugins you can customize your site without any coding skills. In case you want to establish an online store right on your site, try built-in Ecwid plugin. In general, looking into Brainex you’ll find the entire set of tools required for building a fully-fledged, responsive website.
Show that you take care of your clients with this multipurpose minimal Elementor WordPress theme. Provide all the necessary information using a variety of stylish pages including homepage, about, services, projects, team, and contact page. Meanwhile, building content has become even easier with Elementor Page Builder that features a drag-n-drop functionality. Additionally, you’ll get Jet add-ons, bonus images on different business topics, Ecwid plugin etc. to tell about your advertising agency.
Do you want a professional-looking theme that would be compatible with WordPress 5.0 and have no extra details? Then, you’ve come to the right place. Here, you’ll find Brightex aimed to present your painting services online. Discover a set of pages for all occasions, Elementor Page Builder, Jet add-ons, and other elements right out of the box.
Snohimi provides unlimited solutions for advertising hotel or vacation rental place online. It features an engaging layout with the soft and calm color palette. Additionally, you’ll find a variety of pre-designed pages for all occasions, Elementor Page Builder, and Jet add-ons out of the box. Using all available web elements you’ll get a chance to establish a fully-fledged website without touching a single line of code.
If you want to create an attractively-looking one-page website for your business, try Structer for this purpose. With the help of integrated Elementor Page Builder, you can easily arrange the content across the layout. Besides, with the drag-n-drop editor, you don’t even have to experience coding to establish a website. Meanwhile, using Ecwid plugin you have a chance to develop an online store right on the site. As you may see, Structer provides everything needed for easy and fast website customization.
Have you just developed a steep business application and want to advertise it online? Projex multipurpose WordPress template will help you implement the project on the web. It comes with pre-designed pages for any purpose, mobile-first layout, and bonus images on different business topics. Besides, the template makes the customization process easier offering Elementor Page Builder and Jet plugins for your services. Take a closer look at this theme and make sure that website building may be as easy as a pie.
Details | Demo
Get this multipurpose Elementor WordPress theme for your construction company website. Featuring a drop-down menu, social media integration, and live search it will help you provide a top-notch user experience. In the meantime, such modules like Services and Projects will help you show what you are offering in your project. Implement a blog page to your site to increase the traffic and look more reliable for your consumers.
Details | Demo
You’ll be glad to know that Catch Co Elementor theme has become compatible with WordPress 5.0. It offers a wider range of features that will help you design your photo studio website. Equipped with Elementor Page Builder Catch Co allows you to drag and drop the elements throughout the layout without touching code. In total, this template is a perfect solution for creating a user-friendly and professional-looking photography resource.
Details | Demo
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.