Block themes meeting Notes — Dec 8

Location: #themereview, the full transcript begins here.

Facilitated by @jeffikus

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/ + Themes Updates

  • Directory names have changed for templates and template parts. Learn more here.
  • There’s a PR in progress that would add the ability to export a site’s global style settings into a 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. file.

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 the Theme Repository

The group discussed future ideas for displaying block themes in the Theme Repository. Some ideas were:

  • Figuring out a way to highlight patterns that have been provided by the theme.
  • Allowing users to mix & match patterns to build their own theme.
  • This would likely be a longer-term project. It would be great to arrange a coordinated design effort around refreshing this area.

Also discussed was how to identify block themes. Themes should use the full-site-editing tag if they support Full Site Editing. It should not be used if the theme leverages theme.json but does not support Full Site Editing.

#block-based-meeting, #block-based-themes

X-post: Meeting Notes: Theme docs updates for WP 5.9 and block themes

X-post from +make.wordpress.org/docs: Meeting Notes: Theme docs updates for WP 5.9 and block themes

Block-based Themes Meeting Agenda: December 8, 2021

After last weeks rescheduling, there will be a 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 Themes Meeting tomorrow. Below is the agenda;

Time: Wednesday, December 8, 2021, 06:00 PM GMT+2

Channel: #themereview

Agenda

  • Block-based theme updates 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/
  • Suggestions/Ideas for how Block Themes will work in the showcase after 5.9
  • Open Floor / Q&A

Please comment if you have any additional topics you’d like to see discussed!

+make.wordpress.org/core/ #agenda #meeting #block-based-meeting

Gutenberg + Themes: Week of November 29th, 2021

Hello! This is the 74th 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 week we are trying a digest format. Please let us know what you think in the comments.

New directory names 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 #36647 the names of the `block-templates` and `block-template-parts` changed to `templates` and `parts` respectively. The old directory names will continue to work as before. Please see this post for more details.

Changes to the navigation block

In #36863 the `__unstableLocation` attribute of the navigation block was given a lower priority than the contents of the block. This allows themes to provide a default navigation for users who don’t have classic menus set up, while at the same time allowing sites that have already implement classic menu locations to override them.

Templates in the Site Editor

#36613 proposes moving the 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 templates to the top level of the Editor navigation. This seems like a good way to surface templates that are commonly used. The drawback is that it makes it harder for users to discover and understand other template parts. More input needed here.

Relatedly, #36612 suggests that “used” templates are marked so that users can see which ones are currently being rendered to users.

New Global Styles keys

In #36748 and #36645 the keys used when creating Global Styles were changed from `coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress.` and `user` to `default` and `custom` respectively. Block themes will be unaffected by this change, but any plugins that hook into Global Styles maybe impacted.

Layout changes when selecting background colors.

When adding background colors to blocks, Gutenberg adds padding. #36971 raises some of the challenges that this presents. Without this padding blocks can look quite broken as content touches the edge of the block. Should we expect users to add this padding? Can we connect the selection of a background color to the padding setting? What do you think?

Exporting 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. files

In #36619 theme.json files are added to the Site Editor export tool. This seems like a very useful addition for anyone who builds block themes. Let’s get it merged!

Sort keys alphabetically in theme.json

In #36968 the keys of the “core” theme.json file were reordered so that they are alphabetical. This seems like a good practice that all theme.json files should implement. Having a predictable order for keys makes it easier to find what you are looking for and helps avoid duplicate items.

As always, please weigh in on these issues and pull requests — your feedback is crucial and appreciated. 

Overview Issues

  • Default Theme (Twenty Twenty Two): Overview of Gutenberg issues: #75
  • GS: The Global Styles Interface #34574  
  • 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 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
  • FSE: Templates list screen overview #36597
  • DT: Typography Tools: Tracking defaults for blocks #35604
  • Tracking: ToolsPanel Follow Ups #36165 

General Resources:

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

Abbreviation key:

DT: Design Tools

FSE: Full Site Editing

GS: Global Styles

#gutenberg-themes-roundup

New directory names for block-based (FSE) themes

TL;DR:
As of the currently available WordPress 5.9 BetaBeta A pre-release of software that is given out to a large group of users to trial under real conditions. Beta versions have gone through alpha testing in-house and are generally fairly close in look, feel and function to the final product; however, design changes often occur as part of the process. 1 release the directory names 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.-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 are changing. The name for the directory containing template files will be templates, and the name for the directory containing template part files will be parts.

WordPress 5.9 will be released on 25 January 2022 (see the current release schedule here) and marks the arrival of block-based themes, also known as full-site editing (FSE).

Developers who have already experimented with creating block-based themes during the run-up to the release of 5.9 should note that the directory names for templates and template parts are being changed.

Previously the names for the directories containing template files and template part files were:

  • block-templates
  • block-template-parts

With the release of 5.9 these will instead be:

  • templates
  • parts

This change is detailed in PR #36647. The documentation in the Block Theme Overview and Create a block theme pages has been updated to reflect this.

The rationale behind this change is that it creates a cleaner and clearer directory naming paradigm that will simplify the addition of further directories in the future, such as styles and patterns , should they be needed.

For more insight into the rationale underlying this change please see issues #34550 and #36548.

This change is backwards compatible and the old names will still continue to work, but note that the old and new directory names are mutually exclusive and cannot be combined. You cannot call one directory block-templates and the other parts, for example.

This change is already implemented in the currently available Beta 1 release of WordPress 5.9.

#block-based-themes, #theme-documentation