Word Press 5.0 Bebo released with Gutenberg Editor: What You Should Know as a Developer

WordPress 5.0 Bebo released in 6th of December 2018 came with new default content editor Gutenberg. WordPress Bebo came with major update without notifying to press or digital media and top companies that utilizing WP as their default CMS.

WordPress 5.0 – Introduction

Earlier, experts predicted the WordPress 5.0 Bebo as the most controversial release from the WordPress Organization. However, on analyzing the usages and the inclusion of metrics in WP Bebo seems to be pretty same as the older version.

WordPress 5.0

WordPress 5.0 with the new Gutenberg Editor has entirely changed the way the user used to edit pages and posts contents/media. Several WordPress development companies and individual WP users from various parts of the world probably have tons of questions about what the new editor does in WordPress 5.0 Bebo.

Also Read :Kate Middleton

Well, the answer for that prominent question briefed below. Before entering into deep, lets brush-up with some basics.

Improvements on WordPress 5.0 Bebo

  • Easier To Work in WP
  • Improved Design
  • Enhanced Custom Style WP Theme
  • Wide Collection of APIs and Interface Components

What is Gutenberg?

It is nothing but just a project name, that Gutenberg project delivers the new WordPress editor. The new WordPress Editor “Gutenberg” gets included as the default content editor in the newly released WordPress 5.0 Bebo along with many exciting features.

Gutenberg Editor

The Gutenberg also referred as a block-based editor. The presence of Gutenberg editor in the latest version of WP makes it as easier to use and powerful than any other editors. It simply gives users the freedom to build a website and freedom to write/post content or media anywhere.

Gutenberg in WordPress 5.0 Bebo

The new Gutenberg Editor replaces the WordPress Classic Editor ‘WordPress TinyMCE’. With the new release, WP users can experience significant changes while editing posts and pages.

Also Read: Kristoff St.John

Unlike the old classic editor ‘WordPress TinyMCE’, the new Gutenberg Editor inherited with several transitions including the build content layouts other than articles to make things simple for users while creating pages.

Gutenberg Editor comes with the latest development version of React.js the development version that has great error debugging features. For information, the Facebook open-source user interface library ‘React’ written purely in JavaScript is extremely fast and easy to start when compared with any other existing interface script.

Most developers may have this question exactly for what purpose React .js included in Gutenberg? Well, developers across the globe know that React is a reusable component used to compose the interfaces efficiently. Gutenberg uses blocks as the basic unit and the WP developers tend to link the content in-between the blocks, for such interface React.js becomes handy.

Developers who are know how to use React.js can easily understand and step forward to work on the advanced Gutenberg concepts.

WordPress 5.0 Requirements to Install

Preferring the official website of WordPress organization for WordPress 5.0 download would be the best and the safest option. Also, users need to be aware of the recommendations or WordPress 5.0 requirements for running the latest WP version 5.0 Bebo on the server.

Here are the lists of requirements needed to run WordPress Bebo

  • PHP version 7.3 or above
  • MySQL version 5.6 or above / MariaDB version 10.0 or above
  • HTTPS support

What Happens to Old Classic Editor?

This might be a million dollar question among the WP users right now. Whether it is possible to make use of the WordPress Classic Editor just like before?

If you face difficult on working with the WP Gutenberg editor and prefer to stick with the old classic editor then you can still install the classic editor via WordPress plug-in.

The WordPress team has announced that the official support for old classic editor will provide until 31st of December 2021.

Features of Gutenberg Editor

  • Gutenberg Editor developed with the block concept. Where the blocks allow users to add multiple types of content/media while editing a post or page.
  • The new Editor Gutenberg focused to attract non-techie users who known as non-coders to build blog or website at ease.
  • The Gutenberg Blocks far higher than basic HTML. Blocks are stored as semantic HTML comments that can render on front-end via PHP or JS parsers.
  • Gutenberg Editor comes with separate blocks for developer ‘Block API’. The Block API allows third-party developers to create their own blocks adaptable in WordPress 5.0.
  • Third-party developers can create blocks by using registerBlockType PHP function and Pass Callback. Similarly, the function of JS registerBlockType used to control the block appearances in Gutenberg Editor.
  • New Gutenberg Editor comes with customizable blocks individually. Even, users can add a CSS style class to their site’s theme.
  • Within a short time, WordPress 5.0 received a sizable amount of security patches an updated in the newly released Word Press 5.0.1 Security Release by the WP Organization.

Gutenberg vs Page builders

FeatureGutenbergPage Builders
Main usageEditing content only (stage 1 – 2018)Editing content only 2
Main element of contentExtensible blocks with a small number of defined attributesEssentially blocks with attributes 3,4
UIMinimal interaction with tools, more focus on content, resembles front-end editor. Some blocks are previewable in backend.Large variety of interaction elements depending on builder. Some builders provide full front-end editors with mobile UI, others only preview.
Drag-and-dropYesAll the major page builders have
Reusable blocksYesSome builders have
Nested blocks and columnsPlanned (experimental)Supported
Classic editor compatibilityClassic editor content can fully conversable to Gutenberg.Usually classic editor content is partially convertible to builder’s content.
Partially convertible to Classic editor.Usually not convertible back to classic editor
Lock-in effectWeak lock-in effect because content is partially convertible to Classic editor.Strong lock-in effect
Stored asSemantic HTML comments in the post contentShortcodes in post content or metadata

Gutenberg Keyboard Shortcuts

The new editor comes with several Gutenberg keyboard shortcuts in order to make things easier for users while editing and posting content in WordPress.

Below listed table showcases the few popular shortcuts of Gutenberg editor.

SHORTCUTMAC OSWINDOWS/LINUX OS
Display ShortcutCmd+Option+HShift+Alt+H
Show/Hide the Settings SidebarShift+Cmd+,Shift+Cmd+,
Open the Block Navigation MenuCtrl+Option+OShift+Alt+O
Navigate to the Next Section of the EditorCtrl+` or Shift+Options+NCtrl+` or Shift+Alt+N
Navigate to the Previous Section of the EditorCtrl+Shift+` or Shift+Option+PCtrl+Shift+` or Shift+Option+P
Navigate to the Nearest ToolbarOption+F10Alt+F10
Switch between Visual Editor and Code EditorCmd+Shift+Option+ MCtrl+Shift+Alt+M

Bottom Line

Top WordPress Development Agency has suggested WP users back up their site and to check whether the 3rd party plug-ins, custom plug-ins tied with their sites have updated to be compatible with WordPress  5.0 Bebo before initiating their WP to a new version.

Also Read:Get The Best Spy Apps On Your iPhone

For WP users, WordPress has announced that users who are facing usability issues on block editors of the recently released WP Bebo version use the old Classic Editor by installing via WP Plug-ins.