WordPress Gutenberg Clock Ticks Closer to Midnight [2 Minutes Away From Becoming Default Editor]

1,662 0
By: Jim Harding December 29, 2018 14 minutes
Rating: 5 (2 votes)

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

WordPress Gutenberg Clock Ticks Closer to Midnight [2 Minutes Away From Becoming Default Editor] - png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=

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

WordPress Gutenberg Clock Ticks Closer to Midnight [2 Minutes Away From Becoming Default Editor] - png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=

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

WordPress Gutenberg Clock Ticks Closer to Midnight [2 Minutes Away From Becoming Default Editor] - png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=

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

WordPress Gutenberg Clock Ticks Closer to Midnight [2 Minutes Away From Becoming Default Editor] - png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=

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

WordPress Gutenberg Clock Ticks Closer to Midnight [2 Minutes Away From Becoming Default Editor] - png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=

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

WordPress Gutenberg Clock Ticks Closer to Midnight [2 Minutes Away From Becoming Default Editor] - png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=

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

WordPress Gutenberg Clock Ticks Closer to Midnight [2 Minutes Away From Becoming Default Editor] - png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=

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

WordPress Gutenberg Clock Ticks Closer to Midnight [2 Minutes Away From Becoming Default Editor] - png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=

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

WordPress Gutenberg Clock Ticks Closer to Midnight [2 Minutes Away From Becoming Default Editor] - png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=

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

WordPress Gutenberg Clock Ticks Closer to Midnight [2 Minutes Away From Becoming Default Editor] - png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=

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.

10 WordPress 5.0 Ready Website Templates

Softtech – IT Education Multipurpose Creative Elementor WordPress Theme

WordPress Gutenberg Clock Ticks Closer to Midnight [2 Minutes Away From Becoming Default Editor] - png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=
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.

Details | Demo

Clear Mind – Psychological Center Multipurpose Classic Elementor WordPress Theme

WordPress Gutenberg Clock Ticks Closer to Midnight [2 Minutes Away From Becoming Default Editor] - png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=
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.

Details | Demo

Brainex – Creative Studio Multipurpose Minimal Elementor WordPress Theme

WordPress Gutenberg Clock Ticks Closer to Midnight [2 Minutes Away From Becoming Default Editor] - png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=
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.

Details | Demo

Brandom – Advertising Agency Multipurpose Minimal Elementor WordPress Theme

WordPress Gutenberg Clock Ticks Closer to Midnight [2 Minutes Away From Becoming Default Editor] - png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=
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.

Details | Demo

Brightex – Painting Services Multipurpose Classic Elementor WordPress Theme

WordPress Gutenberg Clock Ticks Closer to Midnight [2 Minutes Away From Becoming Default Editor] - png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=
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.

Details | Demo

Snohimi Exotic Hotel WordPress Theme

WordPress Gutenberg Clock Ticks Closer to Midnight [2 Minutes Away From Becoming Default Editor] - png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=
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.

Details | Demo

Structer – Business One Page Classic Elementor WordPress Theme

WordPress Gutenberg Clock Ticks Closer to Midnight [2 Minutes Away From Becoming Default Editor] - png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=
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.

Details | Demo

Projex – Business Mobile App Multipurpose Clean Elementor WordPress Theme

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.
WordPress Gutenberg Clock Ticks Closer to Midnight [2 Minutes Away From Becoming Default Editor] - png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=
Details | Demo

Manufax – Construction Multipurpose Creative Elementor WordPress Theme

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.
WordPress Gutenberg Clock Ticks Closer to Midnight [2 Minutes Away From Becoming Default Editor] - png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=
Details | Demo

Catch Co – Photo Studio Multipurpose Creative Elementor WordPress Theme

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.
WordPress Gutenberg Clock Ticks Closer to Midnight [2 Minutes Away From Becoming Default Editor] - png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=
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.

Author: Jim Harding

Hi, I'm Jim. Most of all in my life I like to receive mails from designers, marketers and developers about how introduction to MasterBundles site has changed their lives.Give a chance to your destiny - subscribe to our mailing list, add the blog to your bookmarks, buy bundles. Write to [email protected] if you want to talk or publish your article. I embrace each of you.

Leave a Reply

avatar
  Subscribe  
Notify of