Gutenberg (WordPress editor)

Gutenberg is a brand new editor for the WordPress content management system. Gutenberg came as part of WordPress 5.0 and launched on November 27, 2018. 

WordPress Gutenberg changed the editing experience 180° compared to the old TinyMCE editor. It radically changed how you create posts, pages, products, and just about everything else on your site. The new editor is the perfect tool to create media-rich content. With the Gutenberg editor, the fundamental element of a post/page is a block. Blocks are an ideal tool for building engaging content. It has fullscreen editing functionality and “focus mode”, which set focus on one block at a time (the one you are editing) and shading the rest of the content/blocks. You can also pin your toolbar to the top of the page. You can learn more about the editor on the support page here: https://wordpress.org/support/article/wordpress-editor/.

With blocks, you can insert, rearrange, and style multimedia content with very little technical knowledge. Instead of using custom code, you can add a block and focus on your content.

They are many different types of blocks, divided into a few groups:

  • Text blocks: paragraph, heading, quote, list, code, classic, preformatted, pullquote, table, verse
  • Media blocks: image, gallery, audio, cover, file, media & text, video
  • Design blocks: buttons, columns, group, more, page break, separator, spacer
  • Widgets: shortcodes, archives, calendar, categories, custom HTML, latest comments, latest posts, social icons, tag cloud, search
  • Embeds: YouTube, Vimeo, embed, Twitter, WordPress, Soundcloud, Flickr, Animoto and a couple of dozen more
  • Custom blocks: you can create your blocks and use them sitewide.
  • Reusable blocks: which offer the ability to reuse what you have created over and over again
  • Blocks created by plugins: for example, a set of WordPress SEO Yoast blocks, ContactForm 7 and more.

WordPress has created a special page dedicated to the Gutenberg editor on which you can test editing and check new functions. You can find this page here: https://wordpress.org/gutenberg/. You can download the latest version of WordPress with Gutenberg editor here https://wordpress.org/download/.