Gutenberg + Themes: Week of Apr 12, 2021

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

Please weigh in on the tickets below — your feedback is crucial and appreciated.

Issues / Discussions & PRs

  • 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.: Add Disable FSE support flag. 30760
  • FSE: Setting gradient as background does not match site editor view. 30768
  • FSE: What should replace the Theme Editor? 30695
  • FSE: New milestone — Full Site Editing Gradual Adoption 30662
  • FSE: Post Comments & Post Comments Form 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.: Provide HTML5 markup by default 30502
  • FSE: Discussion on Editor Styles Wrapper Padding for block themes 30545
  • FSE: Add post classes in the 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. 30497
  • FSE: Update customize link from Appearance menu for block themes 30643
  • FSE: Finalizing the name and menu item placement proposal 29630
  • FSE Blocks: Add wrapper and align options to the Query block. 30804

Merged/Fixed

  • FSE: Term Description block: Don’t output if there’s no description 30564
  • FSE: Fix template hierarchy fallbacks. 30599
  • Allow creating block templates in existing themes. 30438

General Resources:

Thanks @jeffikus 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 Apr 9, 2021

Hello! This is the 44nd 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/.  

Please weigh in on the tickets below — your feedback is welcome and appreciated!

Issues / Discussions & PRs

  • 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.: New milestone — Full Site Editing Gradual Adoption 30662
  • FSE: Fix nested template parts not loading (“Run inject and remove theme attribute recursively”) 30416
  • FSE: Term Description 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.: Don’t output if there’s no description 30564
  • FSE: Post Comments & Post Comments Form Block: Provide HTML5 markup by default 30502
  • FSE: Discussion on Editor Styles Wrapper Padding for block themes 30545
  • FSE: Add post classes in the 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. 30497
  • FSE: Update customize link from Appearance menu for block themes 30643
  • FSE: Finalizing the name and menu item placement proposal 29630

Merged/Fixed

  • Global Styles: add transform utility from v0 to v1 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. 30600
  • Global Styles: Use “Custom Styles” title to signal there are global styles changes https://github.com/WordPress/gutenberg/pull/30521
  • FSE: Allow creating custom block templates in classic themes 30438
  • FSE: Add do_block_template_part function 30345
  • FSE: Fix template hierarchy fallbacks 30599

General Resources

Please comment if there’s something you’d like to highlight 🙂

#gutenberg-themes-roundup

Gutenberg + Themes: Week of Apr 2, 2021

Hello! This is the 43nd 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/.  

Please weigh in on the tickets below — your voice and feedback are welcome! 

Issues / Discussions & PRs

  • 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.: Add do_block_template_part function 30345
  • FSE: Add a theme slug to nested template parts 30413
  • FSE: Add basic CSSCSS CSS is an acronym for cascading style sheets. This is what controls the design or look and feel of a site. to post comments 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. 30382
  • FSE: Finalizing the name and menu item placement proposal 29630
  • FSE: Post hierarchical Terms Block: add icon 30348
  • Global Styles: Add CSS vars for root level settings 29714

Merged/Fixed

  • Global Styles: Add padding server-side block support 30332
  • Restore the inner div of group block for classic themes 30453
  • Revert column-gap spacing for custom sized buttons 30449
  • FSE: Add gutenberg_support_block_templates 30465
  • FSE: Use WordPress 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. for query block 30405
  • FSE: Load block-editor scripts & styles in the site-editor 30448
  • FSE: Fix template hierarchy for custom, user-generated templates 30464

General Resources:

Thanks to @kjellr for help pulling this post together. Please let us know if it was helpful in the comments! 

#gutenberg-themes-roundup

#block-based-themes

Gutenberg + Themes: Week of March 25, 2021

Hello! This is the 43nd 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/.  

Please weigh in on the tickets below — your voice and feedback are welcome! 

Issues / Discussions & PRs

  • Themes: Wrong stylesheet loading order in the editor. 30246 
  • 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.: Attempt to create 404 template from Site Editor results in 400 Bad Request 30135 
  • Themes: Blocks: Differences between editor and frontend 29976 
  • Themes: Changes to 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. 29891 
  • FSE: theme data for Global Styles and Templates 30191 
  • FSE: Attempt to create 404 template from Site Editor results in 400 Bad Request 30135 
  • FSE: Fixed Position 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 Template Parts 30121 
  • FSE: Most site building blocks need previews and placeholders 30029 
  • FSE: Group 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.: Pass “inherit layout” to child blocks 29983
  • FSE: Block Editor: Standardize loading default block editor settings 30245 
  • FSE: Try clickthrough to edit template part children. 30156 
  • Themes: Global Styles: Add 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/. support 30147 
  • FSE: Fix Empty Block Templates output string 30145 
  • FSE: Docs: Add description for templateParts in theme json. 30118 
  • 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 
  • FSE: Rename experimental-theme.json to theme.json and add a fallback for backwards-compatibility 29981 
  • Themes: Fix the archives block frontend/editor parity 30141 
  • Themes: Expose layout values from theme.json as css-variables 30081 
  • FSE: wip: Responsive Navigation 30047

