Start with New Gutenberg WordPress Editor

Start with New Gutenberg WordPress Editor

Gutenberg is the project name for the new WordPress block editor, which replaced the WordPress TinyMCE editor as the default WordPress editor in WordPress 5.0. The major thing of Gutenberg is little super star BLOCK, we can call it as block editor.

Exploring Gutenberg

With WordPress 5.0 onwards  Gutenberg will be the default editor  

In new Gutenberg editor everything is managed as block. Some commonly used blocks are Paragraph , Heading ,Gallery, List, Image  and many more. 

In the Gutenberg WordPress editor, you can click on “Settings” to remove the right-hand sidebar. And while this does give you access to even more of your screen.To switch between the visual editor mode and text editor (code), there is tool section near to setting icon .

One of the first things you will probably notice is that the TinyMCE toolbar you have been used to seeing for years is now gone. It is now replaced with a drop-down menu if you click on the “Insert” button.

If you take a look at both the Gutenberg editor and the current visual editor side by side (click to enlarge) you can see just how much more writing space Gutenberg has, especially on smaller screens. For people writing on laptops, Gutenberg is going to be a nice change of pace! It really is focused on “writing first” and is trying to provide a less distracting environment.

Classic Editor

Gutenberg Editor

It’s more than an aesthetic update, though. Gutenberg completely changes the editing experience by moving to a block-based approach to content

Is Gutenberg a part of WordPress?

Gutenberg was officially released as part of WordPress 5.0 on December 6, 2018. If you’ve updated your site to WordPress 5.0, you should now see the new block editor by default.

So what’s a block?

Well, a block can be pretty much anything. For example, you can have blocks for:

  • Paragraph
  • Images
  • Video embeds
  • Buttons
  • Gallery
  • Tables
  • Etc.

Can we keep the previous WordPress editor?

yes, you can keep using the previous WordPress editor. To deactivate the Gutenberg block editor and return your site to the classic editor after upgrading to WordPress 5.0, you can use the official Classic Editor plugin.

Need special theme to use the new Gutenberg block editor?

No, Because it’s now the default WordPress editor, the block editor is built to work with any WordPress theme. 

A quick tour of the WordPress block editor interface

Before you start adding some blocks, let’s go over a quick run-down of the elements of the main block editor interface:

Adding new blocks

To add a new block, all you need to do is click the +Plus icon and select the type of content you want to add:

(A) – lets you add new blocks.
(B) – undo/redo buttons
(C) – gives you access to document settings, covering things like categories & tags, featured images, etc. This is similar to the current sidebar in the WordPress editor
(D) – when you have an individual block selected, this gives you access to settings that are specific to that block
(E) – lets you access a live preview of your post or publish/update your post
(F) – once you add some blocks, this is where you’ll actually work with your post’s content

Try Gutenberg Demo

Want to play with Gutenberg without installing it? Check out Frontenberg, a limited front-end demo of the WordPress Gutenberg editor.


Overall we were quite impressed with the new Gutenberg WordPress editor, it’s definitely something we are excited about for the future.  We have already done 2 website with new gutenberg editor and client loves that .So hope evneyone will like this