Gutenberg + Themes: Week of November 1st, 2021

Hello! This is the 71st 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. 

Active Issues / Discussions & PRs

  • Themes: Consider changing some 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. settings to opt-out #36187 
  • Themes: Template Editing: Templates do not recognize theme template parts without a theme attribute #36124  
  • Themes: Navigation preservation plan #36087 
  • Themes: Themes should be able to provide default template for Template Editing via theme.json #36086 
  • Themes: CSSCSS CSS is an acronym for cascading style sheets. This is what controls the design or look and feel of a site. Custom Properties on BODY lead to DOM inheritance issues #35840 
  • Themes: Consider an 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.-compatible approach to starter content #35680 
  • Themes: Allow themes to surface specific patterns from the Patterns Directory #35364 
  • Themes: Alternative approach to the layout outer padding #36214 
  • Themes:  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. editor: pass assets through block_editor_settings_all #35950 
  • FSE:  FSE patterns are displayed in user’s language instead of site’s language #36227 
  • FSE:  Post Template returns empty string when no results found #36224 
  • FSE:  Discussion/i18n: Localising blocks in FSE themes #36061 
  • FSE: Add outer padding support to the flow layout #35919 
  • GS:  Theme.json – styles.blocks.coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress./button.spacing.padding doesn’t apply if button uses Outline style #35438 
  • GS:  The margin added at the top level styles (for body) in theme.json is override by a margin added from gutenberg #36147 
  • GS:  Consider a root-level site padding solution that still lets some items go full-width #35607 
  • GS: Webfonts APIAPI An API or Application Programming Interface is a software intermediary that allows programs to interact with each other and share data in limited, clearly defined ways. implementation in theme.json #35591 
  • GS:  Fix: Crash when resetting user color palette. #36233 
  • GS:  Try additional CSS selectors for Button block styles #36130 
  • GS:  Allow switching global styles variations #35619 
  • GS: theme.json: adds a setting property that enables some other ones #36246
  • DT:  Duotone: Caching breaks duotones set through theme.json #36208  
  • DT: Post Comments Form: ensure typography styles are applied to child elements #36188 
  • DT: Consider changing some theme.json settings to opt-out #36187 
  • DT:  Navigation Block: Apply text-decoration support as CSS class #36104 

Merged/Fixed/Announced

  • Themes: Navigation Area block #36178 
  • Themes: [Patterns]: Add a flag to hide patterns from 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. #36108 
  • Themes: Remove experimental feature notice #36083 
  • DT:  Font Family Support: Fix skip serialization check #36073 
  • GS:  Refactor theme.json migrations to be a single class #36182 
  • GS:  Update: Show all color and gradient origins (core, theme, and user). #35970  
  • GS:  Fix presets data for themes that do not provide any preset #36054 
  • GS  Adapt global styles code to use get global styles functions instead of low-level APIs #36075 
  • GS:  Update theme.json schema migrations #36154 
  • GS:  theme.json docs: add missing settings & styles #36137 
  • GS: Migrate theme.json v1 to v2 #36155 
  • GS:  Hotfix for leftovers of WP_Theme_JSON_Resolver::get_merged_data #36173 
  • FSE: Add fallback handling for plugins or themes using the 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. #35877 

Overview Issues

  • Default Theme (Twenty Twenty Two): Overview of Gutenberg issues: #75
  • GS: The Global Styles Interface #34574  
  • FSE: Post Comments LoopLoop The Loop is PHP code used by WordPress to display posts. Using The Loop, WordPress processes each post to be displayed on the current page, and formats it according to how it matches specified criteria within The Loop tags. Any HTML or PHP code in the Loop will be processed on each post. https://codex.wordpress.org/The_Loop. Block: Tracking issue #34994 
  • FSE: Site Editing block placeholders #35501
  • DT: Typography Tools: Tracking defaults for blocks #35604
  • DT: Tracking: ToolsPanel Follow Ups #36165 

General Resources:

Please comment if there’s something you’d like to highlight 🙂
#gutenberg-themes-roundup

Gutenberg + Themes: Week of October 25th, 2021

Hello! This is the 70th 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. Apologies for the delaying in posting.

Active Issues / Discussions & PRs

  • Themes: Series of bugs and shortcomings faced during 5.9 go/no go prep #35662
  • Themes: [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. Themes] Consider an 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.-compatible approach to starter content #35680
  • Themes: [Quote, Pullquote Blocks] Allow 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. customizations of the citation fields #35735
  • Themes: CSSCSS CSS is an acronym for cascading style sheets. This is what controls the design or look and feel of a site. Custom Properties on BODY lead to DOM inheritance issues #35840
  • Themes: Allow themes to opt-in to font-smoothing via theme.json #35934 
  • FSE: Add outer padding support to the flow layout #35919
  •  Themes: Block editor: pass assets through block_editor_settings_all #35950
  • Themes: Draft: Try out variables substitutions in block templates #36059
  •  Themes: Block Themes: Starter Content #36074
  • FSE: Add fallback handling for plugins or themes using the 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. #35877
  • FSE: Update and align template descriptions #36000
  • GS: Fix presets data for themes that do not provide any preset #36054
  • DT: Font Family Support: Fix skip serialization check #36073
  • FSE: Ensure the Customizer is available for plugins or theme options when using a FSE theme #35874
  • FSE: Lock entire FSE templates and template parts #36008
  • DT: Allow block markup to modify blockGap values #35778
  • DT: Flex Layout: Allow control over vertical alignment of children #35849   

