Gutenberg + Themes: Week of September 13, 2021

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

  • GS: 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.: support a description value for templateParts #34723
  • GS: CoreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress./Button .is-style-outline overwrites theme.json padding settings for default button padding #34853
  • GS: Document how to include to a 3rd party typeface in global styles #34752
  • GS: Add Support for Named Sections of Color Palettes #34741
  • GS: Implicit Text, Hover, Focus Colors as Part of Color Palette #34717
  • GS: Add duotone theme.json styles support #34667
  • 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.: Migrate buttons & navigation to flex layout #34872
  • FSE: 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. supports: margin/padding controls not showing in the Block Editor when enabled at theme.json settings block level. #34766
  • FSE: Visualise box model properties on the canvas when interacting with spacing controls #34703
  • FSE: Add basic support for child themes #34354
  • Themes: Try: add get_settings_from_theme function to get data from the theme’s theme.json #34843
  • Themes: Experiment with allowing Theme JSON to control Navigation block within the Navigation Editor screen #34784
  • Themes: Query pagination does not output paged and paged-number body classes #34898

Merged/Fixed/Announced

  • Cache global stylesheet keyed by theme #34704
  • Clean theme data when switching themes in 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. #34540
  • Fix for link color in containers #34689

General Resources

#gutenberg-themes-roundup

Gutenberg + Themes: Week of September 6, 2021

Hello! This is the 64th 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. And please comment with any issues I missed. 🙂

Active Issues / Discussions & PRs

  • Themes: Broken editor style in some themes (Twenty Twenty and Twenty Nineteen) #34479
  • Themes: Please don’t hardcode essential theme specific things. #34613  
  • Themes: Add duotone 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. styles support #34667
  • GS: Theme.json: Remove custom prefixes from properties that did not land in 5.8 #34485
  • GS: Fix for link color in containers #34689
  • GS: Clean theme data when switching themes in 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. #34540 
  • GS: Navigation: Support gap via theme.json #34525 
  • GS: Social Icons: Support gap via theme.json #34526
  • GS:  Buttons: Support gap via theme.json #34527
  • Design Tools: Show “none” as an alignment option and use contextual text to clarify settings. #34597
  • Design Tools: Responsive blocks & intrinsic web design #34641 
  • Design Tools:  Border Controls: Add placeholders and base styles #34465
  • 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: Have theme.json handle minimum widths of blocks #34573 
  • FSE: Add basic support for child themes #34354

Merged/Fixed/Announced

  • Themes: Allow disabling text and background color via theme.json #34420
  • Themes: Add default editor styles applied to themes without theme.json and without editor styles #34439
  • Themes: Allow themes with theme.json to opt-out of 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. gap styles #34491
  • FSE: Limit FSE admin notices to the Themes screen #34353
  • GS: Remove colors classes from the packages that are already provided by global styles #34510
  • GS: Font Appearance Control: Fix error in global styles for Site Title in TT1-Blocks #34520
  • GS: Cache global stylesheet keyed by theme #34704

General Resources

Thank you @danieldudzic for compiling this week’s summary! 

#gutenberg-themes-roundup

Gutenberg + Themes: Week of August 30, 2021

Hello! This is the 63rd 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: 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. v2 #34349
  • 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. Gap: Add configuration for horizontal and vertical block gaps #34347
  • Themes: Disable the wide width control if the theme does not provide a layout.wideWidth value #34507
  • Themes: Allow disabling text and background color via theme.json #34414
  • Themes: Track changes in the size of the global stylesheet #34329
  • Themes: Allow filtering the alignment options of blocks via theme.json #34317
  • Themes: Allow themes with theme.json to opt-out of block gap styles #34491
  • Themes: Add default editor styles applied to themes without theme.json and without editor styles #34439
  • Themes: Add basic support for child themes #34354
  • Themes: 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./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 #33952
  • Themes: Make it possible to define duotone settings in theme.json #34073
  • 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.: Site editor template mosaic view #33770
  • GS: Remove custom prefixes from properties that did not land in 5.8 #34485
  • GS: merge block CSSCSS CSS is an acronym for cascading style sheets. This is what controls the design or look and feel of a site. with theme.json styles #34180
  • GS: 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. to allow blocks to access global styles. #34178
  • Blocks: Post Navigation Link: Add typography settings #34381
  • Typography Tools: Tracking #34345

Merged/Fixed/Announced

  • Themes: Make global styles available to all themes #34334

General Resources:

#gutenberg-themes-roundup

Gutenberg + Themes: Week of August 23, 2021

Hello! This is the 62nd 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/. Thanks @mikachan for compiling!

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

Active Issues / Discussions & PRs

  • Themes: CSSCSS CSS is an acronym for cascading style sheets. This is what controls the design or look and feel of a site. Output when 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. is empty #34205
  • Themes: Consider adding form elements to the theme.json elements 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. #34198
  • Themes: consider loading user styles after theme styles #34141
  • Themes: Allow for Global Block-level configuration of duotone #34122
  • Themes: [Columns] Width listed in px rather than percentage #34096 
  • Themes: Enable transparency for duotone #34130
  • 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.: get_the_permalink should reflect the FSE permalink when used with Blocks #34271
  • FSE: ​​Explore “Site Branding” patterns for Site Title, Site Logo, Site Tagline #34123
  • FSE: Improve the error handling for invalid JSON #34119
  • FSE: Directory for Templates and Template Parts #34081
  • FSE: Add basic support for child themes #34354
  • GS: [RNMobile] Pullquote Block: Changes to Colours Not Reflected in Editor #34358
  • GS: Track changes in the size of the global stylesheet #34329
  • GS: Make the global stylesheet available for all themes #34328
  • GS: Allow filtering the alignment options of blocks via theme.json #34317
  • GS: Border control: Add padding when a border is set #34315
  • GS: 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.: allow resetting the value of the line-height provided by the user #34260
  • GS: Theme.json -Adding color to the search block changes the wrong element #34216
  • GS: Provide means to enable/disable Global-level configuration of blocks #34206

Merged/Fixed/Announced

  • GS: Fix block-level global styles color panels #34293

Overview Issues

  • Global Styles: Design Tools Overview #33447
  • Block Styles Breakdown #20331

General Resources:

#gutenberg-themes-roundup

Gutenberg + Themes: Week of August 16, 2021

Hello! This is the 61st 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. And please comment with any issues I missed.

Active Issues / Discussions & PRs

  • Prototype: merge 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. 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. styles #34180
  • 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. #34027
  • Global Styles: Use Global Styles or theme.json to style individual blocks #33977
  • Duotone: Make it possible to define duotone settings in theme.json 34073
  • Global Styles: consider loading user styles after theme styles 34141 34147
  • Global Styles: consider adding form elements to theme.json elements block 34198
  • Global Styles: Allow registering additional CSS selectors for blocks (to be used by theme.json) 34196
  • Global Styles: add 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. to allow blocks to access global styles 34178
  • Global Styles: Fix per block text color customization for cover block 34188
  • [Columns] Width listed in px rather than percentage 34096
     

Merged/Fixed/Announced

  • Themes: Add block spacing gap config to theme.json and add support for this CSS variable to the “flow/default” layout. #33812
  • 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.: Site editor: fix for how CSS Custom Properties are generated #33932
  • Add layout default value support for blocks 34194
  • Post terms: add font weight support to block 34142

Overview Issues

  • Global Styles: Design Tools Overview #33447
  • Block Styles Breakdown #20331

General Resources:

#gutenberg-themes-roundup