4 Phases of Gutenberg Project: What Are They and Why Do They Matter?

WordPress 5.0 was launched on November 27, 2018, and came up with a new editor — Gutenberg. More recently, Gutenberg version 11.6 was released to enhance the experience of editing the block-based website. Here, we have listed the 4 phases of Gutenberg Project Development.

Gutenberg editor replaces WordPress’s original TinyMCE-based editor, representing a radical shift in how developers approach WordPress publishing.

It uses blocks and an editor to eliminate the high dependency on shortcodes and custom HTML for creating a new webpage. The webpage-building experience when using a collaborative editing WordPress plugin that simplifies the publishing process. And therefore, Gutenberg can help as a block editor with google-docs-like editing and sharing options.

Introducing the block editor was the first step of a four-part strategy to bring WordPress up to date. The Gutenberg project was launched to ensure that WordPress continues to dominate the website development arena, which already has over 455 million websites.

4 Phases of Gutenberg Project - What Are They and Why Do They Matter 1

4 Phases of Gutenberg WordPress Project

The Gutenberg project was planned to be launched in 4 different phases. Its purpose is to give small companies a leg up on the competition by lowering the barrier to entry for creating a digital presence.

This project’s stages revolve around editing, customization, collaboration, and multilingual support. The project name pays tribute to Johannes Gutenberg, who invented the printing press.

Phase 1 of Gutenberg Project: Editing

4 Phases of Gutenberg Project - What Are They and Why Do They Matter 3

Anyone knowing the fundamentals of Gutenberg will be familiar with blocks. Their addition to the WordPress ecosystem is crucial to assembling tools for creating content. Developers will have individual blocks of the content piece.

It offers more control over paragraphs, files, headings, files, featured images, and other elements. Also, it provides more space to add content. For instance, developers may add a CTA button to each post on a sign-in page or use other buttons to drive conversion.

A significant benefit is its ability to alter individual blocks with specific formatting. WordPress’s new Gutenberg editor helps rearrange and categorize such content on posts and pages more efficiently.

Also Check: WordPress Website Launch Checklist: 15+ Things to Check Before Launching Your WordPress Website

Phase 2 Of Gutenberg Project: Customization

Launching of Guttenberg phase 2 was with the ability to transform how users interact with digital content by creating a visual interface. It ensures that developers leverage WordPress themes and use design elements to create visuals precisely as they plan them. Also, they can view live websites with greater detail while monitoring changes in the editor.

4 Phases of Gutenberg Project - What Are They and Why Do They Matter 2

In real-time, what you see is what you get (WYSIWYG) editor offers real-time design and structure changes, ensuring better control. The Gutenberg editor enables a more streamlined and user-friendly approach to create posts and pages.

Also Check: Icon Block Plugin to Add Arbitrary SVG Files in WordPress

Phase 3 of Gutenberg Project: Collaboration

The third stage of the Gutenberg project offers support for working on posts by multiple authors. Gutenberg editor lifts restrictions on arranging content blocks within the website in the current version. 

Often, the project goal involves creating a directory of blocks, a set of themed blocks, and a set of navigation blocks. At this stage, the focus is on making easy-to-modify websites with no coding required to power multi-author collaboration within the WordPress framework.

This is where multiple authors can start editing blocks. As discussed in phase 2, all changes are easily visible. When collaborating, it allows multiple people to edit the content on the website simultaneously in real time. This will increase productivity and bring better results for the business. 

The phase 3 upgrade allows multiple users to leverage collaborative editing in WordPress, much like Google Docs.

  • The rollout began with Gutenberg being enabled for some WordPress.com users. They collected feedback from many bloggers who collaborated over WordPress.
  • Users with self-hosted WordPress installations were prompted to install the Gutenberg plugin to try the collaboration feature in WordPress 4.9.

This phase enabled multi-collaboration that addresses the issue. After installing the plugin, developers will have fast access to the following powerful editing tools:

  • It offers an inline commenting feature with a single click, allowing others to comment on content in a given post.
  • Mentioning and tagging coworkers is possible. It helps choose appropriate recipients for any input and provide them with the required output.
  • The “reply and resolve” feature helps to respond to coworkers to older comments and even resolves addressed comment threads.

Phase 4 of Gutenberg Project: Multilingual

Gutenberg’s final phase includes language support into fundamental aspects of WordPress and the editor. Developers can benefit from the fourth phase of the Gutenberg editor, which can now translate into other languages and display appropriately across all devices. It does so without impacting the user experience. Also, the same may happen when adding slow third-party translation plugins and extensions.

There will no longer be a necessity for WordPress users to use translation plugins such as the WordPress multilingual plugin (WPML) to translate websites into other languages.

Also Check: Top Reasons to Convert Website from HTML to WordPress


Moving ahead, the Gutenberg project inside WordPress will also change the content distribution on the internet as Johannes Gutenberg did for printed material. The further phases will also work to ensure that anybody can create a website without learning to code.

Developers with experience in WordPress web programming, including Javascript, React, PHP, and HTML/CSS, is suitable for working on Gutenberg. Also, many themes and plugins developers can leverage Gutenberg Blocks to enhance UX.

Also Check: Top e-Commerce WordPress Theme For Business In 2022

Featured Image by Kevin Phillips