Gutenberg Phase 2 Friday Design Update #4

Are you kidding me? It’s already February! 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. has been rolling out with consistent improvements throughout January and will continue to do so this month too. Let’s look at what was done this last week.

Widgets to blocks

Really good discussion going on especially in regards to a11yAccessibility Accessibility (commonly shortened to a11y) refers to the design of products, devices, services, or environments for people with disabilities. The concept of accessible design ensures both “direct access” (i.e. unassisted) and “indirect access” meaning compatibility with a person’s assistive technology (for example, computer screen readers). ( There’ve been some a11y concerns that need to be addressed which were brought up in relation to this screen, but really effect Gutenberg as a whole. The larger a11y issues will be addressed in another issue in GithubGitHub GitHub is a website that offers online implementation of git repositories that can easily be shared, copied and modified by other developers. Public repositories are free to host, private repositories require a paid subscription. GitHub introduced the concept of the ‘pull request’ where code changes done in branches by contributors can be reviewed and discussed before being merged be the repository owner. to help keep the design of the widgetWidget A WordPress Widget is a small block that performs a specific function. You can add these widgets in sidebars also known as widget-ready areas on your web page. WordPress widgets were originally created to provide a simple and easy-to-use way of giving design and structure control of the WordPress theme to the user. screen moving forward.

Navigation 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.

Work is happening here and getting ready to be shared outward for feedback. So stay tuned to the issue!

Tightening up

  • Microinteractions (little animations) are starting to be incorporated into Gutenberg. Take a look at some work being done by @joen.
  • Added a style preview issue to the tightening up portion of Phase 2.

Block specific responsive controls

This issue is really narrowing down on a solution now.


The first part of the WordPress research has been posted by @tinkerbelly. This research is being used to help further any development in Gutenberg. All contributors should really have a read through.

Project Boards

In Github, the project boards are used to understand the status of issues from a high level view. @karmatosed recently went through and combined the Phase 2 Design project board into the Phase 2 project board. This will help keep us unified. There’s also been an update to how these project boards are used; there are columns based on each of the focus areas for Phase 2.

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

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