WordPress Gutenberg Clock Ticks Closer to Midnight [2 Minutes Away From Becoming Default Editor]
99 0
By: Jim Harding August 16, 2018

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.
Let’s start!

Guten….What?

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.

Gutenberg. The Simplicity Is

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.

Block Concept

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.

Main points

  • Blocks everywhere.  Text, images, galleries, widgets, shortcodes are seen as block in WordPress Gutenberg. Consequently, you can work with this multimedia as you work with blocks.
  • Equivalence. All blocks are created equal for the ease of use.
  • Placeholders. Their usage predefined editable layouts. Image and text placeholders save you time and point out places where you havу to fill in the blanks.
  • Direct manipulation. It can be done directly on the page. Gutenberg offers users a WYSIWYG environment for creating on the web.
  • Customization. From now it’s easy and intuitive. A developer determines a specific portion of the layout which every block renders, and what type of changes a user can perform. It means that an end-user will be able to edit the layout as he needs without fearing that he can break the whole system.

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:

  • YouTube videos;
  • Tweets;
  • Reddit posts;
  • Spotify links;
  • etc.

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.

Installation

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.

Pros / Cons

Pros

Cons

Ease of use.

The main idea of Gutenberg is to streamline the writing process and facilitate the creation of layout.

Beta version.

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.

Visual part.

It left behind HTML / CSS and becamу a visual editor where content is seen as blocks.

Poor reviews.

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.

Bugs.

Here are some of them:

  • no support for responsive columns. Hopefully, it’s a temporary problem, ‘cause more features are added to it on a daily basis.
  • partial support for meta boxes.  Hiding page titles, unique options for each page are not available for today.
Quick embedding.

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.

Clean design.

Gutenberg doesn’t mislead and shows relevant tools at the right time you need to use them.

Accessibility.

It’s a main concern of developers, ‘cause Gutenberg APIs are still under development phase.

Mobile friendly.

Functionality and work are now supported on various mobile devices.

Big question.

WordPress supports tons of various plugins. Will all of them work properly with Gutenberg?

 

Gutenberg Plugins & Extensions

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 – Blocks Set Addon for Gutenberg Editor WordPress Plugin

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:

  • Banner
  • Pricing Table
  • Circle Progress
  • Countdown Timer
  • Advanced Map
  • Animated Box
  • Progress Bar
  • Inline SVG
  • Image Comparison

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

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:

  • create user profiles with different level of access to the blocks of Advanced Gutenberg plugin
  • select different editing tool for every profile
  • add lightbox to Gutenberg galleries
  • display ALTs and captions in gallery lightboxes
  • create custom CSS styles and apply them to various blocks
  • insert Gutenberg post summaries
  • create advanced button blocks that will have additional styles like hovers, borders, padding, etc.
  • create advanced list blocks with extended styles and formatting
  • create advanced table block with extended styles and formatting
  • create an accordion block: display content in a fully configurable accordion
  • create tabs block: display content in a fully tabbed UX
  • create testimonial block, add user avatar, testimonial text, change colors.
  • create counter block thus display the numbers in a dynamic way
  • create advanced video and image blocks
  • create separator and tweak their styles
  • create custom social links block

Ultimate Addons for Gutenberg

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.

WooCommerce Gutenberg Products Block

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.

Block Background

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.

Color Palette

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

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.

 

  • Card
  • Pricing box
  • Header
  • Count up
  • Video Popup
  • Testimonials
  • Team Members
  • Call to Action
  • Notification
  • Blockquote (Improved!)
  • Pullquote
  • Number box
  • Button (Improved!)
  • Ghost Button
  • Expand / Show more
  • Divider (Improved!)
  • Spacer

 

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.

Advanced Gutenberg Blocks

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.

https://www.youtube.com/watch?v=PBVHKo172mU

Organic Profile Block

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.

Contact Form 7 Block

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.

Author: Jim Harding