A Tour of WordPress’ Gutenberg (2018) at Women Who WP


At Women Who WP’s Orange County Meetup 1-17-18, I gave a tour — a basic overview — of the features of Gutenberg and published a post live at GutenBridget.com.

Last year at WordCamp Europe, Gutenberg was announced as an editor replacement. In the final phase, it will be much more than that but as of now, it will be an editor replacement in WordPress 5.0.

It’s 2018, it’s time for WordPress to change it’s editor experience.
Instead of metaboxes, there will be blocks.

Gutenberg changes how you interact with WordPress. Try it. Study. Test it for yourself. Share on X

Here is the video of the Live Stream from Facebook.

Bridget Willard gives a tour of Gutenberg.

Gutenberg Tour by Bridget Elizabeth Willard.

Slides http://bit.ly/2BaUMYX

Posted by Women Who WP on Wednesday, January 17, 2018

What is Gutenberg?

Gutenberg, eventually will change how you interact with WordPress. In it’s first inclusion into Core, will be a new editor experience.

“Gutenberg has three planned stages. The first, aimed for inclusion in WordPress 5.0, focuses on the post editing experience and the implementation of blocks. This initial phase focuses on a content-first approach. The use of blocks, as detailed above, allows you to focus on how your content will look without the distraction of other configuration options. This ultimately will help all users present their content in a way that is engaging, direct, and visual.
These foundational elements will pave the way for stages two and three, planned for the next year, to go beyond the post into page templates and ultimately, full site customization.” Gutenberg Team

Blocks Replace Meta Boxes

Instead of meta boxes, you interact with your content in blocks. Content includes video, images, headings, quotes, and, of course, text.

Highlights:

  • The plus sign allows you to add more boxes. Sometimes you have to hover to see it.
  • Plugins make their own types of blocks.
  • Themes control how a block looks. This is an opportunity for theme developers.
  • Blocks are determined in the code with CSS Commenting so you know what’s in block.
  • Even though paragraphs are in different blocks, each paragraph is output with paragraph tags and shouldn’t interfere with SEO implications.

Contextual Formatting

This means every block has its own control. Every plugin can create settings for their blocks. You may not see settings in the sidebar anymore. They may be in the settings.

“Gutenberg tries to identify all of these types of content properties so we can control it. It’s all based on blocks and block context.” Morten Rand-Hendriksen

Resources

Here are my slides

Tour of Gutenberg – Women Who WP – January 17, 2018 from Bridget Willard

2 responses to “A Tour of WordPress’ Gutenberg (2018) at Women Who WP”

  1. I am truly scared! LOL. I went to a presentation on these changes at the Wordcamp Las Vegas and I just sat and wondered why? I can see doing this as an option, but please do not take away our current formats. Everybody hates change and this sounds like a real killer to me.

    Thanks for doing this post! I was trying to forget, but it sounds like it is still moving ahead! haha

    Linda