Gutenberg Phase 2 Friday Design Update #13

Gutenberg 5.4 has been released! Update the 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 to get all the great improvements.

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.

The usability testing results have been published by @melchoyce.

Our testing went way better than I was expecting for such a complex block.

This is great news! Developers are already discussing ways of bringing this block to life and getting it into the wild for more real-life testing and feedback. @luke_pettway also helped with another accessibilityAccessibility 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). (https://en.wikipedia.org/wiki/Accessibility) review (here’s how the first one went).

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.-block interfaces

The widget-block interfaces now have a Request For Comments (RFC) doc to gather feedback on the technical implementation of blocks in the widget areas. Related tickets to keep an eye on:

• Widget-blocks in wp-admin (issue, PR)
• Widget-blocks in CustomizerCustomizer Tool built into WordPress core that hooks into most modern themes. You can use it to preview and modify many of your site’s appearance settings. (issue)

Tightening up

• Vertical alignment support for the Columns block.
• playsInline support for videos.
• Moved color and font-size styles into a separate CSS file.
• New Verse block icon.
• Removed the title from the mobile Inserter.
• Capitalization of button labels are more consistent.
• Image resize handles are bigger.

Upcoming

• Adding consistency to the Shortcode block placeholder.
• Refactoring block settings menu as dropdown.
• Reordering images in the Gallery block.
• Standardizing variables on block spacing.
• Adding a block appender as a placeholder inside other blocks.

Block directory

A “Call for Design” went out for the Block Directory. This will be an awesome project that will touch both 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/ and the WordPress.orgWordPress.org The community site where WordPress code is created and shared by the users. This is where you can download the source code for WordPress core, plugins and themes as well as the central location for community conversations and organization. https://wordpress.org/.

---

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

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