Hello! This is the 60th weekly 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. https://wordpress.org/gutenberg/.  

As always, please weigh in on the tickets below — your feedback is crucial and appreciated. 

Issues / Discussions & PRs

• Themes: 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. themes should have a way to set a default headerHeader The header of your site is typically the first thing people will experience. The masthead or header art located across the top of your page is part of the look and feel of your website. It can influence a visitor’s opinion about your content and you/ your organization’s brand. It may also look different on different screen sizes. and footer that maps to traditional header.php and footer.php in terms of backwards compatible loading #33989
• Themes: Site Editor should be available for child themes if the appropriate index.htmlHTML HTML is an acronym for Hyper Text Markup Language. It is a markup language that is used in the development of web pages and websites. file exists in the parent #33959
• Themes: Create a CSSCSS CSS is an acronym for cascading style sheets. This is what controls the design or look and feel of a site. Library|Framework from SASS in 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. Library for theme developers #33806
• Themes: Unable to set margin on headers using 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. #33795
• Themes: A theme.json from child themeChild theme A Child Theme is a customized theme based upon a Parent Theme. It’s considered best practice to create a child theme if you want to modify the CSS of your theme. https://developer.wordpress.org/themes/advanced-topics/child-themes/. is not merged with the one in parent theme #33512
• Themes: Improve the way we handle custom units and how we interact with themes config. #33470
• Themes: Backend vs frontend discrepancy using alignment (left/right) if theme.json is active #33385
• Themes: Add block spacing gap config to theme.json and add support for this CSS variable to the “flow/default” layout. #33812
• Themes: Using a shortcodeShortcode A shortcode is a placeholder used within a WordPress post, page, or widget to insert a form or function generated by a plugin in a specific location on your site. block inside a Group block – Using alignment to make the shortcode block wider. #33886
• FSE: Fascinating Behaviors – Prepping themes/functionality for transition to FSE from 5.8 as a base. #33942
• FSE: Site editor: fix for how CSS Custom Properties are generated #33932
• Global Styles: Display font families from theme, coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress., and user in font family picker #33889
• Global Styles: Color Block Support: Switch to ToolsPanel for displaying 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. #33889
• Global Styles: Use Global Styles or theme.json to style individual blocks #33977
• Global Styles: Using “layout” in theme.json adds margin-left and -right: auto with !important to full width elements #33956
• Global Styles: Query pagination: Styles from theme.json are being overwritten by default block styles #33871
• Global Styles: allow merging custom block settings with global settings. #33805
• Global Styles: Theme.json styling for image gets unexpected results for background and border #33794
• Global Styles: Unable to apply padding through theme.json on rss block #33791
• Global Styles: Duotone filterFilter Filters are one of the two types of Hooks https://codex.wordpress.org/Plugin_API/Hooks. They provide a way for functions to modify data of other functions. They are the counterpart to Actions. Unlike Actions, filters are meant to work in an isolated manner, and should never have side effects such as affecting global variables and output.: Allow theme.json to set default filters for blocks #33642

Merged/Fixed/Announced

• FSE: Implement a settings object filter #33737 
• Global Styles: Site editor: fix presets for blocks with multiple selectors #33951
• Global Styles: Remove the experimental prefix and rename theme.json files #33925
• Global Styles: No longer read from experimental-theme.json #33904
• Global Styles: Add slashes back to the Theme JSON #33919
• Global Styles: Fix Global Styles transient key clash #33844

Overview Issues

• Global Styles: Design Tools Overview #33447

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 to @mikachan for compiling this week’s update.

#gutenberg-themes-roundup