Block Themes Meeting Notes — Feb 17, 2021

Channel: #themereview

Facilitated by @kjellr

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

  • 10.0.0 was just released
    • If you’ve defined pageTemplates in your 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., you’ll want to rename those to customTemplates as noted in this PR
    • Gutenberg will now enqueue the comments reply script automatically when the 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. is used. 
    • The Query block should now properly interpret the global query when used on single pages
  • Here is a PR that lets folks try a hybrid template hierarchy — using both 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. and 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. templates.

Discussion: Bridging the gap between traditional themes and block themes

A healthy discussion ensued about how to transition between traditional / classic themes and block themes. You can read the full discussion starting here.

  • Hybrid Themes
    • Ari and other folks have been discussing how template hierarchy could involve both block-based and PHP templates. There’s a PR to try out a similar idea
    • @pbking had discussed the idea of pulling blocks into standard templates, and now has a PR here, as well as a Gutenberg issue filed.  
    • “The templating system and using a mix of PHP & HTML files is easy on the frontend… The problem is mostly focused around the “what happens in the editor if A/B/C” questions.”
    • Blocks can be used in traditional templates with echo do_blocks( '<!-- wp:post-title /-->' ); or echo do_blocks( file_get_contents( 'block-templates/page.html' ) ); — this could make it easier for theme developers to convert their PHP templates to block templates while keeping their same templating structure.
  • Global Styles Now
    • It seems like themers should want to use theme.json / global styles without changing any of their templates. How do we give users access to the global styles, without forcing them to be using a completely 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. ready theme?
    • “Finding the perfect place/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. for it may be hard, but I think it’s very important to have GS be somehow decoupled from FSE”
    • “If a theme has a theme.json file then yes,I think we should hide 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. link and instead point them to the global-styles UI (wherever that may be). Having 2 interfaces to edit styles would be confusing.”

Seeking Volunteers!

Are you interested in helping out with the future of themes? We need folks to lead this meeting and help compile weekly updates, reach out to @kjellr if you’re interested!

#block-based-meeting, #meeting-notes

Block-based Meeting Notes – February 3

First, thank you all for your active participation in this meeting. The meeting was held based on this meeting agenda.

Channel: #themereview
Facilitated by @kjellr 
Notes Taken: @ashiquzzaman

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 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/

Gutenberg 9.9 is coming out on Friday! This includes new formatting rules for experimental-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., so if you haven’t updated your block-based themes yet, please take a look at the docs.

Couple of PRs that need highlight:

Please give those a test if you have a moment!

TT1 Blocks Updates

TT1 Blocks’ experimental-theme.json file has been updated to work with the upcoming Gutenberg v9.9 release: https://github.com/WordPress/theme-experiments/pull/182 

At the moment, that’s only available in the version from the GitHubGitHub GitHub is a website that offers online implementation of git repositories that can can easily be shared, copied and modified by other developers. Public repositories are free to host, private repositories require a paid subscription. GitHub introduced the concept of the ‘pull request’ where code changes done in branches by contributors can be reviewed and discussed before being merged be the repository owner. https://github.com/ repo, not the version in the theme repository. @kjellr will submit the update to the Theme Repository shortly after the Gutenberg pluginPlugin A plugin is a piece of software containing a group of functions that can be added to a WordPress website. They can extend functionality or add new features to your WordPress websites. WordPress plugins are written in the PHP programming language and integrate seamlessly with WordPress. These can be free in the WordPress.org Plugin Directory https://wordpress.org/plugins/ or can be cost-based plugin from a third-party update is live to minimize any compatibility hiccups.

Just a couple other updates:

For the status of everything else, check out the TT1 Blocks project board:
https://github.com/WordPress/theme-experiments/projects/1

Discussion Topic: How might classic themes migrate to block-based themes?

Background:

@pbking asked – Are there plans to make dynamic blocks available to 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. templates? Allow for the transition to start using some of them instead of calls to PHP functions without going all-in.

Example: https://github.com/WordPress/gutenberg/issues/22724#issuecomment-771788465

@kjellr replied with – There have been discussions about that sort of thing here and here. In general though, it seemed to me that folks were leaning more towards having a pretty limited set of PHP functions available. And then scaling up from there as needed, versus opening the door to all of the standard PHP functions available.

@aristath’s explorations here might be of interest:

@pbking – There aren’t blocks that are only available in Block-based FSE themes?

@kjellr – There are, but Gutenberg should probably allow for those to be present in special cases when FSE isn’t active.

@poena – “Falling back to PHP templates when no block-based templates are present” seems doable but if the reason for doing it, is that we can not do what we want in an FSE theme, this is the wrong way to solve that. I think that makes sense just in the context of gradually “upgrading” to FSE: https://github.com/WordPress/gutenberg/issues/24803

@poena – We should allow for global styles for old themes without the site editor.

Open Floor

@poena – There are themes being submitted to the https://github.com/WordPress/theme-experiments/ repo but nobody is reviewing them, help is needed.

@pbking and @scruffian offered to help review.

Any comments and discussion can be done via the below comment box.

#block-based-meeting, #meeting-notes

Block-based Meeting Notes – January 20

Channel: #themereview

Facilitated by @jffng

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 related 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/

