WordPress 5.0 And The New Block Editor, A Revolutionary Update in 2019!

So, WordPress is making a big change in 2019, with the release of WordPress 5.0, a brand new and powerful editor code-named Gutenberg is replacing the classic editor (TinyMCE) changing the whole experience of content creation…  

The main limitation that the new block editor came to resolve is the ability to make layouts which is a missing feature in the previous editor….

We believe that the new editor came also as a response to website page builders (Like: Wix, Weebly, BoldGrid … etc) since the classic editor has limited capabilities and yet unable to stand up as a competitor to such Drag and Drop website builders…

With the new editor, WordPress is moving from being just a document publishing app to a true layout publishing application   

Morten Rand-Hendriksen

Gutenberg, Core Idea and Main features 

composable user interface
composable user interface

The way the human mind handle complex things is by dividing it into smaller pieces first, then handle each piece separately, That what makes things simpler for us, Gutenberg do just that for posts and pages!

Every piece of content in a post or page is an isolated block that has its own features and properties, so we don’t treat our page or post as one rigid piece but as a composable piece, and that what gives us more control over the content and layout.

Blocks… Blocks, and more blocks!  

Gutenberg offers different types of blocks that are classified into multiple categories: 

  • Common blocks: contains mostly used blocks like text blocks, image blocks, media files…

  • Formatting blocks: contains Blocks for formatted content like code, table, custom HTML…
  • Layout elements: here we find blocks that help in page layout, we believe that the Columns block is the most important one in this category, which is the one that allows you to distribute your content in responsive columns…
  • Widgets: this category contains blocks to add widgets and shortcodes  
  • Embeds: contain blocks to embed content from external websites like youtube, twitter…. 

Gutenberg Blocks
Gutenberg Blocks

Reusable Blocks 

With the classic editor, when you want to re-use some piece of content in a post or page, the only way you can do that is by copy-paste that piece of content, and if you want to use it in other posts, you do the same thing, the problem with that approach is that if you want to make a change on that piece of content on all posts you have to go back to them all and make that change on every one of them! That will be painful… right!

Gutenberg solves this problem by using what’s called: Reusable Blocks, which is a special feature that allows you to save any block as a reusable block, then use it in other posts and pages, any change you make on that block reflects on all posts and pages, and that could save you a lot of time!

Templates 

What if you want to re-use the same layout in other posts? 

Reusable blocks give you the ability to create complete page templates that you can reuse with your posts and pages so you don’t have to create the same layouts again and again.

Gutenberg Vs Page Builders 

You certainly have used one of the page builders before, like SiteOrigin, WPBakery, Elementor,… etc, the features and the capabilities that page builders have offered is massive, they made web design with WordPress a lot easier, especially for non-technical users…

Gutenberg vs page builders
Gutenberg vs page builders

Page Builders came to solve the problems that the classic editor was suffering from, the main one is the layout, with drag and drop functionality and the vast amount of elements provided, creating custom layouts has become trivial

Gutenberg, actually, came to solve the same problems that page builders came to resolve, it looks quite similar to them and they share the same core idea (decomposing the user interface into separate components ), but Gutenberg is just starting out and it has fewer capabilities than most of the premium page builders out there. Advanced page builders offer more elements ( Blocks in Gutenberg Terminology ) and that’s why it is so more powerful.

No doubt, more support is coming for the new editor, no one knows what this editor will look like in the near future, perhaps it will replace page builders entirely… who knows?!

WordPress in 2019, more revolutionary changes are coming!

We all are so excited for what’s coming next after the transformational update of the content editor, Matt Mullenweg the founder of WordPress has listed 9 projects that the development team will focus on in 2019.
In 2019, blocks will be used in other different areas:
1– Navigation menus will use blocks:

Navigation Manu Block
Navigation Menu Block

2– Widgets will use the block editor

Widget area blocks
Widget area blocks

3- Upgrading the Customizer to support blocks:

Customizer blocks
Customizer blocks

So it’s a kind of unification to use blocks everywhere possible… 

Another upcoming project that catches the eyes is building a WordPress.org directory for discovering blocks, and a way to seamlessly install them…

While the editor now is extendible with plugins and themes, finding a unique way to install new blocks and make them stand alone would be very useful…

Let us know, what do you think about the new editor and how that is going to change WordPress in the upcoming years… Comment below 🙂

Leave a Reply

Your email address will not be published. Required fields are marked *

2 + 8 =