Gutenberg Phase 2 Friday Design Update #45

Happy Friday! The 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. https://wordpress.org/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 WordPress.org Plugin Directory https://wordpress.org/plugins/ or can be cost-based plugin from a third-party has gone through 2 weeks in a row of releases earlier (7.4 and 7.5) due to the betaBeta A pre-release of software that is given out to a large group of users to trial under real conditions. Beta versions have gone through alpha testing in-house and are generally fairly close in look, feel and function to the final product; however, design changes often occur as part of the process. release of WordPress 5.4. However, we did not have a release this week. Our next RCRelease Candidate A beta version of software with the potential to be a final product, which is ready to release unless significant bugs emerge. for Gutenberg will be on this coming Monday with an expected release for Wednesday. We’ll then continue with our bi-weekly release schedule.

In those two releases, we saw a myriad of features:

  • Added text color options to the Group 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..
  • New link UIUI UI is an acronym for User Interface - the layout of the page the user interacts with. Think ‘how are they doing that’ and less about what they are doing. for adding links to text.
  • Background and text color support for the Columns block.
  • New Social Links block.
  • Added inline color to specific words within text.
  • Added featured images to the Latest Posts block.
  • And everyone’s kid’s favorite; TikTok embed support.

Full site editing

Full site editing is experiencing TONS of mockups and UXUX UX is an acronym for User Experience - the way the user uses the UI. Think ‘what they are doing’ and less about how they do it. flow explorations right now. Check out the Figma files to see the work happening there.

Template-part selected state as seen in the GitHubGitHub GitHub is a website that offers online implementation of git repositories that can 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. https://github.com/ issue: https://github.com/WordPress/gutenberg/pull/19929

Global styles

The Global styles team has narrowed down the Minimum Viable ProductMinimum Viable Product "A minimum viable product (MVP) is a product with just enough features to satisfy early customers, and to provide feedback for future product development." - WikiPedia (MVPMinimum Viable Product "A minimum viable product (MVP) is a product with just enough features to satisfy early customers, and to provide feedback for future product development." - WikiPedia) to just get some basic global styles into a “sidebarSidebar A sidebar in WordPress is referred to a widget-ready area used by WordPress themes to display information that is not a part of the main content. It is not always a vertical column on the side. It can be a horizontal rectangle below or above the content area, footer, header, or any where in the theme.” interface for now. Mockups and prototypes are still being built around improvements.

It’s been recently broken down into more detail here: https://github.com/WordPress/gutenberg/issues/20331

Block patterns

We’ve also decided to trim down block patterns UX to an MVP as well. This will most likely begin as a sidebar that allows the selection of block patterns to be inserted into the content. Turns out attempting to redesign the Block Library will take more development effort. We want to get patterns in sooner, so an MVP feels the better way to go.

Block Patterns future UI

Lions, Tigers, and Sidebars! Oh my!

If this sounds like a lot of sidebars to you, we hear ya! It’s a quick way to test interactions out, get some feedback and forward direction. We understand that some of this work isn’t the ideal scenario, and everyone is working to improve it. Thank you so much to everyone contributing!


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