Merged/Fixed/Announced

  • GS: Lower the specificity of border & padding styles for the outline block style in the button block #35968
  • DT: Navigation: Force text decoration styles on nav item in editor #35859
  • GS: Remove the duplicated title in background, text and link views in Global Styles #35583
  • DT: Border Radius Control: Add fallback px unit and add utils tests #35786

Overview Issues

  • Default Theme (Twenty Twenty Two): Overview of Gutenberg issues: #75
  • GS: The Global Styles Interface #34574  
  • FSE: Post Comments LoopLoop The Loop is PHP code used by WordPress to display posts. Using The Loop, WordPress processes each post to be displayed on the current page, and formats it according to how it matches specified criteria within The Loop tags. Any HTML or PHP code in the Loop will be processed on each post. https://codex.wordpress.org/The_Loop. Block: Tracking issue #34994 
  • FSE: Site Editing block placeholders #35501
  • DT: Typography Tools: Tracking defaults for blocks #35604

General Resources:

Thanks @danieldudzic for compiling with this week’s summary. Please comment if there’s something you’d like to highlight. 🙂

#gutenberg-themes-roundup

Gutenberg + Themes: Week of October 11th, 2021

Hello! This is the 69th 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. 

Active Issues / Discussions & PRs

  • Themes: Allow themes to surface specific patterns from the Patterns Directory #35364
  • Themes: 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. not rendering in some places #35331
  • Themes: Custom Templates: Use “title” from the 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. #35592
  • 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.: Allow child theme.json to be merged with parent theme.json #35459
  • FSE: Split Post Author in to separate blocks #35596
  • GS: Consider a root-level site padding solution that still lets some items go full-width #35607
  • GS: Webfonts APIAPI An API or Application Programming Interface is a software intermediary that allows programs to interact with each other and share data in limited, clearly defined ways. implementation in theme.json #35591
  • GS: Social Icons: Preset colors do not stay in sync with Global Styles presets #35480
  • GS: Components: assess Heading styles in the context of the recent design updates #35464
  • GS: Theme.json – styles.blocks.coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress./button.spacing.padding doesn’t apply if button uses Outline style #35438
  • GS: Add a selection of preset spacing values to supplement/replace custom padding/margin options #35306
  • GS: Allow switching global styles variations #35619
  • DT: Layout: top margin overwrites theme.json 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. CSSCSS CSS is an acronym for cascading style sheets. This is what controls the design or look and feel of a site. when gap support enabled #35411

Merged/Fixed/Announced

  • Themes: Support title in templateParts #35626
  • Themes: Enable theme supports automatically for FSE theme #35593
  • Themes: Elements block support: Fix link color rendering on site front end #35446
  • Themes: Reset margin for all children of flow layouts #35426
  • GS: Don’t output preset classes for colors defined by the theme #35514

Overview Issues

  • Default Theme (Twenty Twenty Two): Overview of Gutenberg issues: #75
  • GS: The Global Styles Interface #34574  
  • FSE: Post Comments LoopLoop The Loop is PHP code used by WordPress to display posts. Using The Loop, WordPress processes each post to be displayed on the current page, and formats it according to how it matches specified criteria within The Loop tags. Any HTML or PHP code in the Loop will be processed on each post. https://codex.wordpress.org/The_Loop. Block: Tracking issue #34994 
  • FSE: Site Editing block placeholders #35501
  • DT: Typography Tools: Tracking defaults for blocks #35604

General Resources

Thanks @mikachan for compiling with this week’s summary. Please comment if there’s something you’d like to highlight 🙂

#gutenberg-themes-roundup

Gutenberg + Themes: Week of October 4th, 2021

Hello! This is the 68th 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. 

