WordPress 5.0 brings a completely new experience to the way content managers and programmers work with the tool.
Depending on how you use WordPress, its plugins, and templates, you may be familiar with the concept of blocks in content building.
Automattic, the company behind WordPress, launched the Gutenberg plugin a few months ago with the goal of introducing the public to the future face of the WordPress editor.
After months of testing, feedback, and improvements, the editor was finally released alongside WordPress version 5.0, called Bebo.
What is Gutenberg?
Gutenberg is the name of the new WordPress editor, which brings with it a completely renewed experience for editing blog posts and web pages. The editor is named Gutenberg, in honor of Johannes Gutenberg , inventor of the movable mechanical printing press more than 500 years ago.
The new editor proposal was initially presented to the world by Matt Mullenweg, co-founder of the platform, at WordCamp Europe in 2017. With the concept of ” Drag and Drop ” blocks , better known by its English name “Drag and Drop” , the CMS aims to make life easier for people who are not familiar with HTML or similar.
How the new WordPress Editor works WordPress 5.0 Bebo
There is a wide variety of technologies for quality web programming ; however, one of them has gained the most prominence in middle east mobile number list recent years: JavaScript . This programming language quickly went from being the future to the present of web applications, and is now the engine behind many tools that facilitate online presence.
Okay, but what does JavaScript have to do with the platform’s new editor?
Going back a bit to 2015, Matt Mullenweg began encouraging WordPress developers to consider JavaScript in their applications. From this point on, Mullenweg already hinted at his plans for the future of his content management platform.
JavaScript technology is at the heart of all the new features in the Gutenberg Editor, bringing flexibility and interface options to a whole new level.
A promise of a pleasant writing experience
Automattic promises that its new editor will deliver a pleasant writing experience on the platform.
In this regard, WordPress was a step competitor analysis for contextual advertising setup behind other content editors, such as CMSs or social networks. Creating content on Medium , for example, is much easier and more fluid; just like writing on LinkedIn has been in recent times.
Placing user experience as a top priority completely changed the way we write and manage content. Feeling comfortable with the look and feel of our editor is essential, and the world’s most widely used platform couldn’t be left out. The new WordPress editor was built with user experience
in mind ; the content block and drag-and-drop features are crucial to this mission.
Shortcodes, the customization shortcuts in WordPress
You’ve probably heard or heard the term shortcode at some point. Available since WordPress version 2.5, these are small pieces of HTML code designed to create distinct elements in posts.
For example, let’s say your WordPress theme supports photo galleries. The developers of this theme can make a code available to insert into WordPress 5.0 Bebo the Editor. This code will serve as a shortcut for a function. When you visit your post after it’s published, you’ll see the gallery with all the available visual resources:
A shortcode looks like this (without the asterisk):
Looking at the old code without documentation makes it a little harder to understand what its purpose is.
This left (and still leaves) content creation more limited when it comes to customization. The new WordPress aims to simplify the process and make it more enjoyable.
The concept of blocks and drag and drop WordPress 5.0 Bebo
The editor has dozens of cutting-edge features that facilitate the creation and editing of rich content. These features aren’t just for beginners. More advanced users will also be able to create pages more quickly .
The new editor features a block-based approach , where the experience of creating pages and posts is based on customizable blocks. For example, we can have a block to insert a map with your company’s location, or even a contact form.
The famous Drag and Drop makes the block experience even more practical and simple. With an always-visible options menu, simply select the desired content type, hold down the click, drag, and drop it into the desired area of your post. It’s intuitive to use, which will make learning much faster.
WordPress has some pre-built content blocks ready to use natively:
- Columns
- Buttons
- Heading (titles)
- Gallery
- Tables (a feature that used to depend on plugins has now become much easier)
- Cover background (optimal for headers)
- Spacers
- Section separator
- Social Mídia: YouTube, Twitter, Spotify, Facebook, Instagram are the main ones
The editor also supports popular widgets, giving you more customization options for your website.
These concepts aren’t new to the world of content management systems, or to WordPress. We have popular plugins like Page Builders that have been working this way for some time now.
Gutenberg Editor vs Page Builders
When it comes to Page Builders, there have also been some comparisons and even claims about the demise of plugins for this japan data purpose. Although they offer similar concepts and functionality, it’s not yet possible to say whether they’re worth keeping in the new editor.
Gutenberg elevates the editing experience in WordPress, but there are still a lack of resources that can replace Page Builder plugins.
One of my favorite plugins for this purpose is SiteOrigin’s Page Builder . It’s a freemium plugin with dozens of free resources and paid add-ons that enhance its functionality. There are many other well-known plugins, such as Elementor, Divi Builder, Beave Builder, and, perhaps the most famous, Visual Composer.
All of these plugins have hundreds of visual resources that we can’t yet see in the WordPress editor, Gutenberg: