Block-based Themes Meeting Agenda: January 6

Below is the agenda for this week’s Block-based Themes meeting.

Time: Wednesday, January 6, 2020, 10:00 AM EST
Channel: #themereview

Agenda

  • 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/
  • Check in & discussion about the Block-based Twenty Twenty-One Theme
  • Open Floor / Q&A

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

+make.wordpress.orgWordPress.org The community site where WordPress code is created and shared by the users. This is where you can download the source code for WordPress core, plugins and themes as well as the central location for community conversations and organization. https://wordpress.org//coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress./ #agenda #meeting

X-post: FSE Program Testing Call #1: Template Editing

X-comment from +make.wordpress.org/test: Comment on FSE Program Testing Call #1: Template Editing

X-post: Twenty Twenty-One and Twenty Nineteen updates now available

X-comment from +make.wordpress.org/core: Comment on Twenty Twenty-One and Twenty Nineteen updates now available

Gutenberg + Themes: Week of Dec 14, 2020

Hello! This is the 32nd 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 is the last update of 2020! We’re going to pause for the holidays, and resume the first week of January. 

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

Issues / Discussions:

  • Blocks: Headings 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.: add support for font weight. 27639
  • Blocks: File Block: Turn the button into a button block. 27760
  • Blocks: RSS Block: Additional configurations. 27766
  • Blocks: Navigation Block: Fix the text color for links. 26698
  • Blocks: Headings Block: Add support for font weight. 27639
  • 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.: Discussion about improvements to block-styles loading. 27671
  • FSE: Allow support for custom templates in block-based themes. 27778
  • FSE: Load content in an iFrameiframe iFrame is an acronym for an inline frame. An iFrame is used inside a webpage to load another HTML document and render it. This HTML document may also contain JavaScript and/or CSS which is loaded at the time when iframe tag is parsed by the user’s browser.. 25775
  • FSE: Strip directory from theme taxonomyTaxonomy A taxonomy is a way to group things together. In WordPress, some common taxonomies are category, link, tag, or post format. https://codex.wordpress.org/Taxonomies#Default_Taxonomies.. 27765
  • FSE: Consider adding block-editor class to the site editor. 27724
  • FSE Blocks: Support wide/full alignments for the Query block container. 27589
  • FSE Blocks: Allow Post Featured ImageFeatured image A featured image is the main image used on your blog archive page and is pulled when the post or page is shared on social media. The image can be used to display in widget areas on your site or in a summary list of posts. blocks to have a consistent height. 27620
  • FSE Blocks: Comments Form: Convert button into a button block. 27740 
  • Global Styles: Change the behaviour of the reset button 27483

Merged/fixed:

  • Blocks: Add custom units to box control. 27626
  • Blocks: RSS Block: Add border-box CSSCSS CSS is an acronym for cascading style sheets. This is what controls the design or look and feel of a site.. 27767
  • FSE Blocks: Add comment form block styles. 27673

Overview Issues:

  • Full Site Editing Milestones. 24551
  • Template Tags in Full Site Editing. 22724 
  • Missing query block functionality. 24934
  • Query and 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: 24762

General Resources:

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

#gutenberg-themes-roundup

Block Themes Meeting Notes for 16 December 2020

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

  • WordPress 5.6 was released last week.
  • 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. blocks will soon have a font-weight setting
  • We want to load the Site Editor in an iFrame to give us a clean slate for styles in the front and back end.
  • Custom units are now an option for the spacing control.

There are more Gutenberg updates in the latest Gutenberg + Themes post.

Twenty Twenty-One (TT1) Blocks

Work is accelerating on the new 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. version of TwentyTwentyOne. This is centered around this project board.

The aim of this project is to reevaluate all of the Block specific CSSCSS CSS is an acronym for cascading style sheets. This is what controls the design or look and feel of a site. in TwentyTwenty one and determine if it’s still needed, and if it is, whether to move to Gutenberg; make it configurable via Global Styles, or add it to TT1 Blocks.

In many cases this is resulting in new issues and PRs in Gutenberg. We are keeping track of these on the board. Cards that are blocked by a Gutenberg issue should be moved to “Blocked” until the Gutenberg issue is fixed. This will give us a comprehensive list of all the issues we need to fix to get TT1 Blocks launched.

With the FSE Outreach Program starting up again soon, we’d like to add TT1 Blocks to the Theme Repository to make it easier for users to test Full Site Editing. We’ll use the name TT1 Blocks to ensure that users don’t get confused with the default theme TwentyTwentyOne.

Requirements for Block Themes

There was some discussion about the requirements for full site editing themes. The following changes were proposed:

  • Make the 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 a requirement
  • Remove the requirement for specific php templates (e.g. header.php)

We need to ensure that the block markup in a theme submission is valid. Exactly how we go about this is something which still needs exploring.