Tag Archives: block-based-themes

Kjell Reigstad 7:35 pm on December 8, 2021
Tags: , block-based-themes   

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

Michael Burridge 9:29 am on December 3, 2021
Tags: block-based-themes,   

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
Jeff Ong 5:12 pm on November 3, 2021
Tags: , block-based-themes   

Block themes meeting Notes — Nov 3

Location: #themereview, the full transcript begins here.

Facilitated by @mikachan

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

Themes team representative nominations

Friday, November 5 2021 is the deadline to nominate themes team representatives. You can read more and nominate someone here: https://make.wordpress.org/themes/2021/10/27/nominations-call-for-the-themes-team-representatives/

Open Floor

There was a nice conversation around Full Site editing, designing block themes, and sharing resources beginning here: https://wordpress.slack.com/archives/C02RP4Y3K/p1635956395106000

Some questions that were asked:

  • Can you create Gutenberg theme from scratch without templates?
  • How can I design my theme if I create all the default folders and files?
  • Can I use CSSCSS CSS is an acronym for cascading style sheets. This is what controls the design or look and feel of a site. in the editor?
  • With FSE, is there a need to build custom themes the old way?
  • Do ACF work with FSE?

Thanks everyone for participating, please comment if there’s something you would like to add.

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

Jeff Ong 4:14 pm on July 7, 2021
Tags: , block-based-themes   

Block-based Meeting Notes — July 7

Important: this meeting will now occur once a month, rather than bi-monthly. The calendar and make pages have been updated accordingly, thanks @kafleg @kjellr.

Meeting location #themereview make slackSlack Slack is a Collaborative Group Chat Platform https://slack.com/. The WordPress community has its own Slack Channel at https://make.wordpress.org/chat/..

Facilitated by @scruffian

Full transcript starting here: https://wordpress.slack.com/archives/C02RP4Y3K/p1625670047176500

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

11.0.0 was released, here are some relevant highlights:

  • PR that allows left/right/centre alignments inside “use default layout” containers
  • PR that allows 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. templates to be filtered, it could be useful for more advanced theming
  • PR  customize Global Styles…
  • Color palettes in Global Styles discussion: https://github.com/WordPress/gutenberg/issues/29568
  • Trying a few approaches to internationalization within a “pattern block” or as a standalone block.

Open Floor

  • Please join or check out the Hallway Hangout at 5pm UTC today (July 7) focused on exploring the Thrive theme with theme.json test: https://make.wordpress.org/test/2021/06/24/call-for-testing-thrive-with-theme-json/
  • There is a patch to add support for the new block-templates functionality to twenty twenty-one: https://core.trac.wordpress.org/ticket/53564. It could use additional reviews.
  • There was consensus among the group that since TT1 Blocks has been mostly stable, bi-monthly meetings are not as useful. We will shift to monthly meetings instead!

Please comment below if you have anything to add or a question about the above 🙂 Thank you!

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

Kjell Reigstad 7:21 pm on June 21, 2021
Tags: , block-based-themes   

Block-based Theme Meeting Notes — June 16, 2021

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

Meeting coordinator: @kjellr
Notes kept by @ashiquzzaman

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

  1. 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. no longer fails silently if you miss a comma: https://github.com/WordPress/gutenberg/pull/3240
  2. On 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. adoption and “universal” themes, this issue has gained some additional traction this week: https://github.com/WordPress/gutenberg/pull/31235. This filterFilter Filters are one of the two types of Hooks https://codex.wordpress.org/Plugin_API/Hooks. They provide a way for functions to modify data of other functions. They are the counterpart to Actions. Unlike Actions, filters are meant to work in an isolated manner, and should never have side effects such as affecting global variables and output. would allow themes with 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. templates to opt in or out of using the full-site editor. This would allow universal themes to support 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. while FSE is under development (even with 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 installed), and then gracefully enable the full-site editor when it’s ready.
  3. A call to attention on how block themes look in 5.8 (without the Gutenberg plugin active). Today, some block themes have implemented fallbacks or messages about requiring the plugin. But it varies per theme. From the discussion, it sounds like themes might get better built-in messaging like that for the 5.8 release. You can follow along with that or weigh in here: https://core.trac.wordpress.org/ticket/53410

Open Floor/ Q&A:

@scruffian highlighted the process on how authors are using Global Styles (especially – colors) as a mechanism for customizing their site. If you have a color that is used extensively in your site and then you want to change it, the only way to do so is to update that color in every place it’s used, which is quite laborious.

@onemaggie voiced the same concern with fonts, if a theme uses two fonts through multiple blocks, the user needs to go block by block if they want to change both

@aristath highlighted an update from GutenbergLand: theme.css files now also have the ability to be “lazy-loaded” when a block gets rendered, and there’s a PR to allow adding multiple stylesheets per-block. https://github.com/WordPress/gutenberg/pull/32510

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