DEV Community


Posted on • Originally published at on

Ultimate Gutenberg WordPress Editor

Gutenberg WordPress editor is a brand new editor that comes pre-loaded with WordPress 5.0 and higher versions. WordPress Gutenberg Editor, Gutenberg, WordPress block editor or block editor, whatever you call it, Gutenberg was introduced in WordPress 5.0 back in December 2018.

Gutenberg introduced a new method of content creation, giving you more control over the visibility of your content. It is a new default page builder integrated with WordPress that makes it easier than ever to build pages using blocks.

It will completely change the way you create posts, pages, products, and everything else on your site. Block editor has replaced WordPress classic editor, TinyMCE, and has become part of the default content editor as it is now part of the WordPress Core. However, WordPress users can still go back to the classic editor after the update of WordPress 5.0 by installing the classic editor plugin.

Those WordPress blogs include everything you see on a web page including paragraphs, headings, subheadings, lists, columns, quotes, images, videos, widgets, and much more. The new editor is developed to make WordPress as user-friendly as possible, providing a way for users of all skill levels to use its features without encoding.

Each of the blocks can be customized to the publisher’s needs in a simple interface that makes the website look customizable for the non-coding publisher. Therefore the advantage of using Gutenberg instead of a third-party website building plugin is that the code is embedded directly into the WordPress core. Many publishers have reported that this could lead to a faster website. It is important to get up quickly now.

Gutenberg provides dynamic blocks, making content building and page management easier for you.

WordPress describes the purpose of Gutenberg like this:

“With blocks, you can insert, rearrange, and style multimedia content with very little technical knowledge. Instead of using custom code, you can add a block and focus on your content.

Without being an expert developer, you can build your custom posts and pages.”

The Differences between Gutenberg WordPress Editor and Classic Editor

As you can see, they are two completely different editors in creating WordPress content. An old classic editor was a text editor with formatting buttons very similar to Microsoft Word. The new editor uses a completely different method, called ‘Blocks’. The Gutenberg editor orBlock editor replaces the old TinyMCE-based page and post editor with a block-based setup. you now have WordPress blocks to choose from and place them anywhere on the page. you can use theGutenberg editor plugin to change from class to modern editor.

Classic Add New Page | WP Refers

Gutenberg Editor wordpress Overview | WP Refers

How the Gutenberg WordPress Editor Works

Before the update of WordPress 5.0, the classic text editor used TinyMCE (WYSIWYG). It focused on text editing and did not offer many customization options. Gutenberg has replaced the current editorial field of the current WordPress TinyMCE editor with multiple “blocks”. The Gutenberg editor works the same way as the page builder. Gutenberg blocks – content fields for introducing a variety of items in posts and pages, such as texts, photos, files, and links. If you have ever used a page builder like Elementor or Beverver Builder, Gutenberg uses the same principles of dragging and dropping a block on the page and turning it in place.

Ease of Gutenberg Editor

Gutenberg’s blocks break down your content into elements allowing you to build more sophisticated designs than those allowed in the classic WordPress editor. Therefore this new method reduces the risk of losing content or disrupting formatting during the writing or editing process. As a result, WordPress users have full control over the visual content of their content. Also, there is no need to install a separate page builder plugin as Gutenberg already provides you with everything you need to improve your writing skills.

Instead of writing or past the content on the editor’s screen and editing it using HTML, you can now select a block, drag it to the page, add your content and customize the block to fit your design. All blocks come together to deliver a particularly easy way to build posts and pages without knowing the code, have WordPress experience or have websites building previous experiences.

And the good thing is that developers will be able to create their third-party blocks that you can access with plugins for more flexibility.

Why use Gutenberg WordPress Editor

  • Gutenberg’s editor is clear, accurate, and visual.
  • Allows you to modify content in sections. This shows a clear picture and helps to avoid mistakes.
  • It has the best selection of blocks in almost all usage cases.
  • Headers and footers are shown default.
  • With WordPress Gutenberg, you don’t need to install another builder to style the content.
  • Good use of mobile devices and tablets.
  • Easy and fast embedding of content from other platforms.

Gutenberg Editor Add a new post | WP Refers

Classic Editor - Add a new post.png

The pros and cons of Gutenberg WordPress Editor


  • Gutenberg offers a visual design, you can see your content in a format close to what it will look like on the front page.
  • Make the content creation process more accurate and easier for beginners to work
  • You do not need to use shortcodes to embed content
  • Provide more options for customizing your content, with a variety of features.
  • Eliminate the need to install a separate page-building plugin.
  • Minimize long-term coding.
  • Design is responsive with any device.
  • Gutenberg editor is compatible with most meta boxes


  • There will be a lot of conflict over existing themes and plugins, and it may break certain sites.
  • It is not ready to be made part of a core platform and should be saved as a separate plugin for the near future.
  • Some people find it difficult to write in Gutenberg because each section is a separate block.
  • Users who have no prior knowledge of the page builder or who are very familiar with the old WordPress editor may need time to get used to the new layouts and layout of the tools.


In conclusion, WordPress Gutenberg editor introduces a new way of editing content with blocks. Gutenberg is a refreshingly simple way to build websites and opens up page design to anyone with a creative idea and some time on their hands. Gutenberg brings many features that were missing in the classic WordPress editor. However, despite some compatibility issues with WordPress themes and plugins, we think Gutenberg is a welcome change. With time Gutenberg will grow more.

The post Ultimate Gutenberg WordPress Editor appeared first on WP Refers.

Discussion (0)