Gutenberg + Themes: Week of February 14th, 2022

Hello! This is the 76th roundup of theme-related discussions, fixes, and developments in 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.

New features:

Pattern Directory: Allow pattern registration from directory with theme.jsonJSON JSON, or JavaScript Object Notation, is a minimal, readable format for structuring data. It is used primarily to transmit data between a server and web application, as an alternative to XML.

#38232 This PR enables themes to register patterns from the Pattern Directory through theme.json. It checks for a pattern’s top level key that is an array of pattern slugs from the directory.

Contrast Checker: check link color 

#38100 adds the contrast checker feature to the link color control.


Site Editor: Remove extra div on post content

#38451 removes an unwanted extra div that the post content 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. outputs and additional div when being rendered in the Site Editor.

Fix global styles loading logic

#38745 loads global styles using this logic, no matter the WordPress version:

  1. Block theme. Always load in the .
  2. Classic theme that hasn’t opted into loading coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. assets separately. Load in the .
  3. Classic theme that has opted into loading core assets separately. Load in the .

Duotone: Allow users to specify custom filters

#38442 allows themes to specify their own custom duotone filters.

Search Block: Fix border radius reset

#38478 fixes the reset border functionality.

Documentation updates:

Add a high-level intro to styles in the block editor

#38208 adds a new document to the handbook: a high-level intro to how styles work in the block editor.

Overview Issues

DT: Design Tools Overview #33447

FSEFSE Short for Full Site Editing, a project for the Gutenberg plugin and the editor where a full page layout is created using only blocks.: Building with Patterns #38529

FSE:  Updated scope for site editing projects #33094

Open PRs

GS: Fix default duotone preset SVG and style generation #38681

GS: Fix display of color palettes for border panel #38798

General Resources:

Thanks @mmaattiiaass for compiling this week’s update, and @onemaggie helping! Please comment if there’s something you’d like to highlight 🙂

Abbreviation key:

  • DT: Design Tools
  • FSE: Full Site Editing
  • GS: Global Styles