Welcoming new Gutenberg WordPress Editor

Got bored by using the current editor?

WordPress latest update has a good news for you.

By default, WordPress has the TinyMCE editor that provides two rows of buttons to create, edit and format post content. It provides a lot of stuff to play with.

Now, the default WordPress editor is going to change. The current WordPress visual editor hasn’t had many changes over the years. Thus, to make adding rich content to WordPress simple and enjoyable, many contributors and volunteers are working on the new Gutenberg WordPress editor.

Gutenberg editor WordPress
Gutenberg editor WordPress

Gutenberg is a completely new publishing experience and will bring big change to how you’ve always used WordPress over the years.

Gutenberg is originally named after Johannes Gutenberg. He was the first European to use movable type printing. The major advantage of this type of printing at that time was, it played a key role in the development of the Renaissance, Reformation, the Age of Enlightenment, and the scientific revolution and laid the material basis for the modern knowledge-based economy and the spread of learning to the masses.

Gutenberg will replace the familiar editor with something new. You will have to get used to the new method of creating and editing content. The new UI may involve more clicking and scrolling to carry out your tasks, and have some hidden shortcuts you’ll need to learn.

Though, this new editor is under testing.

Gutenberg will offer:

Table Block and Text Column Block:

Undoubtedly, you all are familiar with Gutenberg now. It is obvious that you’ve most certainly heard about its ‘blocks’ as well. Right?

Blocks are an integral new addition to the WordPress ecosystem. Every individual piece of content in Gutenberg is its own block. This includes text paragraphs, images, embedded files, headers, featured images, and so on.

Gutenberg editor
Gutenberg editor

It means simple tables are much easier now, as you can insert them as blocks within the visual editor. It also comes with the ability to add responsive text column blocks.

Live HTML block:

Through Live HTML block, users can insert code and see the preview from right within the block. You can now add anchors to blocks, which lets you link directly to a particular block from anywhere else on a page or post.

HTML editor in Gutenberg
HTML editor in Gutenberg

This is particularly useful for long-form content and comes in handy if you want to create your own table of contents.

Pretty Cool! Right?

In addition, you can also add extra CSS classes to certain blocks.

Drag and drop images:

One of the most visible updates is the new ability to add image blocks by dragging and dropping them into the editor. You can now drag and drop images directly into an image block, similar to the visual editor.

Adding image in post using Gutenberg editor in WordPress
Adding image in a post using Gutenberg editor in WordPress

However, there will be a fade effect when doing this. Gutenberg includes a blue line indicator for dropzones where users can place an image.

Cover text options:

There will be some new visual styles and options for cover text. You can easily change the font size, turn it into a Drop Cap, and change the color.

Block settings in Gutenberg
Block settings in Gutenberg

This enables you to quickly get a feel for what options are available to you at any given time. You’re only ever looking at what you need, which helps to avoid confusion in the long run.

Color switches will be available in the sidebar block options.

Pull Quotes Block and New Alignment Options:

While a standard quote block usually quotes an external source, a pull-quote is quoting your own article.

Pull quote in Gutenberg
Pull quote in Gutenberg

With a pull-quote, you also have a little more flexibility over the alignment.

It is also nice to see some variations on the positioning of the blocks. In addition, with the Gutenberg WordPress editor, you can also align wide, and align full-width.

Embedding options:

Embed blocks allow you to insert third-party content (video, audio, images, tweets, etc.) on your WordPress site. With Gutenberg, you have a generic embed block, as well as a handful of more specific ones for a variety of popular services.

Embeds in Gutenberg editor
Embeds in Gutenberg editor

Gutenberg makes embedding media content super easy, whether from any media sites including, YouTube, SoundCloud, Hulu, Flickr, Imgur, Twitter, Slideshare, Reddit, and many more.

Advantages of Gutenberg:

  • For users who like to use Medium style editing experience, they are most likely going to love the WordPress Gutenberg editor.
  • Offers a less distracting experience with more screen space.
  • Works great on mobile. Meanwhile, easy on the go user experience.
  • Easy to use especially for beginners.
  • Developers can create their own custom blocks.
  • Improves the writing experience of the author.

Missing Classic Editor?

Of course!!, me too! We all started using WordPress with the classic editor. There are some gossips saying Gutenberg will kick off the classic editor. That’s not true, Gutenberg will come with an inbuilt classic editor which works same as that of Classic editor we have.

Classic editor in Gutenberg
Classic editor in Gutenberg

Though Gutenberg provides basic support for block styles in themes, and theme developers are free to override Gutenberg’s default styles with their custom styles.

Hope you will enjoy the new Gutenberg editor as much as you love using WordPress. I would love to know your thoughts on this upcoming new editor in the comment section.

ALSO READ

Subscribe to our newsletter

To be updated with all the latest news, offers and special announcements.

Comment Policy: Your words are your own, so be nice and helpful if you can. Please, only use your real name and limit the amount of links submitted in your comment. We accept clean XHTML in comments, but don't overdo it please.

LEAVE A REPLY

Please enter your comment!
Please enter your name here

GET STARTED

Start WordPress Blog: Ultimate Guide For Beginners

Here is our step by step guide for beginners to start a WordPress blog.

Top 6 Best WordPress Theme Frameworks

There are many websites themes which are created by using a framework. Likewise, WordPress Theme frameworks also becoming so popular. The framework allows you...

The Most Essential WordPress Plugins

Here, I have listed some excellent plugins which will surely add more features and new functionality to your WordPress blog.

Tips to Speed Up WordPress Performance

Here, I am sharing some tips to speed up WordPress performance. All you need to modify .htaccess file on your server and add some plugins.

The Ultimate Guide to Harden WordPress Security

Learn how to improve WordPress security. Here are some basic security concepts that will help you to harden WordPress security.

How to Setup CloudFlare Free SSL for WordPress Blog

Google has announced that they will count HTTPS as a ranking factor which means if you using HTTPS you will get a higher position...

DEALS

POPULAR NOW

Get almost 100% PageSpeed on Newspaper theme

The newspaper theme is the most popular premium theme for a self-hosted WordPress blog. The theme is developed by team tagDiv. You...

How to setup CloudFlare CDN for WordPress blog

In today's world website speed is a crucial element to getting good ranks on the web. Website speed also aids for indexing your site...

How to Remove jQuery Migrate in WordPress?

jQuery Migrate greatly simplifies the process of moving older jQuery code to a higher jQuery version by identifying deprecated features. It then restores deprecated...

How to Delete Multiple Images in WordPress Media Gallery

Hey, guys today one of my friends asked me a question, How can I delete Multiple Images in WordPress? I replied, "It's very simple." Yeah,...

How To Reduce Admin-Ajax Server Load In WordPress

To increase better user experience, we always end up by increasing site speed. After clicking a website link seems like a simple thing. But...

WP Super Cache Plugin: Best Settings & Configuration Guide

A cache plugin serves static contents to the visitor which improves page load speed. There are so many cache plugins available in the...