Block-based Themes Meeting Rescheduled.

Hi all,

This weeks Block-based Themes meeting has been rescheduled to next week due to some scheduling conflicts. Instead, try out 5.9 Beta 1 which includes the first default 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. theme!

Time: Wednesday, December 8, 2021, 16:00 PM UTC

Channel: #themereview

+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 #block-based-meeting

Theme JSON Schema

A 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. Schema for theme.json and one for block.json are now available to help with 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 schema can be used by code editors to provide things like tooltips, autocomplete, and validation while editing theme.json or block.json.

Visual Studio Code and WebStorm are two popular editors that support JSON Schema out of the box, and many other editors can have support added via plugins. Check the documentation for your favorite editor to see how to enable JSON schemas there. SchemaStore.org and JSON Schema have lists of supported editors if you want to try it out and your current editor doesn’t have support.

For Visual Studio Code, all you need to do is add "$schema": "https://schemas.wp.org/trunk/theme.json" to the beginning of your theme.json file.

Adding the schema to theme.json in Visual Studio Code

Validation

Properties that are not a part of the schema will show up with undercurls to help catch typos and improperly nested properties.

Navigating validation problems with the problems view and fixing them in Visual Studio Code

Tooltips

Tooltips describe properties and include the version of WordPress that they were introduced.

Hovering over properties to see tooltips in Visual Studio Code

Autocomplete

Autocomplete can make editing theme.json faster and lead to fewer errors.

Adding a new color to the theme palette using tab to autocomplete in Visual Studio Code

Versioning

Older versions of the schema can be accessed by replacing trunk with the version of 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/ that you’d like to use the schema for. For example https://schemas.wp.org/v11.9.0/theme.json for Gutenberg 11.9.0.

Contributing

The source for the theme.json schema can be found on 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/ at WordPress/gutenberg. Issues an pull requests to the contents of the schema can be made there.

Additionally, the schemas have been added to the SchemaStore catalog which is used by some editors to discover schemas. SchemaStore is not a part of 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/, but issues and pull requests to update the catalog are welcome on GitHub at SchemaStore/schemastore.

Gutenberg + Themes: Week of November 22nd, 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/.

As always, please weigh in on the tickets below — your feedback is crucial and appreciated. 

Active Issues / Discussions & PRs

  • DT: Font Size Picker: Remove hints and allow non-integers #36636
  • DT: Border panel: Update to display multiple palette origins #36753
  • DT: Hide border panel when all border features have been disabled #36791
  • DT: Gradients: Enable adding custom gradient when gradients are disabled #36900
  • DT: Users should be able to add a custom gradient when the default gradients are disabled #36640
  • DT: Border color: only shows a single palette #36641
  • DT: Keep 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. font-size and color adjustments when change block type #36745
  • DT: Preset colors from the default palette are serialized as inline styles #36770
  • DT: Enable transparency on elements by default #36774
  • DT: Highlight color palette only shows colors from the last source #36886 
  • DT: Gradients: errors resulting from clearing or quickly selecting gradient colors in background color #36899
  • GS: Add: Transparency support on global styles colors #36840
  • GS: Fix: apply by slug on all origins #36841
  • GS: Fix CSSCSS CSS is an acronym for cascading style sheets. This is what controls the design or look and feel of a site. Custom Properties for presets in the site editor #36851
  • GS: ​​Add filters to shortcircuit the public APIAPI An API or Application Programming Interface is a software intermediary that allows programs to interact with each other and share data in limited, clearly defined ways. of global styles #36909
  • GS: Add nudge to include name for Custom Color Palette #36473
  • GS: Fix confusing ellipsis menu for the Custom Color Palette feature #36519
  • GS: Per Block list styles affect all list blocks #36539
  • GS: enable the ability to edit gradient & duotone palettes #36541
  • GS: Open the color picker to the left of 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. #36542
  • GS: Color palette: Design updates #36543
  • GS: Add Welcome Guide to Styles More Menu #36544
  • GS: Make Blocks section more distinguishable #36569
  • GS: Iterations on the user global styles endpoint. #36644
  • GS: Override parent blockGap #36692
  • GS: Post Title: Global Styles elements selector is not applied #36731
  • 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.: Site Editor: Add global styles to export file #36619
  • FSE: Add client side routing for Site Editor #36488
  • FSE: 404 Error on a preloaded route when creating a new template part. #36438
  • FSE: Click to ->Editor (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.) or ->Styles nothing happens #36482
  • FSE: Templates list screen overview #36597
  • FSE: Mark templates that are used for key pages #36612
  • FSE: Replace “Template Parts” list with area-based alternative #36613
  • FSE: Block Template creation is using empty content instead of the appropiate fallback #36648
  • FSE: Templates list screen – make the screen thinner and add truncation to site title. #36657
  • FSE: Templates WP left menu area – Do not close menu area when selecting Site or Styles #36659
  • FSE: Adding a shortcut to W icon to open and close the WP left menu area. #36660
  • FSE: Templates and Template Parts screens – add Published date. #36664
  • FSE: Templates list screen – Adding duplicate to 3 dot menu. #36665
  • FSE: product categoryCategory The 'category' taxonomy lets you group posts / content together that share a common bond. Categories are pre-defined and broad ranging. uses page.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. insted of index.html, archive.html or taxonomy.html #36771 
  • FSE: Full Site Editing: Deleting block settings padding doesn’t reset value #36794
  • Themes: Revise folder structure on themes made with blocks #36548
  • Themes: The block_editor_settings_all 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. does not get applied everywhere #36595

