The WordPress coreCoreCore is the set of software required to run WordPress. The Core Development Team builds WordPress. development team builds WordPress! Follow this site for general updates, status reports, and the occasional code debate. There’s lots of ways to contribute:
Found a bugbugA bug is an error or unexpected result. Performance improvements, code optimization, and are considered enhancements, not defects. After feature freeze, only bugs are dealt with, with regressions (adverse changes from the previous version) being the highest priority.?Create a ticket in our bug tracker.
GutenbergGutenbergThe 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/ 13.3
I will publish a post to share the details and the next steps of that.I’ve been also making Gutenberg Data framework easier and more accessible to use:
Asked about the motivation behind moving coreCoreCore is the set of software required to run WordPress. The Core Development Team builds WordPress.CSSCSSCascading Style Sheets. inline.
Mark and other theme developers have seen feedback that hints how editor devs (in some cases) don’t want to “allow” others to modify layout or logical decisions through the use of code in themes or plugins. By blocking access to allow themes and plugins to override what should be simple core CSS rules, we’re being forced towards a complete deactivation of core CSS in some projects. It’s admirable to release devs from the burden of basic CSS by way of the Style Engine, but there are limitless requirements for custom-built themes which neither belong in core, nor which can be solved by a generic APIAPIAn 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..
Asked whether https://github.com/WordPress/gutenberg/issues/40809 is a bugbugA bug is an error or unexpected result. Performance improvements, code optimization, and are considered enhancements, not defects. After feature freeze, only bugs are dealt with, with regressions (adverse changes from the previous version) being the highest priority. or enhancementenhancementEnhancements are simple improvements to WordPress, such as the addition of a hook, a new feature, or an improvement to an existing feature.. @zieladam thought it was a bug since it reports a mismatch between the editor and the website.
Requested feedback on https://github.com/WordPress/gutenberg/issues/41324. The vertical alignment options for Row and Buttons (flex) blocks is always centered on the front end, even when choosing something like top alignment. This seems to be an issue with WordPress 6.0 branchbranchA directory in Subversion. WordPress uses branches to store the latest development code for each major release (3.9, 4.0, etc.). Branches are then updated with code for any minor releases of that branch. Sometimes, a major version of WordPress and its minor versions are collectively referred to as a "branch", such as "the 4.0 branch". but not with Gutenberg 13.2.2 active.
Proposed a theme.jsonJSONJSON, 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. ‘allow-list’ to limit the number of patterns offered to the users through the patterns directory.
Back in August, 2020 a Gutenberg issue proposed the following enhancementenhancementEnhancements are simple improvements to WordPress, such as the addition of a hook, a new feature, or an improvement to an existing feature.:
It’d be nice to allow to have fluid typography option so that design would look good on all viewports. This would open the door for designers to make a more bold visual expression that’s difficult to do with fixed font size.
An experimental pull request (PR), Block supports: add fluid typography #39529, puts forward a way to realize this enhancement by allowing theme authors to enable fluid typography across their site.
This post is to raise awareness of the issue and ongoing work in the area, and to request feedback on the PR‘s proposed approach.
What is fluid typography?
Fluid typography is a fancy way of describing font properties, such as size or line height, that scale fluidly according to the size of the viewport.
Taking font size as an example, when a site’s font sizes are fluid they will adapt to every change in screen size, for example, by growing larger as the viewport width increases, or smaller as it decreases.
Contrast that idea with properties that respond to specific viewport sizes, such as those defined by media queries, but do nothing in between.
About the proposed approach
Theme authors can already insert their own fluid font size values in theme.jsonJSONJSON, 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.. The TwentyTwentyTwo theme, for example, employs clamp() values for several font sizes.
However, it’s still necessary to create a fluid font size value for every font size in order to achieve a uniform effect across a site.
The PR attempts to generate fluid font size values dynamically so that theme authors don’t have to worry about implementation details.
In order to achieve this, it add several new properties to theme.json font size presets:
Note typography.fluid and typography.fontSizes[].fluidSize, both of which contain the following properties:
min – In fluid, the minimum viewport width, In fluidSize, the minimum font size.
max – In fluid, the maximum viewport width. In fluidSize, the maximum font size.
Using these properties, GutenbergGutenbergThe 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/ will construct a unique clamp() formula for every font size and output the value in the font size preset CSSCSSCascading Style Sheets. var. For example:
The formula controls how a font scales between minimum and maximum values, relative to the viewport width.
If values required to reliably construct a clamp() formula are missing, such as a minimum or maximum font size, an alternative font size value using CSS max() or min() is returned accordingly.
Fluid font size example in Gutenberg
I encourage you to inspect the PR for further details, and play around with different designs.
Feedback
Initially, I’d expect to release the changes to theme authors via the theme.json interface only.
The intention is to garner feedback on design, functionality and APIAPIAn 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. before diving into UIUIUser interface controls and, beyond that, introducing fluidity to other properties such as spacing.
On that note, I invite folks to check out the branch and leave their thoughts in the PR comments. If you can spare the time to test the changes, I’d appreciate input on:
Whether the new theme.json properties are easy to understand.
Usage across themes and potential backwards compatibility issues.
AccessibilityAccessibilityAccessibility (commonly shortened to a11y) refers to the design of products, devices, services, or environments for people with disabilities. The concept of accessible design ensures both “direct access” (i.e. unassisted) and “indirect access” meaning compatibility with a person’s assistive technology (for example, computer screen readers). (https://en.wikipedia.org/wiki/Accessibility). For example, supporting (and ultimately recommending) the use of relative sizes such as rem.
Possible alternatives.
All feedback is welcome and will be rewarded with healthy doses of digital kudos.
“What’s new in GutenbergGutenbergThe 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/…” posts (labeled with the #gutenberg-newtagtagA directory in Subversion. WordPress uses tags to store a single snapshot of a version (3.6, 3.6.1, etc.), the common convention of tags in version control systems. (Not to be confused with post tags.)) are posted following every Gutenberg release on a biweekly basis, discovering new features included in each release. As a reminder, here’s an overview of different ways to keep up with Gutenberg and the Full Site Editing project.
Gutenberg 13.3.0 introduces a new Table of Contents blockBlockBlock 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., some enhancements to existing blocks to provide more ways to display content, and many more improvements.
After over a year of work and iterations, the Table Of Contents block is now available as an experimental block. Once placed into the content, the Table Of Contents block will detect any Heading blocks added and display them with anchor links to allow users to jump to a section on the page.
Post Terms Block variations to display custom taxonomyTaxonomyA 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. terms
A Post Term block variation is now generated for each custom taxonomy registered. For example, if you register a “Product categoryCategoryThe 'category' taxonomy lets you group posts / content together that share a common bond. Categories are pre-defined and broad ranging.” taxonomy, you will be able to add a “Product categories” block that lists all the product category terms assigned to the current post.
Query LoopLoopThe 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 now supports a “parent” filterFilterFilters 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.
When working with a Page or any hierarchical content type a new “parent” filter is available to display content that is children of the defined parent.
Other Notable Highlights
Heading block now supports Font Family controls
Save Block List default view preference
Users can now set a preference to determine if the Block List view is open or closed by default.
New transforms between the Cover and Media & Text blocks
First-time contributors
The following PRs were merged by first-time contributors:
@bjorsch: dependency-extraction-webpack-pluginPluginA 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: Calculate vendor hash from file output rather than Webpack internal state. (34969)
@JessicaGosselin: Fix typo in Panel readme. (41111)
@luminuu: Create single template via site editor if not existing. (40830)
@neffff: env :: Support ssh protocol for githubGitHubGitHub 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/ repos. (40451)
@shanjidah: Migrated popovers.test.js to Playwright. (39910)
@tomjdv: Corrected the order in the code tabs. (40569)
Changelog
Enhancements
Preferences
Avoid persisting preference every time the sidebarSidebarA 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. tab is changed. (40923)
Editor preferences: Update order and copy. (40981)
Components
BorderControl
Make border color consistent with other controls. (40921)
Make height consistent with other controls. (40920)
Make reset to default button only display when required. (40917)
Select Component: Remove the lineheight setting to fix issue with font descenders being cut off. (40985)
Block Library
Add an explicit error message if an image block fails to load the image. (40982)
Add transform between cover and media & text. (38458)
Post Terms: Add dynamic variations of custom taxonomies. (39837)
BorderRadiusControl: Add tooltips to split border radius controls. (40983)
CSSCSSCascading Style Sheets. & Styling
BorderRadiusControl: Tweak spacing between input and range control to line up with BorderControl. (40958)
Template Editor
Use the label ‘Clear customizations’ when changes are revertable. (40935)
npm Packages
Packages: Add command to publish to npm targeting WP major releasemajor releaseA release, identified by the first two numbers (3.6), which is the focus of a full release cycle and feature development. WordPress uses decimaling count for major release versions, so 2.8, 2.9, 3.0, and 3.1 are sequential and comparable in scope.. (40927)
List View
Block list: Add option in editor settings to show open list view as default. (40757)
Bug Fixes
Add missing styling panels for uncontrolled navigation. (41114)
DOM: Allow copying text from non-text input elements. (40192)
DOM: Deprecate isNumberInput and fix its handling of value=0. (40896)
FlatTermSelector: Avoid errors when returned terms aren’t iterable. (41099)
Provide translators comment for Font size and Letter Case. (40879)
Add missing “type” to the search field on the editor. (40782)
Comments Title
Fix post title translationtranslationThe process (or result) of changing text, words, and display formatting to support another language. Also see localization, internationalization.. (40972)
Cover: Update background type when using featured imageFeatured imageA 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.. (40873)
Fix external styles leaking into Warning component. (40868)
Image Editor: Remove HTMLHTMLHyperText Markup Language. The semantic scripting language primarily used for outputting content in web browsers. from error messages. (40812)
Post Comments:
Allow placeholders to reorder items in translations. (40849)
Fix invalidinvalidA resolution on the bug tracker (and generally common in software development, sometimes also notabug) that indicates the ticket is not a bug, is a support request, or is generally invalid. date format in placeholder. (40929)
Return immediately from AvatarAvatarAn avatar is an image or illustration that specifically refers to a character that represents an online user. It’s usually a square box that appears next to the user’s name. block’s render_callback if $comment is null. (40835)
Use get_the_post_thumbnail function in the cover block.. (40853)
List v2
Fix outdent on empty list item if we press enter. (40939)
Focus new list item added from sibling inserter. (41051)
Fixes an issue where pressing enter deletes innerblocks. (41109)
Fix bugbugA bug is an error or unexpected result. Performance improvements, code optimization, and are considered enhancements, not defects. After feature freeze, only bugs are dealt with, with regressions (adverse changes from the previous version) being the highest priority. with initial image size. (41079)
Include image caption when converting a classic block gallery. (40872)
Post Author block: Hide select author controle if there is no postId. (40910)
Site Editor
Avoid previous content flash when a new template is created. (40841)
Fix opinionated block styles loading in editor. (40937)
Post Comments: Fix Older/Newer comments links styling. (40948)
Template List: Fix word break for the ‘Added by’ column. (40959)
Template editor: Show the inserter if the template part is empty. (41024)
AccessibilityAccessibilityAccessibility (commonly shortened to a11y) refers to the design of products, devices, services, or environments for people with disabilities. The concept of accessible design ensures both “direct access” (i.e. unassisted) and “indirect access” meaning compatibility with a person’s assistive technology (for example, computer screen readers). (https://en.wikipedia.org/wiki/Accessibility)
Prevent navigation on URLURLA specific web address of a website or web page on the Internet, such as a website’s URL www.wordpress.org input suggestion selection via enter key. (40906)
Table block: Fix focus loss after Create Table button is selected. (40399)
Block Library – Latest Posts: Prevent opening the links in editor. (40593)
Theme JsonJSONJSON, 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.: Don’t output double selectors for elements inside blocks. (40889)
Performance
Block Library
Ensure that post thumbnail is cached in latest post block. (40571)
Ensure that post thumbnail is cached in post template block. (40572)
Navigation link: Prime caches for all posts in menu items. (40752)
useShortCodeTransform: Fetch media data in single request. (40945)
Update the block overlay to rely on useDisabled hook. (40649)
Experiments
Style Engine: Add typography and color to frontend. (40665)
Outdent list item when pressing Backspace at the start. (40962)
ToC block
Re-enable + use static markup and only support coreCoreCore is the set of software required to run WordPress. The Core Development Team builds WordPress. Heading and Page Break blocks. (29739)
Mark Table of Contents block as experimental using block.json flag. (40905)
Styles hook: Swap out lodash methods with their JSJSJavaScript, a web scripting language typically executed in the browser. Often used for advanced user interfaces and behaviors. equivalents. (40918)
Update reactReactReact is a JavaScript library that makes it easy to reason about, construct, and maintain stateless and stateful user interfaces. https://reactjs.org/.-resize-aware with use-resize-observer. (40509)
useRefEffect: Replace undefined with void in callback return type. (40798)
Add eslint warning about use of waitForTimeout to playwright eslint. (40802)
Comment Template: Reorganize block tests to ease backportbackportA port is when code from one branch (or trunk) is merged into another branch or trunk. Some changes in WordPress point releases are the result of backporting code from trunk to the release branch. process. (40739)
Fix: Env unit testunit testCode written to test a small piece of code or functionality within a larger application. Everything from themes to WordPress core have a series of unit tests. Also see regression. fails on Windows. (41070)
Only allow template part to be replaced if its a headerHeaderThe 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. or footer. (40787)
The following benchmark compares performance for a particularly sizable post over the last releases. Such a large post isn’t representative of the average editing experience but is adequate for spotting variations in performance.
Post Editor
Version
Time to first block
KeyPress Event
Gutenberg 13.3
4.49s
43.62ms
Gutenberg 13.2
5.57s
45ms
WordPress 6.0
4.93s
41.89ms
Site Editor
Version
Time to first block
KeyPress Event
Gutenberg 13.3
5.20s
35.86ms
Gutenberg 13.2
6.17s
52.71ms
WordPress 6.0
5.05s
33.27ms
Kudos to all 55 contributors that participated in the release! 👏
Thanks to @priethor for his contributions and improvements to this draft, and @javiarce for the visual assets.
These “CoreCoreCore is the set of software required to run WordPress. The Core Development Team builds WordPress. Editor Improvement…” posts (labeled with the #core-editor-improvementtagtagA directory in Subversion. WordPress uses tags to store a single snapshot of a version (3.6, 3.6.1, etc.), the common convention of tags in version control systems. (Not to be confused with post tags.)) are a series dedicated to highlighting various new features, improvements, and more from Core Editor related projects.
In the last few versions of GutenbergGutenbergThe 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/ set to be included in WordPress 6.0, a collection of changes were made to simplify the discovery, use, and optionality of container blocks. When combined with the new blockBlockBlock 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. locking UIUIUser interface, you can create layouts of your choosing and lock when you’re ready.
Of note, you can always ungroup blocks after you’ve done this if you’d like by using the ellipsis menu in the block toolbar and selecting Ungroup.
More variations
Blocks are now easily grouped into either a Stack layout (vertical) or a Row layout (horizontal) with a single click. These flex-based containers allow for responsiveness at default for your content, especially when combined. From the 6.0 dev notedev noteEach important change in WordPress Core is documented in a developers note, (usually called dev note). Good dev notes generally include:
a description of the change;
the decision that led to this change
a description of how developers are supposed to work with that change.
Dev notes are published on Make/Core blog during the beta phase of WordPress release cycle. Publishing dev notes is particularly important when plugin/theme authors and WordPress developers need to be aware of those changes.In general, all dev notes are compiled into a Field Guide at the beginning of the release candidate phase. on Block markup updates for image, quote, list and group blocks:
It’s a flex container, meaning it has access to content justifications and block spacing. If combined with the Row block and its ability to optionally wrap onto new lines, it can enable basic responsive behaviors, such as two columns that stack to a single column on smaller displays.
You can switch between them in the sidebarSidebarA 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. settings too after your initial selection to get a feel for what you want. The video below brings the entire experience together:
More design options
To customize things more, you can play with gap support, margin, typography options, and more. For margin and padding, thanks to Gutenberg 13.2 (not coming to 6.0), you can more readily visualize your changes too. Here’s a video from the release notes:
Lock when done
When you have things exactly as you want them, you can lock whatever pieces you’d like of your creation to prevent removal or movement from the overall container blocks discussed above to individual blocks within. This is a great way to preserve your layout. Here’s a quick visual from a previous release post:
If you’ve explored these new options in the release cycle for 6.0 or via the Gutenberg pluginPluginA 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, feel free to share your creations below in the comments or even in the Pattern Directory. If you haven’t just yet, get excited to explore for WordPress 6.0.
It was patched in January but there are some problems with the patchpatchA special text file that describes changes to code, by identifying the files and lines which are added, removed, and altered. It may also be referred to as a diff. A patch can be applied to a codebase for testing. that will need to be re-patched.
Details are in the latest comment on the issue.
@mamaduka – I got sidetracked with shiny new issues, but I plan to continue working on the BlockBlockBlock 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. Locking feature.
I’ve created a draft PR with a small proof of concept on creating random color palettes in the betaBetaA 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. Styles panel, with colors that work well together in terms of legibility.
It’s very early on, but I’ll be updating that PR with whatever issues I can surface. I’ll also come back every week to ask for input
I want to draw attention to work going on to add support for more elements to Theme JSON so you can style buttons, caption…etc. Would be good to get more feedback on the approach.
I would really appreciate a review of the proposed implementation as this would enable our team at Woo to provide more contributions around the Search Block if we could rely on this extensibility feature.
I’ve been working with @gziolo on merging the GutenbergGutenbergThe 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/ changes into the WordPress 6.0 release branchbranchA directory in Subversion. WordPress uses branches to store the latest development code for each major release (3.9, 4.0, etc.). Branches are then updated with code for any minor releases of that branch. Sometimes, a major version of WordPress and its minor versions are collectively referred to as a "branch", such as "the 4.0 branch"..
The RC3 was released yesterday as @get_dave mentioned, next stop: RC4 and a stable version next week.
I’ve proposed Typescript Entity configuration types – the last blockerblockerA bug which is so severe that it blocks a release. before shipping TypeScript types for getEntityRecord and other coreCoreCore is the set of software required to run WordPress. The Core Development Team builds WordPress.-data selectors for a great autocompletion experience
There have been some requests for the addition of spacing presets in Gutenberg, similar to the font size presets that are already available, to allow theme designers to specify a select list of spacing values that can be applied to blocks.
It would be good to get some design feedback on this, in terms of the feasibility of adding this to the UIUIUser interface, and how the UI for this might be structured.
I think there has been some ongoing discussion about the suitability of the current UI for selecting the font size presets, so would be good not to repeat any problems that might exist there.
He’d love feedback on whether overriding the native right click behaviour is something we want to do in Gutenberg.
@get_dave, @zieladam and @mamaduka were in favour so long as it considered a11yAccessibilityAccessibility (commonly shortened to a11y) refers to the design of products, devices, services, or environments for people with disabilities. The concept of accessible design ensures both “direct access” (i.e. unassisted) and “indirect access” meaning compatibility with a person’s assistive technology (for example, computer screen readers). (https://en.wikipedia.org/wiki/Accessibility) concerns.
@paaljoachim had reservations around discoverability.
It was noted that @alexstine had already provided a11y feedback and an opt out via editor settings has been added to the PR.
@hypest also noted that it should consider mobile interactions as well.
Agreed to leave further feedback on the Issue/PR itself.
Request for feedback: enabling styling of interaction states in editor
Now is a good time to provide feedback and raise concerns in order that the first iteration of the interface can be as good as it can be.
Folks were broadly in favour of this functionality being added.
@fabiankaegy was concerned about adding a lot of additional clicks to every interaction – felt this would be better served with a persistent setting instead of a local state in every component.
@get_dave requested input from folks experienced with Global Styles and Theme JSONJSONJSON, 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. to discuss the potential data structure for such a feature.
@tomasz noted it would be nice to have a full overview of the state ie. color + typography etc. rather than split between different panels. A summary would avoid having to keep a mental map in your head of all interactions.
Please continue to discuss on the Issue.
Breaking change: promoting experimentalFetchLinkSuggestions to stable APIAPIAn 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.
There’s been lots of discussion around experimental APIs and the deprecation strategy recently, so I wanted to flag this one final time before it gets merged.
Hopefully the impact is minor but it’s worth being aware of as it’s been around as __experimental for quite some time.
Noted that outreach has been done to community Plugins making use of the API.
Will merge this week unless there are any blockers raised.
GutenbergGutenbergThe 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/pluginPluginA 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 releases
A while ago I’ve shared a core Search Block extensibility feature request to give the ability for blockBlockBlock 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. variations to provide custom search query parameters. Since then I’ve also shared a proposed implementation and I’d love some feedback. This would allow projects like WooCommerce or other projects that introduce custom post types to re-use the coreCoreCore is the set of software required to run WordPress. The Core Development Team builds WordPress. search experience to provide custom search components for their extensions.But it would also allow creating custom searches for core WordPress experience ie. searching only within specific categories, tags or authors.
I’d like to start a discussion around adding a new label to the new label to the Gutenberg repo around issues that impact adoption. The aim would be to have an easier way to see, at a glance, what big issues are impacting the adoption of Gutenberg.
Would folks find value in having those issues clearly communicated?
Does a new GitHubGitHubGitHub 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/ label seem like the right approach? If not, what other approaches would work well?
If a new GitHub label works well, what name would work best?
Here are a few suggestions:
[Type] Adoption BlockerblockerA bug which is so severe that it blocks a release.
[Type] Impacts Adoption
@marybaum I like Adoption Blocker. Could also make it active: Blocks Adoption. @fabiankaegy I also like the idea of that. Though it is difficult to really gauge the actual impact it has on the party that is blocked from adoption. I guess I’d like to understand what requirements a ticketticketCreated for both bug reports and feature development on the bug tracker. needs to fulfill in order to “justify” getting that label applied. @tomasztunik I think if people had this at the back of their heads when triaging issues or evaluating feature requests this could shift the perspective toward the product and ecosystem more than the problem itself. Like another “standard” question to ask yourself when evaluating something. @priethor This is an example of an issue that would need that label: something already existing in WP but that Gutenberg doesn’t support, preventing Gutenberg adoption and users needing to stick with classic implementations: https://github.com/WordPress/gutenberg/issues/3144 @mikachan Another alternative for the label itself could be ‘migrationMigrationMoving the code, database and media files for a website site from one server to another. Most typically done when changing hosting companies. blocker’ (or ‘impacts migration’ / ‘blocks migration’).
This is a thought-provoking question that I asked earlier in #6-0-release-leads (SlackSlackSlack is a Collaborative Group Chat Platform https://slack.com/. The WordPress community has its own Slack Channel at https://make.wordpress.org/chat/.). When we fix bugs in Gutenberg (and also in Core), they can have unintended consequences when users upgrade to the new versions where the bugs have been fixed. Thought I would share it here as well.
To get more details go directly to the Open Floor discussions in the Core Editor Slack channel.
“What’s new in GutenbergGutenbergThe 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/…” posts (labeled with the #gutenberg-newtagtagA directory in Subversion. WordPress uses tags to store a single snapshot of a version (3.6, 3.6.1, etc.), the common convention of tags in version control systems. (Not to be confused with post tags.)) are posted following every Gutenberg release on a biweekly basis, discovering new features included in each release. As a reminder, here’s an overview of different ways to keep up with Gutenberg and the Full Site Editing project.
Gutenberg 13.2 brings a new APIAPIAn 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. to save editor preferences on the server, visual guides for padding and margins, and improvements to the Comment blockBlockBlock 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..
Gutenberg now saves editor preferences on the WordPress server, instead of in the browser. This means that no matter which computer or browser you are using, Gutenberg will always be set up just the way you like it.
Visualize Padding and Margin
Understanding how margins and padding affect a block is important in getting your layout just right. With Gutenberg 13.2, the margins and padding will highlight in blue as you adjust them.
Improvements to the Placeholders
The Post Content, Post ExcerptExcerptAn excerpt is the description of the blog post or page that will by default show on the blog archive page, in search results (SERPs), and on social media. With an SEO plugin, the excerpt may also be in that plugin’s metabox., Post Comments, and Post Comments Form blocks will show more realistic placeholders in the editor to give you a better understanding of how your site will look with real content.
Other Notable Highlights
You can now exit the Quote block and move on to a new block by pressing the Enter key at the end.
The Separator block now supports top and bottom margins, giving you more control over the whitespace of your content.
Numerous bugfixes to the Comments block fix styles and correct messaging.
Props to new contributors
Kudos to the first-time contributors that joined during the last release cycle!
@chriszarate: ESLint PluginPluginA 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: Fix recommended preset when prettier is not installed. (40634)
@danieliser: Fix/block metaMetaMeta is a term that refers to the inside workings of a group. For us, this is the team that works on internal WordPress sites like WordCamp Central and Make WordPress. icon prop errors. (40710)
@Trapsta: Close overlay menu when clicking an anchor link. (39625)
If you are interested in contributing but do not know where to start, join the CoreCoreCore is the set of software required to run WordPress. The Core Development Team builds WordPress. Editor weekly meetings on Wednesdays at 14:00 UTC in #core-editor focused on all things Gutenberg.
Changelog
Features
Add new preferences persistence API, and save editor preferences in user meta. (39795)
Enhancements
Add visualizers for padding and margin for all blocks. (40505)
Remove the spotlight mode from template parts. (40652)
Improve the logic for warnings for Post Comments Form placeholder. (40563)
Post Comments Form: Add “proper” visual representation in the editor. (40368)
Comments Query LoopLoopThe 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.: Add Post Comments Form block to Comments Query Loop template. (40256)
Post Comments block: Enqueue comment-reply script. (40366)
Cover: Avoid unnecessary wrapping when transformed from Group. (40602)
Quote v2: Implement exiting on Enter at end. (39911)
Separator Block: Add top & bottom margin support. (40551)
Components
Fix async timing in tests using user-event. (40790)
Add flag for larger default size. (InputControl: 40622, UnitControl: 40627)
Site Editor
Use default cursor for non-editable text blocks. (40785)
Block Editor
Show add pattern label when patterns are being prioritised. (40598)
Improve button spacing in the top right corner of the editor. (40411)
Global Styles SidebarSidebarA 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.: Tweak separator margin. (40526)
Prevent comments rendering on password protected posts. (40755)
Display paragraph breaks in comment contents block.. (40667)
Prevent spam links of author’s name in pending moderation comments. (40702)
Cover Block: Fix focal point error when the Featured ImageFeatured imageA 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. is applied. (40643)
Cover: Avoid adding a wrapper Group block when transforming to Group, where possible. (40293)
Cover Block: Fixed iOSiOSThe operating system used on iPhones and iPads.bugbugA bug is an error or unexpected result. Performance improvements, code optimization, and are considered enhancements, not defects. After feature freeze, only bugs are dealt with, with regressions (adverse changes from the previous version) being the highest priority. handling background-attachment to properly work with iOS 13+. (40087)
Navigation block “Open on click”: Inherit font style and font weight. (40671)
Post Author: Switch byline to use kses so that rich text elements are rendered correctly. (40776)
Latest Post: Fix regressionregressionA software bug that breaks or degrades something that previously worked. Regressions are often treated as critical bugs or blockers. Recent regressions may be given higher priorities. A "3.6 regression" would be a bug in 3.6 that worked as intended in 3.5. with featured images in latest posts. (40662)
Video: Fix drag and drop upload error state. (40552)
Heading: Include text alignment when transforming from paragraph to headerHeaderThe 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 back. (40709)
No Results: Remove a typo from the no results block. (40573)
Components
UnitControl
Avoid calling onChange callback twice when unit changes. (40796)
Show unit label when units prop has only one unit. (40784)
Gradient Tool: Fix closing of popover when the angle control is clicked. (40735)
Fix dragging in inspector causing block deselection. (40604)
[RichText]: Ignore selection changes on non contentEditable nodes. (40611)
[Writing Flow]: Try to fix multi-selection with shift+click. (40687)
Fix the styles compatibility hook for the editor iframes. (40842)
Patterns
Fix core ‘Featured’ pattern categoryCategoryThe 'category' taxonomy lets you group posts / content together that share a common bond. Categories are pre-defined and broad ranging. registration. (40650)
Fix: Page patterns don’t show when only one pattern is available. (40707)
Register the ‘lock’ attribute on the server. (40468)
Code Editor
Commit changes upon switching editors to avoid content loss. (40730)
Navigation MenuNavigation MenuA theme feature introduced with Version 3.0. WordPress includes an easy to use mechanism for giving various control options to get users to click from one place to another on a site. Sidebar
Element styles: Prevent the WordPress filterFilterFilters 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. callback from being executed. (40594)
Global Styles Sidebar: Fix nav header styles and semantics. (40592)
useSelect: Prevent nested component update after unmount. (40677)
core-data: Change “include” type in getQueryParts. (40570)
Themes
Theme Export: Bug: Add .DS_Store to the list of ignored files. (40539)
Reusable Blocks
Fix template part / reusable block click through on non-safari browsers. (40339)
Block API
Check that a transform matches at the time of running the transform. (40497)
AccessibilityAccessibilityAccessibility (commonly shortened to a11y) refers to the design of products, devices, services, or environments for people with disabilities. The concept of accessible design ensures both “direct access” (i.e. unassisted) and “indirect access” meaning compatibility with a person’s assistive technology (for example, computer screen readers). (https://en.wikipedia.org/wiki/Accessibility)
Adding schema info to theme.jsonJSONJSON, 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. reference. (40599)
Global Styles Sidebar: Rename NavigationButton so semantics are clearer. (40590)
Handle promise rejections from preferences persistence if the user is offline or the REST APIREST APIThe REST API is an acronym for the RESTful Application Program Interface (API) that uses HTTP requests to GET, PUT, POST and DELETE data. It is how the front end of an application (think “phone app” or “website”) can communicate with the data store (think “database” or “file system”) https://developer.wordpress.org/rest-api/. errors. (40641)
Improve the useDisabled hook and Disabled component. (40631)
Preferences persistence – mark modified property as not readonly in schema. (40637)
Preferences: Improve initial configuration for the new persistence package. (40715)
Add DatePicker tests using ReactReactReact is a JavaScript library that makes it easy to reason about, construct, and maintain stateless and stateful user interfaces. https://reactjs.org/. Testing Library. (40754)
Migrate ConfirmDialog component’s Stories from knobs to controls. (40164)
SelectControl: Finish typescript migrationMigrationMoving the code, database and media files for a website site from one server to another. Most typically done when changing hosting companies.. (40737)
[components] Use internal Icon component for ToggleGroupControlOptionIcon. (40717)
TextControl: Covert component to TypeScript. (40633)
Storybook: Make description-loader more reliable. (40616)
Testing
Comment Template Unit Testunit testCode written to test a small piece of code or functionality within a larger application. Everything from themes to WordPress core have a series of unit tests. Also see regression.: Cover odd/even classes. (40471)
Comments block end-to-end test: Remove now-obsolete Post Comments Form block. (40793)
Refactor image-size test to follow Playwright’s best practices. (40644)
Remove require editor hooksHooksIn WordPress theme and development, hooks are functions that can be applied to an action or a Filter in WordPress. Actions are functions performed when a certain event occurs in WordPress. Filters allow you to modify certain functions. Arguments used to hook both filters and actions look the same. line from full-content test setup. (40772)
Tests: Restore real timers after using Jest’s fake timers. (40760)
Update @testing-library/user-event to stable version (14.1.1). (40761)
Fix batchRest not throwing errors in Playwright. (40668)
Fix replacing with undefined in stripAnsi. (40384)
Nav link block PHPPHPThe web scripting language in which WordPress is primarily architected. WordPress requires PHP 5.6.20 or higher tests replace prefixed function with non-prefixed. (40657)
Fix the htmlHTMLHyperText Markup Language. The semantic scripting language primarily used for outputting content in web browsers. data is wrong in clipboard emulation in Playwright. (40638)
Fix incorrect results in the flaky tests reporter. (40567)
Build Tooling
Eslint: Add TypeScript tests and stories to development files. (40504)
Fix: npm script(dev:Package) is not working on Windows. (40566)
ESLint Plugin: Fix recommended preset when prettier is not installed. (40634)
Performance Benchmark
The following benchmark compares performance for a particularly sizable post over the last releases. Such a large post isn’t representative of the average editing experience but is adequate for spotting variations in performance.
Post Editor
Version
Time to first block
KeyPress Event
Gutenberg 13.2
6.51s
49.36ms
Gutenberg 13.1
5.74s
44.41ms
WordPress 5.9
5.67s
45.38ms
Site Editor
Version
Time to first block
KeyPress Event
Gutenberg 13.2
6.49s
65.55ms
Gutenberg 13.1
6.61s
75.92ms
WordPress 5.9
5.59s
41.42ms
Kudos to all 58 contributors that participated in the release! 👏
Thanks to @priethor for his contributions and improvements to this draft, and @fcoveram for the visual assets.
We used to exchange key project updates synchronously during the chat. However, many of the key GutenbergGutenbergThe 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/ projects sustain a regular cadence of updates on their tracking issues on GithubGitHubGitHub 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/.
The attendees are encouraged to read the latest updates directly from the following tracking issues at everyone’s leisure:
If you create an issue or PR that fixes a bugbugA bug is an error or unexpected result. Performance improvements, code optimization, and are considered enhancements, not defects. After feature freeze, only bugs are dealt with, with regressions (adverse changes from the previous version) being the highest priority. related to the 6.0 release, please ensure it is added to the 6.0 Project Board. That is the best way to make sure we do not miss anything. Thanks!
Note: Anyone reading this summary outside the meeting, please drop a comment in the post summary, if you can/want to help with something.
I’ve got a PR which promotes __experimentalFetchLinkSuggestions to non-experimental API. It will now be fetchLinkSuggestions.As this APIAPIAn 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. has been around in experimental form for a number of years, renaming it could cause regressionregressionA software bug that breaks or degrades something that previously worked. Regressions are often treated as critical bugs or blockers. Recent regressions may be given higher priorities. A "3.6 regression" would be a bug in 3.6 that worked as intended in 3.5. in 3rd party Plugins. Therefore, I want to raise awareness of the change well in advance
As a general rule ‘__experimental*’ APIs are undocumented, not maintained, can change at any time and are not backwards compatible. @fabiankaegy commented: “In an ideal world I would love it if the __experimental API’s need to be stabilized before shipping in WordPress CoreCoreCore is the set of software required to run WordPress. The Core Development Team builds WordPress..” @get_dave noted: “We have a lot of experimental stuff now. Needs to be whittled down.”
Side note: Discussion on how to approach reducing experimental and unstable APIs on the Gutenberg development has started on GitHub
“We are running Core Editor bug scrubs on Tuesdays at 14 UTC. This was started recently to prepare for the 6.0 release. What does everyone think about making this a standard thing moving forward, even after the release? We have thousands of issues and having a dedicated time each week to start wading through them as a team, I think, would be beneficial. Just trying to get some initial feedback on this idea.”
This was received with excitement. Nick will conceptualize it and prepare a Make Core post for public comment and to raise awareness.
I wanted to mention this report about the Site Editor “freezing” for some users. It needs more testing and a way, we can constantly reproduce the problem.
“A while ago I shared some questions about contributing to core Search BlockBlockBlock 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. extensibility and shared the first proposal and PR (with some questions) that adds the ability to extend the search block with custom query vars. Would love some feedback there to the proposed take.”
“What’s new in GutenbergGutenbergThe 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/…” posts (labeled with the #gutenberg-newtagtagA directory in Subversion. WordPress uses tags to store a single snapshot of a version (3.6, 3.6.1, etc.), the common convention of tags in version control systems. (Not to be confused with post tags.)) are posted following every Gutenberg release on a biweekly basis, discovering new features included in each release. As a reminder, here’s an overview of different ways to keep up with Gutenberg and the Full Site Editing project.
Gutenberg 13.1 brings border support to the Columns blockBlockBlock 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., a number of improvements to the Comments blocks, along with a range of accessibilityAccessibilityAccessibility (commonly shortened to a11y) refers to the design of products, devices, services, or environments for people with disabilities. The concept of accessible design ensures both “direct access” (i.e. unassisted) and “indirect access” meaning compatibility with a person’s assistive technology (for example, computer screen readers). (https://en.wikipedia.org/wiki/Accessibility) enhancements.
The block supports and the global styles border panel have been updated to leverage the new BorderBoxControl component which allows the specifying of custom borders per side. This means you can have each border be exactly the same or completely unique.
This new block support has also been added to the Columns block to allow custom borders to be set for each side of a column.
Individual border settings can also be specified in theme.jsonJSONJSON, 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:
Gutenberg 13.1 brings a number of improvements to the new Comments block. Most notably, the new Comments Title block enables richer compositions, especially with nested comments!
In efforts to stabilize these blocks for the upcoming WordPress 6.0, several bugs have been fixed. 🐛
Other notable highlights
Duotone keeps iterating, and now renders in the Site Editor when applied through theme.json. Speaking of duotone; check out the new duotone toolbar icon, a two-colored triangle that should better convey the button’s purpose when a duotone filterFilterFilters 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. hasn’t yet been set. Once a filter has been selected, the original logo will appear to convey a change:
Before Gutenberg 13.1, the Categories block’s default behavior with empty categories was to hide them. Starting with this release, the block provides a new setting to customize this behavior and decide whether to show empty categories or not.
Props to new contributors
Kudos to the first-time contributors that joined during the last release cycle!
@khoipro: Scripts: Exclude BEM class from stylelint wordpress/scripts. (37531)
@mauriac: Add new option to show or hide empty categories. (39426)
@roseg43: Media & Text: Remove font size declaration from template. (40329)
@zutigrm: Update theme.json documentation for theme authors. (40005)
If you are interested in contributing but do not know where to start, join the CoreCoreCore is the set of software required to run WordPress. The Core Development Team builds WordPress. Editor weekly meetings on Wednesdays at 14:00 UTC in #core-editor focused on all things Gutenberg.
Changelog
Enhancements
Block Editor: Removed the logic that was preventing the toolbar from hiding when typing within formats. (40476)
Block settings: Remove redundant block name from “settings” panels. (40275)
Components: Unified black color to gray-900. (40391)
Design Tools, Borders: Use new border control components in block support. (37770)
Document Setting: Removed pluginPluginA 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 icon fallback. (40355)
Categories: Added new option to show or hide empty categories. (39426)
Column: Add border support to column blocks. (39967)
Comments: Create comments title with simple styling. (40419)
Media & Text: Removed font size declaration from template. (40329)
Navigation: Renamed Navigation Menus to Navigation. (40413)
Bug Fixes
Patterns APIAPIAn 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.: Add ‘inserter’ to the schema. (40416)
Toolbar: Fixed block toolbar text button padding. (40438)
Block Library
Post Featured ImageFeatured imageA 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.: Used translatable post type label. (40378)
Comments:
Comment template: Call comment_class() before recursing into child comments. (40455)
Fixed comments query loopLoopThe 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. pagination not respecting Discussion Settings. (40284)
Fixed comments no results placeholder not appearing. (40234)
Fixed inline preview cut-off when editing URLURLA specific web address of a website or web page on the Internet, such as a website’s URL www.wordpress.org. (35326)
Use preview htmlHTMLHyperText Markup Language. The semantic scripting language primarily used for outputting content in web browsers. for flickr embed previews in editor. (40187)
Image: Added window to the optional chaining. (40394)
Styles
Add a debounce to the custom color onChange event. (40285)
Do not render global styles coming from the server in the site editor. (40185)
Elements: Add styles to the footer before the block is rendered. (37728)
Don’t render the secondary sidebarSidebarA 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. in text mode. (40337)
i18ni18nInternationalization, or the act of writing and preparing code to be fully translatable into other languages. Also see localization. Often written with a lowercase i so it is not confused with a lowercase L or the numeral 1. Often an acquired skill.: Fix incorrect ‘_n’ usage. (40292)
List View, useBlockDisplayInformation: Return anchor for block variations in list view. (40458)
Multi-selection: Copy whole block when selection is collapsed. (40374)
Accessibility
Post editing: After closing welcome dialog, if content is empty, focus title field. (40195)
Fixed focus loss happening when installing blocks from the directory. (40340)
Fixed focus loss when creating pages from link control search results. (40342)
Fixed focus loss when navigating the guide component. (40324)
Navigation block: After choosing an option from Select Menu, focus after block rerender. (40390)
Block Styles: Remove unnecessary button role and ‘onKeyDown’ handler. (40427)
Performance
Added a context param to sidebar entity request. (40148)
Developer Experience
[wp-env]: Add support to override core by the WP_ENV_CORE environment variable. (40407)
Create Block: Fix warnings and errors reported during scaffolding and validation. (40479)
Documentation
Added README for Gradient and NavigableToolbar. (25580)
Added documentation for ancestor property in block metadata. (40027)
HTML: Remove pointless <span>s in Custom HTML block controls. (39820)
Comments Query Loop: comment metaMetaMeta is a term that refers to the inside workings of a group. For us, this is the team that works on internal WordPress sites like WordCamp Central and Make WordPress. data isn’t queued for lazy loading. (40242)
Block Editor: Remove unused sub-components in list view. (40448)
Data: Cancel render queue in a more straightforward way. (40433)
Plugin
Added edit context to patterns REST controllers. (40259)
Add @talldan as a codeowner for wordpress/preferences. (40295)
Cleaned up non-dynamic block registration list. (40426)
Moved list and quote block registration to experimental blocks. (40350)
Moved the logic for iframed editor to WP 6.0 compat. (40278)
Post WordPress 6.0 BetaBetaA 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 cleanup. (40349)
Rename wp_translate_settings_using_i18n_schema to translate_settings_using_i18n_schema. (40227)
Tools
Testing
Playwright migrationMigrationMoving the code, database and media files for a website site from one server to another. Most typically done when changing hosting companies.:
Block supports: Unregister block in PHPPHPThe web scripting language in which WordPress is primarily architected. WordPress requires PHP 5.6.20 or higher unit tests. (40239)
CreateBlock: Fix escaping for error message in create block test. (40473)
Comments Query Loop: Add end-to-end comments tests to stable, wait for selector on set option. (40405)
Build Tooling
Added the missing class-wp-style-engine-gutenberg.php in the plugin build. (40191)
Fixed commands containing dot-slashes in npm scripts. (39739)
Added new TypeScript project for unit tests. (39436)
Fixed the flaky template editor mode test. (40325)
Excluded BEM class from stylelint wordpress/scripts. (37531)
Performance Benchmark
The following benchmark compares performance for a particularly sizable post over the last releases. Such a large post isn’t representative of the average editing experience but is adequate for spotting variations in performance.
Post Editor
Version
Time to first block
KeyPress Event
Gutenberg 13.1
6.59s
44.29ms
Gutenberg 13.0
5.97s
46.37ms
WordPress 5.9
6.08s
45.28ms
Site Editor
Version
Time to first block
KeyPress Event
Gutenberg 13.1
7.19s
65.16ms
Gutenberg 13.0
6.57s
61.75ms
WordPress 5.9
5.85s
40.84ms
Kudos to all 42 contributors that participated in the release!
Thanks to @priethor and @annezazu for all the contributions and improvements to this draft, and @critterverse for the visual assets.
We used to exchange key project updates synchronously during the chat. However, many of the key GutenbergGutenbergThe 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/ projects sustain a regular cadence of updates on their tracking issues on GithubGitHubGitHub 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/.
This week we tried async updates. The attendees are encouraged to read the latest updates directly from the following tracking issues at everyone’s leisure:
Announced that there is a new Pull Request template that got introduced lately, it follows the What? Why? How? format. In today’s discussion, some feedback to that template was surfaced, such as:
What? Why? How? may read abrupt
Achieving additional clarity seems easy
More discussion would make for a great next iteration
Raised that he wants to propose removing the Reusable blockBlockBlock 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. edit locking feature from WP 6.0. He commented summary of the recent discussion in the tracking issue – https://github.com/WordPress/gutenberg/issues/29864#issuecomment-1103592492.
@nickdiego
Raised that if anyone had PRs/Issues that are related to WordPress 6.0, please make sure they are added to the 6.0 Project Board. This is the first place we are looking when triaging issues and we don’t want to inadvertently miss anything.
Raised that after watching the 6.0 Product Walk-Through, he didn’t find the following blocks in WordPress 6.0 BetaBetaA 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. 2:
Post Author Name
Post Comments Count
Post Comments Form
Post Comments Link
With WP 6.0 Beta 2, it’s not possible to build a comment section as there is no Post Comments Form, and the Post Comments block has been deprecated. Will they be included in WordPress 6.0?
Raised that they were trying to test #45021, they got this jarring click ignore. I suppose that’s not a Media issue though, is it? They wanted to figure out whether it was already an issue, that the click is being ignored?
You must be logged in to post a comment.