@kjellr and others compile a weekly list of Gutenberg issues and PRs that are relevant to block-based themes, the most recent is here: https://make.wordpress.org/themes/2021/01/15/gutenberg-themes-week-of-jan-11-2021/

Some highlights:

  • This issue summarizes the updates to how 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. will work, this will impact how themes and themers define styles on a global and per block basis: #28163
  • The navigation block has seen some good action and discussion as well with PRs such as #28169 and #27131
  • Until recently, block styles were being added to the bottom of the page, this change moves the block styles to the <head> as they should #28319

TT1 Blocks development

TT1 Blocks was added to the themes repository 🎉 https://wordpress.org/themes/tt1-blocks/ This hopefully widens the number of folks that can test and contribute.

Note that development is still happening in GithubGitHub GitHub is a website that offers online implementation of git repositories that can can easily be shared, copied and modified by other developers. Public repositories are free to host, private repositories require a paid subscription. GitHub introduced the concept of the ‘pull request’ where code changes done in branches by contributors can be reviewed and discussed before being merged be the repository owner. https://github.com/ in theme-experiments: https://github.com/WordPress/theme-experiments/tree/master/tt1-blocks

Discussion: default scope of global styles properties

Global styles will provide a lot of control to the user to change their theme styles via the editor. This issue discusses what controls should be shown by default to users and it could use some more attention from theme designers & developers: #27512

It was suggested that some users may be interested in having access to all the possible options and that could be surfaced via an option to choose “Show all” or “Only Suggested”

It’s also worth exploring an “Apply to all” option for when I make changes to a block – so it updates the global styles for that block.

Another idea that was discussed is the possibility to remember the user’s common behaviours when editing their site / changing styles, to surface their “Most used” controls.

The whole discussion can be read here: https://wordpress.slack.com/archives/C02RP4Y3K/p1611156891074700

Thanks to everyone for joining! Please leave a comment if you have anything to add that is block-based theme related!

#block-based-meeting, #meeting-notes

Block-based Meeting Notes — January 6

Channel: #themereview
Facilitated by @kjellr

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 Highlights

  • Work on the “Archive Title” block is in progress. This (combined with the recent query 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. updates) will make archive pages very close to complete.
  • This PR would add a border radius control to the search block.

TT1 Blocks

Development for TT1 Blocks is on-going here: 
https://github.com/WordPress/theme-experiments/tree/master/tt1-blocks

  • The theme was recently renamed from “Twenty Twenty-One Blocks”, to avoid confusion with the original Twenty Twenty-One theme.
  • Progress in the repository’s project board is ongoing. There’s a growing list of blocker issues being migrated over to Gutenberg. @scruffian reiterated the prioritization of logging Gutenberg issues versus fixing them directly for now, so that the 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. team can get a clear view of all the outstanding tasks.
  • Progress on preparing the theme for its theme repository submission is happening in this issue.
  • There’s a related discussion around whether or not the theme should have additional code to fully support comments at this point.

Open Floor

  • @richtabor asked about the minimum Gutenberg version required for using TT1 Blocks. @kjellr want sure of the minimum required version, but suggested that since FSE is still under heavy development, anything other than the latest version might have breaking changes.
  • @richtabor asked if TT1 Blocks will work without the Gutenberg pluginPlugin A plugin is a piece of software containing a group of functions that can be added to a WordPress website. They can extend functionality or add new features to your WordPress websites. WordPress plugins are written in the PHP programming language and integrate seamlessly with WordPress. These can be free in the WordPress.org Plugin Directory https://wordpress.org/plugins/ or can be cost-based plugin from a third-party. Once FSE functionality is merged into coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. it will, but for now block based themes all require the plugin.

#block-based-meeting, #meeting-notes

Block-based Meeting Notes — December 2

Channel: #themereview

Facilitated by @kjellr

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 Highlights

  • Gutenberg 9.5 was released: https://make.wordpress.org/core/2020/12/02/whats-new-in-gutenberg-2-december/
  • The query block now has a grid view, enabling a lot of new possibilities: https://github.com/WordPress/gutenberg/pull/27067

Twenty Twenty-One (TT1) Blocks

Development for TT1 Blocks is on-going here: https://github.com/WordPress/theme-experiments/tree/master/twentytwentyone-blocks

  • Recent development activity is focused around this issue: https://github.com/WordPress/theme-experiments/issues/82
  • Much of the work has resulted upstream Gutenberg issue reports and fixes, which is excellent.

Open Floor

  • emptytheme was merged to theme experiments. It’s a blank slate for building 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. The repo also now comes with a script to generate your own boilerplate.
  • A new block-based theme by @frank-klein was added to the themes directory: https://wordpress.org/themes/block-based-bosco/
  • @poena + the theme review team are working on the steps needed to accept 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 into the themes directory.
    • Currently, you have to submit a theme that passes theme check to create a tracTrac Trac is the place where contributors create issues for bugs or feature requests much like GitHub.https://core.trac.wordpress.org/. ticket + add the theme to svn, then the moderators have to update it in the admin to allow the submission of a FSE theme.)
    • Perhaps this can be a good opportunity to improve the trac + svn based submission process.

Thanks to everyone for joining! Please leave a comment if you have anything to add that is block-based theme related!

#block-based-meeting, #meeting-notes