Hello! This is the 76th roundup of theme-related discussions, fixes, and developments in Gutenberg.
New features:
Pattern Directory: Allow pattern registration from directory with theme.json
#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.
Fixes:
Site Editor: Remove extra div on post content
#38451 removes an unwanted extra div that the post content block 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:
- Block theme. Always load in the .
- Classic theme that hasn’t opted into loading core assets separately. Load in the .
- 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
FSE: 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:
- Full Site Editing Milestones
- GitHub Issues: Full Site Editing
- GitHub Issues: Themes
- Block-based Themes Reference
- Block-based Themes Tutorial
- Experimental-Themes.json
- Using the Block Editor for Theme Parts
- Printing navigation-block HTML from a legacy menu in themes
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