Gutenberg Phase 2 Friday Design Update #49

In an effort to share the most recent design work for GutenbergGutenberg The Gutenberg project is the new Editor Interface for WordPress. The editor improves the process and experience of creating new content, making writing rich content much simpler. It uses ‘blocks’ to add richness rather than shortcodes, custom HTML etc., I’m pinging designers to get their latest explorations and visuals to share them with anyone who reads these updates. I am hoping this provides more insight into the work as it is happening. If you have got something to add, please share it below!

The W

With the introduction of the fullscreen default mode in the blockBlock Block is the abstract term used to describe units of markup that, composed together, form the content or layout of a webpage using the WordPress editor. The idea combines concepts of what in the past may have achieved with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience. editor, @shaunandrews has been exploring interactions to help surface the admin menu.

The Block Inserter

The Block Inserter has also undergone some redesigns. Rather than a popover as you’re familiar with, it’s now a slideout from the left side. It also now includes the Block Patterns which used to be on the other side of the interface. It’s looking amazing!


Full site editing

The above is a lot already, but I wanted to remind everyone about the issues getting the most attention right now from designers.

Site navigation when full site editing

Site Editing: home page indicator

The “Update” flow for entities and templates should allow creating variations

Incorporate “Add new page” flow into “Add template” flow

Menu screen

One recent addition to the Gutenberg pluginPlugin A plugin is a piece of software containing a group of functions that can be added to a WordPress website. They can extend functionality or add new features to your WordPress websites. WordPress plugins are written in the PHP programming language and integrate seamlessly with WordPress. These can be free in the Plugin Directory or can be cost-based plugin from a third-party is the introduction of the Navigation block in the Menu screen. This is a response to the outlined focus of Phase 2.

Get involved

Now’s a great time to get involved. While the work on this project is intense, it’s always important to glean new perspectives from other WordPress users and community members. Just drop into any of the links provided above to read up on the details and contribute.

Thanks for reading, staying informed, and contributing anywhere you can!

#design, #gutenberg-weekly, #phase-2