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

Themes Team Meeting Notes – March 23, 2021

You can find the full meeting transcript on Slack (login required)

Meeting coordinator: @kafleg
Notes kept by @aristath

Weekly updates

Currently 56 new parent themes and 15 new child themes are waiting for review. Waiting time is currently 2 weeks.

In the past 7 days:

  • 310 tickets were opened
  • 326 tickets were closed:
  • 303 tickets were made live.
  • 19 new Themes were made live.
  • 284 Theme updates were made live.
  • 2 more were approved but are waiting to be made live.
  • 23 tickets were not-approved.
  • 0 tickets were closed-newer-version-uploaded.

Number of reviewers: 8

Discussion on Next Steps on Themes and Reviews

How will we help new authors feel confident in how to build themes?

@williampatton suggested to hold monthly meetings with new authors, guiding them and walking them through the process. This will help build confidence for authors, and hopefully result in higher quality themes. A post will be created asking for feedback about whether such an endeavor should be pursued or not.

@acosmin pointed out that in the Next Steps on Themes and Reviews post, the outlined goal is that “The human moderation process occurs post-commit and primarily for reported issues/spot checks”, which should also help with creativity.

Automated checks on 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.-based (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

automatic theme-checks will need to be modified for FSE themes. PHPPHP PHP (recursive acronym for PHP: Hypertext Preprocessor) is a widely-used open source general-purpose scripting language that is especially suited for web development and can be embedded into HTML. http://php.net/manual/en/intro-whatis.php. can be checked with a modified subset of the current theme-checks, but 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. can’t be currently validated. The future of the repository as outlined in the next-steps post mentioned above relies more on user reports and reviews, so it’s more empowering for users and relies less on manual code reviews.

Open floor

@aristath mentioned a pull-request which was merged 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/. It’s a first step towards hybrid themes and allows using a mixture of PHP and HTML templates. Details about the implementation can be found in the pull-request’s description.

Themes Team Meeting Agenda for March 23, 2021

The themes team conducts a meeting on the second and fourth Tuesday of the month.

Along with the fixed agendas, we have an open floor at the end where you can ask or share anything related to themes.

We encourage all members and anyone interested to attend.

Channel: #themereview | Time: Tuesday, March 23 2021, 15:00 UTC

Meeting agenda

  1. Weekly updates
  2. Discussion on Next Steps on Themes and Reviews
  3. Open Floor

Weekly Updates

Current statistics can be found on: https://themes.trac.wordpress.org/ 

Themes TracTrac Trac is the place where contributors create issues for bugs or feature requests much like GitHub.https://core.trac.wordpress.org/. ticket graph: https://themes.trac.wordpress.org/ticketgraph

Check regular weekly updates here.

Discussion on Next Steps on Themes and Reviews

Discussion on the post made my Josepha(@chanthaboune) about themes and reviews next steps.

  • How will we help new authors feel confident in how to build themes?
  • How will we account for automated checks on 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?

Open Floor

We will discuss everything related to themes. Attendees can ask or share themes related things.

Please comment in the comment box below if you have anything to bring up during the open floor.

#meeting, #meeting-agenda, #themes-team

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

X-post: Theme test results added to Trac tickets

X-comment from +make.wordpress.org/meta: Comment on Theme test results added to Trac tickets