Active Issues / Discussions & PRs

  • DT: 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. can’t have comments #35099 
  • DT: 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.: add block gap support #35277 
  • DT: Block Supports: Switch dimensions inspector controls slot to bubble virtually #34725 
  • GS: Update descriptions for the different screens under global styles. #35429
  • GS: synchronize user CPT registration and 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. visibility #35427
  • GS: Implicit Text, Hover, Focus Colors as Part of Color Palette #34717 
  • GS: Duotone: Add a type option #35359
  • GS: Consider loading user styles after theme styles #34141 
  • 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.: Post Comments Pagination Previous block #35009 
  • FSE: Post Comments Pagination Numbers block #35010 
  • FSE: Post Comments Query LoopLoop The Loop is PHP code used by WordPress to display posts. Using The Loop, WordPress processes each post to be displayed on the current page, and formats it according to how it matches specified criteria within The Loop tags. Any HTML or PHP code in the Loop will be processed on each post. https://codex.wordpress.org/The_Loop. block #34996 
  • FSE: Navigation Block: save data to a custom post typeCustom Post Type WordPress can hold and display many different types of content. A single item of such a content is generally called a post, although post is also a specific post type. Custom Post Types gives your site the ability to have templated posts, to simplify the concept. #34612 
  • FSE: Allow child theme.json to be merged with parent theme.json #35459
  • Themes: theme.json: whether or not to allow targeting settings that are specific to the block #35114 
  • Themes: Adding special user defined settings to theme.json #34755 
  • Themes: Row (Group variation) styling doesn’t work for themes without layout support #35439
  • Themes: Allow themes to surface specific patterns from the Patterns Directory #35364
  • Blocks: Try: Prepend text to the post date #35428
  • Blocks: Try using a template part in the navigation block #35418
  • Blocks: Try: Site Logo placeholder tweaks #35397
  • Blocks: Social Icons: add top and bottom margin support #35374
  • Blocks: Add [data-block] to appender. #35356

Merged/Fixed/Announced

  • DT:  Columns block: Enable blockGap and vertical margin support #34630 
  • GS: Extract the three color panels to their own global styles view #35400
  • GS: Refactor how the Global Styles access and sets data #35264 
  • GS: Global Styles: fix presets that use a callback to validate user data #35255 
  • Blocks: Post Date: Add more typography options #35422
  • Blocks: Featured ImageFeatured image A featured image is the main image used on your blog archive page and is pulled when the post or page is shared on social media. The image can be used to display in widget areas on your site or in a summary list of posts.: Center placeholder chip contents #35417
  • Blocks: Site Logo: Move Reset button to the Replace menu dropdown #35372
  • Blocks: Add duotone to site logo #35344
  • Themes: CSSCSS CSS is an acronym for cascading style sheets. This is what controls the design or look and feel of a site.: Add a reset for image heights #30092
  • Themes: Remove default padding/margin on the body of the page and editor canvas #35421
  • Themes: Enqueue preset styles for all themes in the editor #35424
  • Themes: Move the link color styles to the footer #35425
  • Themes: Reset margin for all children of flow layouts #35426

Overview Issues

  • GS: The Global Styles Interface #34574  
  • FSE: Post Comments Loop Block: Tracking issue #34994 

General Resources:

Thanks @mikachan for your help with this week’s summary. Please comment if there’s something you’d like to highlight 🙂

#gutenberg-themes-roundup

Gutenberg + Themes: Week of September 27, 2021

Hello! This is the 67th 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. 

Active Issues / Discussions & PRs

  • DT: 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. can’t have comments #35099 
  • DT: 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.: add block gap support #35277 
  • DT: Block Supports: Switch dimensions inspector controls slot to bubble virtually #34725 
  • DT:  Columns block: Enable blockGap and vertical margin support #34630 
  • GS: Implicit Text, Hover, Focus Colors as Part of Color Palette #34717 
  • GS: Refactor how the Global Styles access and sets data #35264 
  • GS: Global Styles: fix presets that use a callback to validate user data #35255 
  • GS: Consider loading user styles after theme styles #34141 
  • 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.: Post Comments Pagination Previous block #35009 
  • FSE: Post Comments Pagination Numbers block #35010 
  • FSE: Post Comments Query LoopLoop The Loop is PHP code used by WordPress to display posts. Using The Loop, WordPress processes each post to be displayed on the current page, and formats it according to how it matches specified criteria within The Loop tags. Any HTML or PHP code in the Loop will be processed on each post. https://codex.wordpress.org/The_Loop. block #34996 
  • FSE: Navigation Block: save data to a custom post typeCustom Post Type WordPress can hold and display many different types of content. A single item of such a content is generally called a post, although post is also a specific post type. Custom Post Types gives your site the ability to have templated posts, to simplify the concept. #34612 
  • Themes: theme.json: whether or not to allow targeting settings that are specific to the block #35114 
  • Themes: Adding special user defined settings to theme.json #34755 

Merged/Fixed/Announced

  • DT: Fix native BlockAlignmentControl #35191 
  • GS: simplify code that deals with user data for clarity #35248 
  • GS: Polish global styles preview. #35244 
  • GS: Add Padding to the root level of global styles #35241 
  • GS: simplify how we register preset metadata #35228 
  • GS: Block gap: Only render CSSCSS CSS is an acronym for cascading style sheets. This is what controls the design or look and feel of a site. variable if corresponding theme setting is enabled #35209 
  • GS: Update the rules to hide/show blocks in the global styles 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. #35178 
  • GS: Extract the color palette to its own global styles screen #35109 
  • Themes: Add duotone theme.json styles support #34667 

Overview Issues

  • GS: The Global Styles Interface #34574  
  • FSE: Post Comments Loop Block: Tracking issue #34994 

General Resources:

Thanks @danieldudzic for your help with this week’s summary. Please comment if there’s something you’d like to highlight 🙂

#gutenberg-themes-roundup