Merged/Fixed/Announced/Closed

  • DT: 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.: Move width and height controls into the Dimensions panel via SlotFill #36540
  • DT: Cover: move BoxControlVisualizer in the markup to make it visible #36635
  • DT: Block Supports: Update block supports docs after typography reshaping #36894
  • GS: Update global styles public API #36610
  • GS: Add caching to WP_Theme_JSON_Resolver_Gutenberg::get_user_data_from_custom_post_type() #36584
  • GS: GlobalStyles sidebar: do not show default palette if theme opts-out #36639
  • GS: Global Styles: rename coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. origin key to default for presets #36645
  • GS: Make user able to change all color palette origins #36674
  • GS: Add elements support to the typography panel in global styles #36718
  • GS: Update: Rename user preset origin to custom #36748
  • GS: Fix: Color palette is not being stored #36817
  • GS: Add: Gradient palette editor #36820
  • GS: Update function names for the public global styles API functions #36907
  • GS: Rename gutenberg_ to wp_ for some functions that land in WordPress 5.9 #36913
  • Themes: 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.: add appearanceTools flag to opt-in into appearance 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. controls #36646
  • Themes: Update the block theme folders to templates and parts #36647
  • Themes: Fix duotone first render in Safari #36754
  • Themes: Fix: theme colors cannot override defaults #36811
  • Themes: Don’t try and render unstable location if Nav block has ID #36863 

Overview Issues

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

General Resources

Thanks @danieldudzic 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

Themes Team Meeting Notes – November 23, 2021

The themes review team meeting was held on November 23, 2021, at 15:00 UTC

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

You can read the full transcript on our #themereview channel. 

This week’s meeting agendas can be found here. Thank you @kafleg for preparing the agenda. 

1. Weekly updates

The themes team published weekly updates about tickets and HelpScout emails. See this week’s updates here.

In the past 7 days,

  • 371 tickets were opened
  • 364 tickets were closed:
  • 358 tickets were made live.
  • 32 new Themes were made live.
  • 326 Theme updates were made live.
  • 0 more were approved but are waiting to be made live.
  • 6 tickets were not-approved.
  • 0 tickets were closed-newer-version-uploaded.

Number of reviewers: 2

2. Voting for themes team representative

There was engaging conversation during the theme reps election. The themes review team decided to have three reps. New themes review team reps are @kafleg, @acosmin, and @Benachi. Thank you to everyone who voted.

We are grateful for this opportunity. We would like to continue with the great work that the previous theme reps had built. We look forward to working with everyone!

3. Open floor

There was a suggestion to limit the number of theme releases per week. It could help increase the exposure for newly approved themes however, there is a concern about the increasing number of themes in the review queue. 

[State of the WordState of the Word This is the annual report given by Matt Mullenweg, founder of WordPress at WordCamp US. It looks at what we’ve done, what we’re doing, and the future of WordPress. https://wordpress.tv/tag/state-of-the-word/. 2021]
State of the Word will be live-streamed from NYC on Dec 14, 2021, starting from 5 PM EST!

[WordPress 5.9 new released date]
The new release date is set for Jan 25, 2022. You can also keep track of the WordPress 5.9 Development Cycle

[New TagTag Tag is one of the pre-defined taxonomies in WordPress. Users can add tags to their WordPress posts along with categories. However, while a category may cover a broad range of topics, tags are smaller in scope and focused to specific topics. Think of them as keywords used for topics discussed in a particular post. for 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]
Great discussion on whether to keep the FSE themes among the classic themes or create a new tag dedicate to FSE themes. Feedback would be greatly appreciated!

[New Default theme – Twenty Twenty Two]
The new default theme Twenty Twenty Two is getting ready for the new release. Testing is always appreciated. 

Themes Team Meeting Agenda for November 23, 2021

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

The themes team conducts a meeting on the second and fourth Tuesday of the month.
The meeting takes place in the #themereview channel on WordPress 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/. and you need an account to participate.

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.

Meeting agenda

  1. Weekly updates
  2. Vote for themes team representative
  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.

Also check,


Voting for themes team representative

On October 27, the themes team published a post for the nomination call for the themes team representative. We got 5 nominations for @kafleg, @poena, @acosmin, @williampatton, and @utz119.

@poena and @williampatton are not ready for becoming themes team representatives this time. So, @kafleg, @acosmin, and @utz119 are left. During the nomination call we mentioned, Based on the nominations, 2 themes team representatives will be elected. So, we still have 1 more name from the nomination.

So, we would like to decide on this during today’s meeting. Let us know in the comment section below if you have some special nominations.


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.