Merged/Fixed

  • FSE: Fix Template Part Alignments behavior 30099 
  • FSE: Site Editor (Experiment): Automatically open the 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. to the appropriate template sub-menu 30098 
  • FSE: Fix post editor layout regression 30093 
  • FSE: Remove alignments from the root level of the site editor 30079 
  • FSE: Add layout support to the template part block 30077 
  • FSE: Fix edge case where the default layout could be undefined 30024 
  • FSE: Add “theme” categoryCategory The 'category' taxonomy lets you group posts / content together that share a common bond. Categories are pre-defined and broad ranging. and better present template parts in the inserter 30020 
  • FSE: Post Content: Add support for experimental layout 29982 
  • FSE: [Query block] Remove unused QueryProvider 29947 
  • Themes: Reset wp admin styles for hr 30235 
  • Prevent the columns block from having a width > 100% 30229 
  • File block: Make the editor markup match the frontend 30148 
  • Remove latest comments editor styles 30134 
  • Restore the default editor font for the non FSE themes 30080 
  • Better CSS reset style loader order 30034 
  • Allow themes to use any styles in the theme.json whether or not the block supports it 29941 

Overview Issues:

  • Themes: Alignments Overview 29506

General Resources:

Thanks to @kjellr for help pulling this post together. Please let us know if it was helpful in the comments! 

#gutenberg-themes-roundup

Gutenberg + Themes: Week of March 18, 2021

Hello! This is the 42nd 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/.  This was a big week for 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 in Gutenberg as we separated styles in the theme.json from the block mechanism, which opens lots of doors for what is possible 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..

Please weigh in on the tickets below — your voice and feedback are welcome! 

Issues / Discussions & PRs

  • Themes: Blocks: Differences between editor and frontend 29976
  • Themes: Try: Allow space between on page list 29771
  • Themes: Add padding support to template parts 29779
  • Themes: [Search Block]: Add color support for the button inside the block 29830
  • Themes: Post Content: Add support for experimental layout 29982
  • Themes: Post Title Block: The outline doesn’t have height and width 29783
  • Themes: Custom controls, block supports, and theme.json 29778
  • Themes: Dark Theme Support should check for text color 29446
  • Themes: Noto Serif Font Missing in GB 10.0 29177
  • Themes: Allow customizing the no-results behavior of the query block 27302
  • Themes: Allow enqueing a webfont if used 29426
  • Themes: Page Break block ( coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress./nextpage ) not working as expected in Full Site Editing 29484
  • Themes: Use “em” not “px” for @media queries 16911
  • Themes: Gallery: Convert Gallery block to use Image blocks instead of having its own nested image format 25940
  • Themes: Latest Posts: Add support for typography properties 29623
  • Themes: Global Styles: Add CSSCSS CSS is an acronym for cascading style sheets. This is what controls the design or look and feel of a site. vars for root level settings 29714
  • Themes: Global Styles: Form elements 29167
  • Themes: Global styles: Add a global spacing variable 27315
  • Themes: Broken padding in Search block’s button 29952
  • Themes: Navigation: Line-height setting missing 29959
  • Themes: Navigation Block: Allow colorizing only submenus 29963
  • 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.: Changes to theme.json 29891
  • FSE: Improve template part creation flow 29950
  • FSE: Rename experimental-theme.json to theme.json and add a fallback for backwards-compatibility 29981
  • FSE: edited global styles not available in post editor 29818
  • FSE: Template Part name is only updated after saving changes 29844
  • FSE: post-content is empty when used in attachment template 29887
  • FSE: spacing/padding not applied visually 29765
  • FSE: Last Paragraph block is acting strange 29508
  • FSE Blocks: Add to Global Styles 27122
  • FSE Blocks: Navigation block: Hide more than N items. 27131
  • FSE Blocks: Cover/Columns/Media & Text/Group: Remove margins on inner blocks 29525
  • FSE: Group block: Pass “inherit layout” to child blocks 29983

Merged/Fixed

  • Allow themes to use any styles in the theme.json whether or not the block supports it 29941
  • Navigation MenuNavigation Menu A theme feature introduced with Version 3.0. WordPress includes an easy to use mechanism for giving various control options to get users to click from one place to another on a site.: Show submenus only on select in the editor. 29869
  • Update Post Title markup so that editor and front match 29824
  • Gallery Block: Fix the crop images setting 29823
  • Verse block: Add support for the padding to the verse block 29820
  • Add a layout config to the group and theme.json and make alignments declarative 29335

Overview Issues:

  • Themes: [Discussion] Hybrid themes: Templating hierarchies 29024
  • Themes: Default Colors, Theme Colors, and Custom Colors 29568
  • Themes: Alignments Overview 29506

General Resources:

Please let us know if it was helpful in the comments!

#gutenberg-themes-roundup