It’s been a long time coming, but WordPress have finally released verson 5.0 which includes big upgrades to the editor. The new block-based editor, called Gutenberg, is their first step toward the new direction that WordPress will be taking. Initially it will just replace the tired TinyMCE  editor and brings to the table a lot more – think Visual Composer. Gutenberg is a client-side interface built with React that uses blocks to let you build up your content. It reduces the current visual difference between how you see content in the admin and how it is rendered on the frontend.

This is a bold new step for WordPress as they have always prided themselves on backwards compatibility, a choice that has left the codebase large, outdated, and full of technical debt. This is now a fresh start using modern technologies (React, REST API), and therefore it circumvents the problematic parts of core. BUT this will break things as it completely changes the way things work between 4.8 and 5.0, although there is a safely net called the ‘Classic Editor’ which allows you do do it the ‘old way’ in WordPress 5.0 still, giving you a bit of breathing space before jumping in at the deep end with Gutenberg, and allowing time for your theme to be re-developed to work with Gutenberg.

WordPress running will eventually move away from the old way of building themes using php and onto newer methods, such a using javascript. Anyway back to WordPress 5.0….

 

Building with Blocks

If you have every used Visual Composer or Elementor Pro, you will be use to the new way of doing building the content. You will be able to insert any type of multimedia in a snap and rearrange to your heart’s content, building rows and columns as you arrange your blocks. There will be lots of blocks available by default, and more will come as new plugins are developed.

So to begin with you get:

  • Paragraph
  • Heading
  • Preformatted
  • Quote
  • Image
  • Gallery
  • Cover (Hero Banner)
  • Video
  • Audio
  • Columns
  • File
  • Code
  • List
  • Button
  • Embeds
  • Variuos Social integrations including: Twitter, YouTube, Facebook, Instagram, and 29 others
  • Custom HTML
  • Pull Quote
  • Table
  • Verse
  • Media & Text
  • More Link
  • Page Break
  • Seperator
  • Spacer
  • Shortcode
  • Archives
  • Categories
  • Latest Comments
  • Latest Posts

 

 

And of course there is the constomary yearly theme..

Introducing Twenty Nineteen

Twenty Nineteen shows off the power of Gutenberg, it features custom styles for the blocks and makes extensive use of editor styles throughout the theme. It featuring ample whitespace, and modern sans-serif headlines paired with classic serif body text, uses system fonts to increase loading speed and is designed to work for a broad rage of uses from a photo blog to launching a new business.