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 the bug tracker.
“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-new tag) are posted following every Gutenberg release on a biweekly basis, showcasing new features included in each release. As a reminder, here’s an overview of different ways to keep up with Gutenberg and the Site Editor project (formerly called Full Site Editing).
Gutenberg 17.2 has been released and is available for download! This release includes a few improvements for the Site Editing experience — including the ability to drag and drop to the top and bottom of the document and sticky table headers —, improvements to the Interactivity 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. docs, and a lot of Bug fixes and other improvements. Let’s take a closer look!
Allow dragging and dropping onto the beginning and end of a document.
Improves the experience of dragging and dropping Blocks onto the very top and/or bottom of the document by virtually enlarging the area — this doesn’t have a visual impact on the rest of the editing experience or on the front end, and makes it a much less finicky experience! (#56070)
Sticky table headers and pagination.
These provide extra context when scrolling down on large datasets, saving us from scrolling back up every time we inevitably forget what each column is supposed to contain, or which page you’re currently looking at. (#56157)
Toolbar for the Distraction-Free Mode
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. Toolbar will now slide into view by moving your mouse to the top of the editor when using Distraction-Free mode. (#56295)
Other notable highlights
CoreCoreCore is the set of software required to run WordPress. The Core Development Team builds WordPress. data revisionsRevisionsThe WordPress revisions system stores a record of each saved draft or published update. The revision system allows you to see what changes were made in each revision by dragging a slider (or using the Next/Previous buttons). The display indicates what has changed in each revision.: Extend support to other post types. (#56353)
Render htmlHTMLHyperText Markup Language. The semantic scripting language primarily used for outputting content in web browsers. in post titles in visual mode and edit HTML in post title in code view. (#54718)
Interactivity API: Use modules instead of scripts in the frontend. (#56143)
Changelog
Features
Modules API
Interactivity API: Use modules instead of scripts in the frontend. (56143)
Enhancements
Add translator comments for strings containing date formats. (56531)
Block Theme Preview: Display the theme name on the activate button. (55752)
Core data revisions: Extend support to other post types. (56353)
Improve tooltip for parent blocks on the block toolbar. (56146)
Try Ariakit Select for new CustomSelectControl component. (55790)
Block Editor
Block Settings: Only display parent block selector on small screens. (56431)
Drag and drop: Allow dragging to the beginning and end of a document. (56070)
List View: Expand state if a block is dragged to within a collapsed block in the editor canvas. (56493)
Data Views
Data list view: Make 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. row, table 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 pagination sticky. (56157)
Add ‘View site’ action to ‘Site updated’ snackbar. (52693)
Add the Post Author component to the Page 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.. (56368)
Redirect to main page menu if page record not found. (56177)
Layout
Add layout classes to legacy Group inner container. (56130)
Add setting to disable custom content size controls. (56236)
Update Labels in Block Inserter (block patterns tab). (55986)
Icons
Update trashTrashTrash in WordPress is like the Recycle Bin on your PC or Trash in your Macintosh computer. Users with the proper permission level (administrators and editors) have the ability to delete a post, page, and/or comments. When you delete the item, it is moved to the trash folder where it will remain for 30 days. icon. (56569)
Block Library
Disable block renaming support for Nav Link block. (56425)
Revisions: Add new selectors to fetch entity revisions. (54046)
Interactivity API
MigrationMigrationMoving the code, database and media files for a website site from one server to another. Most typically done when changing hosting companies. to the new store() API. (55459)
Bug Fixes
Core data: Harmonize getRevision selector and resolver function signatures. (56416)
Editor styles: Scope without adding specificity. (56564)
Post Schedule Panel: Remove text overflow ellipsis. (56319)
Rich text: Pad multiple spaces through en/em replacement. (56341)
Site Editor: Add a fallback template showing the title and content for the post only mode. (56509)
useEntityRecord: Do not trigger 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/. requests when disabled. (56108)
Block Editor
(RichText)(Workaround)(17.1.x) Fallback to a string arg in collapseWhiteSpace() if value is not a string. (56570)
Cover block: Pass dropZoneElement reference to fix dragging within cover block area. (56312)
PostCSS style transformation: Fail gracefully instead of throwing an error. (56093)
Undeprecate the ‘__experimentalImageSizeControl’ component. (56414)
useMovingAnimation: Clear translate3d rule when animation is finished. (56410)
Block Library
File block: Remove anchor tagtagA 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.) when copy pasting to file name. (56508)
Global styles revisions: Update isResolving flag. (56491)
Spacing: Fix block error if spacing unit array empty 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.. (56306)
Post Editor
Editor: Fix issue where createBlock in block template caused list view collapse. (56666)
Save post button: Avoid extra re-renders when enablng/disabling tooltip. (56502)
CSS & Styling
Reduce specificity of default Cover text color styles. (56411)
Restore Post Title visual styles in Code View mode. (56582)
Site Editor
Fix template resolution for templates assigned as home page. (56418)
Site Editor Sidebar: Fix actions vertical alignment. (56218)
Modules API
Modules: Fix import map polyfill not being copied on the generated 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 ZIP. (56655)
Saving
Editor: Reinstate anonymous callback for saved post state. (56529)
Fix issue with template in replace template screen. (56407)
Layout
Fix issue where layout classnames are injected for blocks without layout support. (56187)
Typography
Font Library: Fix fonts not displaying correctly. (55393)
Colors
Duotone: 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. from Core to fix filters in classic themes. (54778)
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)
Data Views
DataViews: Make disabled pagination buttons focusable. (56422)
Block Library
Image Block: Enable image block to be selected correctly when clicked. (56043)
Block Editor
Tooltip: Don’t render buttons tooltip when show button text labels is enabled. (55842)
Components
Improve Button saving state accessibility. (55547)
Patterns
Fix focus loss after converting to a synced pattern. (55473)
Site Editor
Migrating StyleBook to use updated Composite implementation. (55344)
Render html in post titles in visual mode and edit HTML in post title in code view. (54718)
Documentation
Add the attributes definition page to the create block tutorial of the platform documentation. (56429)
Add the transforms page to the create block tutorial of the platform documentation. (56559)
Add thee block supports page to the create block tutorial of the framework docs. (56483)
Added clarifications and examples to “Get started with wp-scripts”. (56298)
Block Editor: Fix typo in URLInput‘s onKeyDown prop documentation. (56322)
Bring back non-JSJSJavaScript, a web scripting language typically executed in the browser. Often used for advanced user interfaces and behaviors. tabs in block editor handbook. (56561)
Docs: Fix incorrect build script description in script package. (56332)
Docs: Fundamentals of Block Development – File structure of a block. (56551)
Docs: Fundamentals of Block Development – Registration of a block. (56334)
Docs: Fundamentals of Block Development – The block wrapper. (56596)
Docs: Fundamentals of Block Development – Working with JavascriptJavaScriptJavaScript or JS is an object-oriented computer programming language commonly used to create interactive effects within web browsers. WordPress makes extensive use of JS for a better user experience. While PHP is executed on the server, JS executes within a user’s browser. https://www.javascript.com/. in the Block Editor. (56553)
Docs: Fundamentals of Block Development – block.json. (56435)
Documentation – Block Editor Handbook – Add end user documentation about Block Editor as a resource on the Landing Page of the Block Editor Handbook. (49854)
Fix overly complex code example in ComboboxControl readme. (56365)
Fix version in useSetting deprecation notice. (56377)
Fundamentals block development – landing and first pages. (56584)
Fundamentals of Block Development – fix save definition. (56605)
Interactivity API: New store() API documentation. (56764)
Interactivity API: Update TS/JSDocs after migrating to the new store() API. (56748)
Link preview image to live example using WordPress Playground. (56292)
NavigableContainers: Fix doc typo in onKeyDown prop. (56352)
Release docs: Add new section about troubleshooting the release. (56436)
Remove all {% codetabs %} instances and any vanilla JS references. (56121)
Simplify code example in ToggleControl component readme. (56389)
Text and Heading: Improve documentation around default values and truncation logic. (56518)
Theme JSON schema: Add heading/button key to color definition. (55674)
Unify the PostSchedule component between site and post editors. (56196)
Update: Refactor useAddedBy to use authorText and originalSource fields. (56568)
Block Library
Add align support to the image block – alternative. (55954)
Backmerge block renaming fixes/refactors from 6.4 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". into Gutenberg trunktrunkA directory in Subversion containing the latest development code in preparation for the next major release cycle. If you are running "trunk", then you are on the latest revision.. (56386)
Dataviews: Ensure items and fields are using a unique id. (56366)
Design Tools
Fix: Theme.json font settings in 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.. (56309)
Tools
Workflows: Update ‘days-before-stale’ for flaky test report issues. (56585)
Many thanks to @annezazufor the assist when publishing the plugin, @jameskosterfor designing graphics for this post, and @draganescu, @ramonjd, @scruffianand@cbravobernalfor gathering highlights!
“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-new tag) are posted following every Gutenberg release on a biweekly basis, showcasing new features included in each release. As a reminder, here’s an overview of different ways to keep up with Gutenberg.
WordPress 6.4 “Shirley” became available earlier this week. Despite this significant milestone, 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 continues to iterate with a new version: Gutenberg 17.0. This release focuses on maintenance with improvements in performance and 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), along with a few new features.
Command Palette: improved contextual suggestions when editing patterns
The popular Command Palette keeps getting better! Since this release, editing patterns inside the site editor will suggest pattern-related commands that adjust better to the context, such as renaming and duplicating the pattern. Small quality-of-life changes like this are what make the Command Palette a joy to use, and future iterations will surely bring us many more improvements in this direction!
DropdownMenu: a glimpse into the next generation of WordPress components
As part of the ongoing efforts to refine the components that power 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. Editor, Gutenberg 17.0 brings a new, alternative implementation of the DropdownMenu component based on the Ariakit open-source library. This implementation, although still experimental, offers a good glimpse at what the future of WordPress components holds.
As a reminder, you can check and play with this and other components in the Components Storybook!
Additional visual cues for LinkControl
When searching through the LinkControl, new Block and Home icons are added next to results related to the home and front pages, respectively. These visual cues intend to make finding what you’re looking for easier.
Iterating on Accessibility and Performance
As usual, this Gutenberg release provides a few iterative performance and accessibility improvements.
On the accessibility side of things, it’s worth noting the Autocomplete Voiceover now announces suggestions, among other 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) enhancements to the Navigation block and 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. Regarding performance, some controls like duotone, layout, and alignment have been optimized.
Changelog
Full changelog available here
Enhancements
Link Control
Add blogblog(versus network, site) icon to the blog home page in LinkControl search results. (55610)
Add home icon to the front page in LinkControl results. (55606)
Block Theme Preview
Block Theme Preview: Display loading state when activating. (55658)
Adjust the padding of the categoryCategoryThe 'category' taxonomy lets you group posts / content together that share a common bond. Categories are pre-defined and broad ranging. item to make it visually balanced. (55598)
Patterns
Suggest commands when editing pattern in site editor. (55332)
Bug Fixes
Fix autocomplete trigger character detection. (55301)
Block Editor: Avoid rendering empty Slot for block alignments. (55689)
Block Example: Avoid a crash when block is not registered. (55686)
Command Palette
Command Palette: Fix a crash when transform to a block without icon. (55676)
Link Control
Fix: LinkControl on site editor does not show font page and post page indication. (55694)
Fix: LinkControl on widgets editor does not show font page and post page indication. (55732)
Interactivity 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.
Fix: Update page title when using enhanced pagination in query loop. (55446)
Block Library
Fix: Post terms block: Missing options for prefix and suffix when the…. (55726)
Ensure Term Description block is registered in coreCoreCore is the set of software required to run WordPress. The Core Development Team builds WordPress.. (55669)
Image block: Wrap images with hrefs in an A tagtagA 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.). (55470)
Image: Improve focus management in lightbox. (55428)
Image: Update default fullscreen icon for lightbox trigger. (55463)
Navigation block: Remove browser default padding from the two submenu buttons. (50943)
Query Loop: Disallow “enhanced pagination” with core blocks that may contain third-party blocks. (55539)
Query: Require queryId for enhanced pagination to prevent PHPPHPThe web scripting language in which WordPress is primarily architected. WordPress requires PHP 5.6.20 or higher notices. (55720)
Update label for lightbox editor UIUIUser interface. (55724)
[Block] File: Fix embedded PDF files in Safari. (55667)
Patterns
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 authors and contributors not seeing user pattern categories. (55553)
List all users in author 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.. (55723)
Don’t register dataviews postype and 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. if experiment is disabled. (55743)
Design Tools
Remove default dimensions controls from core/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.. (55596)
Interactivity API
Fix server processing of an empty data-wp-context directive. (55482)
Make duotone support compatible with enhanced pagination. (55415)
Make layout support compatible with enhanced pagination. (55416)
Global Styles
Fix duotone not showing in site editor style block level styles. (55361)
Accessibility
Block Library
Navigation block: Change aria-haspopup to dialog. (55466)
Components
Autocomplete: Fix Voiceover not announcing suggestions. (54902)
Interactivity API
Query Loop: Update modal role and focus first element. (54507)
Performance
Add useSettings hook for reading multiple settings at once. (55337)
Start logging site editor metrics in codevitals. (55759)
useAvailableAlignments: Avoid useSelect subscription when alignments array is empty. (55449)
Experiments
Data Views
TrashTrashTrash in WordPress is like the Recycle Bin on your PC or Trash in your Macintosh computer. Users with the proper permission level (administrators and editors) have the ability to delete a post, page, and/or comments. When you delete the item, it is moved to the trash folder where it will remain for 30 days. Data View: Use trash icon. (55771)
[Try] HTTPHTTPHTTP is an acronym for Hyper Text Transfer Protocol. HTTP is the underlying protocol used by the World Wide Web and this protocol defines how messages are formatted and transmitted, and what actions Web servers and browsers should take in response to various commands. based PHP signaling server for colaborative editing. (53922)
Documentation
Adds a few grammar fixes to block-registration documentation. (55663)
Block 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. schema: Add heading/button key to color definition. (55675)
Docs: 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. Block editor handbook – create-block before wp-scripts. (55534)
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. updates from Core during the 6.4 release cycle. (55703)
In many conversations, the question comes up about what the stage is on getting more extensibility features, 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., and filters into 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. editor. In 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/GitHubGitHubGitHub is a website that offers online implementation of git repositories that 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/ Repository, there are approximately 110 issues labeled with “Extensibility” and 20 with “Blocks Adoption”.
If you are interested in discussing those issue and how they can be solved, you are invited to join Tammie Lister, Fabian Kägy, myself and others to have an informal conversation on what the next steps are for each issue to move it forward.
Join us for Hallway Hangout: Issues TriagetriageThe act of evaluating and sorting bug reports, in order to decide priority, severity, and other factors. Extending Gutenberg on November 10th at 16:00 UTC The Zoom link will be shared in time in the #core-editor 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-new tag) are posted following every Gutenberg release on a biweekly basis, showcasing new features included in each release. As a reminder, here’s an overview of different ways to keep up with Gutenberg and the Site Editor project (formerly called Full Site Editing).
The latest release includes several new enhancements, loads of 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. fixes, and continued work on Phase 3 features.
After a successful implementation of renaming Group blocks in Gutenberg 16.7 and feedback that the feature should be opened up, version 16.9 lets you rename nearly every block. A bonus for this feature is that theme authors can use this to label blocks in their theme templates and patterns.
There are a few blocks that cannot be renamed:
core/block
core/template-part
core/pattern
core/navigation
Duplicate and rename patterns and more
Pattern management is getting a lot of nice feature additions. For individual patterns, you can now rename or duplicate them:
Gutenberg 16.9 also introduces two new media categories: Audio and Video. This should help better organize patterns by media type.
Other Notable Highlights
The Dimensions design tool control’s layout is much improved (55060).
The Template Part 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. now falls back to the current theme is there is no theme attribute provided (55217).
A ton of CSSCSSCascading Style Sheets. Level 4 viewport-relative units are now supported for more flexible control over various sizing options (54415).
getEntityRecords() calls now return pagination totals in the returned data (55164).
Enable Block Renaming support for (almost) all blocks. (54426)
Enhancements
Command 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 block-specific commands as contextual suggestions [#53539]. (53974)
Add type="button" to vanilla <button> elements. (55125)
ConfirmDialog: Ts 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. storybook. (54954)
GradientPicker: Remove padding and disable overflow of color picker popovers. (55265)
Migrate Composite component from reakit to ariakit. (54225)
Editor: Use 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. instead of HoCs in PostExcerpt. (55189)
Design Tools
Allow using CSS level 4 viewport-relative units. (54415)
Migrating AddCustomTemplateModalContent to use updated Composite implementation. (55256)
Private APIs
Update consent string for using private APIs. (55182)
New APIs
CoreCoreCore is the set of software required to run WordPress. The Core Development Team builds WordPress. Data: Retrieve the pagination totals in the getEntityRecords calls. (55164)
Bug Fixes
Block Library
PHPPHPThe web scripting language in which WordPress is primarily architected. WordPress requires PHP 5.6.20 or higher notice when an image with lightbox is deleted. (55370)
Cover Block: Check for previously uploaded media before setting the dimRatio. (55422)
Cover: Fix media type check in the onSelectMedia hook. (55168)
Fix Block Rename UIUIUser interface perf 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.. (55250)
Fix PHP notice when an image with lightbox is deleted in the behaviors file. (55385)
Fix: Wrong condition on cover block dimRatioToClass. (55356)
Image: Fix Lightbox display bug in Classic Themes. (54837)
Latest Posts: Add screen reader title text to Read more links and use alternative to excerpt_morefilterFilterFilters 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.. (55029)
Latest Posts: Sync updates from Core (6.4). (55181)
List View: Change the aria-description attribute to aria-describedby. (55264)
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: Reuse existing screen-reader-text CSS class for the enhanced pagination aria-live region. (55309)
Site Editor
Alternative: Fix template part area listing when a template has no edits. (55115)
Do not display ‘trashed’ navigation menus in 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.. (55072)
IframeiframeiFrame 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. / block drag chip: Fix positioning when dragging over an iframe. (55150)
ProgressBar: Use text color to ensure enough contrast against background. (55285)
Make date 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. translatable. (55445)
Patterns
Add categoryCategoryThe 'category' taxonomy lets you group posts / content together that share a common bond. Categories are pre-defined and broad ranging. selector to pattern creation modal. (55024)
HTMLHTMLHyperText Markup Language. The semantic scripting language primarily used for outputting content in web browsers. API
Fix: Directive processor failing on updated HTML API. (55404)
Widgets Editor
Only suppress adminadmin(and super admin) notices when JavaScriptJavaScriptJavaScript or JS is an object-oriented computer programming language commonly used to create interactive effects within web browsers. WordPress makes extensive use of JS for a better user experience. While PHP is executed on the server, JS executes within a user’s browser. https://www.javascript.com/. is enabled. (55403)
Add selector as id to layout style overrides. (55291)
History
Try: Only render LastRevision component if 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 is active. (55253)
Block Directory
Fix filtering for downloadable blocks in inserter. (55243)
Global Styles
Use all the settings origins for a block that consumes paths with merge. (55219)
Post Editor
Fix wrong notification message shown when an entity is moved to trashTrashTrash in WordPress is like the Recycle Bin on your PC or Trash in your Macintosh computer. Users with the proper permission level (administrators and editors) have the ability to delete a post, page, and/or comments. When you delete the item, it is moved to the trash folder where it will remain for 30 days.. (55155)
Typography
Font Library: Show error if fetching collection fails. (54919)
Colors
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. Make No color selected translatable text. (54814)
Rich Text
Paste: Only link selection if URLURLA specific web address of a website or web page on the Internet, such as a website’s URL www.wordpress.org protocol is http(s). (53000)
Patterns
Remove the version enforcement for npm in engines field. (55245)
Code Quality
Fix: Use y-webrtc room name terminology instead of docName. (55260)
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)
Global Styles
Fix flickering when focusing on global style variations. (55267)
Interactivity API
Fix Image block lightbox missing alt attribute and improve accessibility. (55010)
Components
Modal: Fix closing when contained iframe is focused. (51602)
Block Library
Cover: Add aria-label to fixed and repeated image backgrounds. (50990)
Add 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. field to the page list. (55246)
Adds a control to the views actions to switch layouts. (55311)
Add author and status filter to the page list. (55270)
Documentation
Add “Get started with create-block” doc to the Getting Started section. (55373)
Add a “Get started with wp-scripts” doc to the Getting Started section. (55372)
Add backgroundImage to the 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. documentation for appearanceTools. (55376)
Add initial documentation for the DataViews component. (55435)
Augment Block.Edit filter documentation with performance guidance. (55252)
Correct the documented type for the $w parameter of block_core_navigation_add_directives_to_submenu(). (53585)
Document kind, name, plural for entity configuration. (55158)
Document updating the consent string to unlock private APIs. (55235)
Explain how to translate Gutenberg in standalone apps using the editor packages. (55080)
Fix callouts in end-to-end test documentation. (55300)
Fix code formatting due to bug in the “Get started with wp-env” doc. (55458)
Fix the position of the callout in the “Get started with wp-scripts” doc. (55457)
Font Library: Change all references to 6.4.0 by 6.5.0 core version. (55320)
Initial documentation of entity configuration. (55103)
PHP lib docs: Update to include information about prefixes in block PHP code. (55402)
Platform docs: Add a page to explain how to render HTML from a list of blocks. (55140)
Remove @return void from PHP function docs. (55237)
Last week we had security and maintenance releases for both WordPress and 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/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: https://wordpress.org/news/2023/10/wordpress-6-3-2-maintenance-and-security-release/ and https://github.com/WordPress/gutenberg/releases/tag/v16.8.1. Please make sure they are both updated. WordPress 6.4 RC1 was released on October 17 https://wordpress.org/news/2023/10/wordpress-6-4-release-candidate-1/.
Open floor
There were two questions raised by Andrei Glingeanu.
Question 1:
Is the possibility of adding custom tabs here prohibited intentionally?
Print screen of 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. inspector 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. with a custom item added at the side of the page and block.
We never added extensibility api’s to create new tabs there. There was not an intentional decision to never do it, but there was also never a decision to do it. I guess the best bet for now is to create a custom sidebar.
Question 2:
Is there a standard way of outputting dynamic css for a custom block besides putting it inline in style="" attributes and without outputting <style> tags in the edit function of the block?
If the dynamic CSSCSSCascading Style Sheets. styles you want to add should affect just a single instance of the block I think using the style attribute may be the way to go.
If the dynamic CSS styles you want to add should affect all the instances of your custom block, I guess a good option is to use the global styles filters and 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. 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 add the styles you want for the block dynamically.
If it is dynamic but there is a limited set of different possible styles e.g.: dynamic but there are like 5 different style configurations. Probably creating classes as part of the block styles CSS and then dynamically deciding which class to add to the block seems to be the way to go.
There are two new 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/ > Experiments to explore: Live Collaboration and offline persistence (available in current version) & New admin views (coming in 16.8).
getting the code mirror inline code editing added to the custom css input box in global styles via lazy loading. If anyone has any thoughts on lazy loading a large lib like this feel free to comment on the PR
Open Floor
@colorful-tones suggested the example used for 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.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.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 be changed from the current “Like button” to something static so that developers do not end up confused as to wether they need to use interactive blocks for block hooks.
@fabiankaegy raised awareness on a current 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. affecting WordPress 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. release where in a query block only the currently selected block renders styling and other updates. The issue already has a PR but we need to make sure there is enough focus on this to get it solved before the release is shipped.
“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-new tag) are posted following every Gutenberg release on a biweekly basis, showcasing new features included in each release. As a reminder, here’s an overview of different ways to keep up with Gutenberg and the Site Editor project (formerly called Full Site Editing).
This latest release includes many enhancements, 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. fixes, some new experiments, and essential groundwork for the future Phase 3.
Cover 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.: automatically set overlay color when applying the initial background image
The Cover Block just got a bit smarter by setting an Overlay color based on the background image. The Overlay color is extracted from the image via magic (actually, code, which you can see coming into existence here (#54054).
Show template toggle when editing pages
This great new option allows you to see your Pages within the Template context where they’re meant to be displayed while you edit them. As @noisysocks puts it:
Allows users to focus on their content when desired. Moreover, it is small a step towards one day unifying the post editor and site editor.
All about decluttering: font uploads have been moved to a separate tab within the Font Library interface. The team has also worked on improving error messages and their visibility.
Other notable highlights
Footnotes now make use of coreCoreCore is the set of software required to run WordPress. The Core Development Team builds WordPress.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. revisioning capabilities when available. Gutenberg PR (#52988) and Trac Ticket (#20564).
Experiment: the first version of the pages list in the site editor (#54966). This experiment is one of many pieces of the Data Views work (#55083), crucial for Phase 3.
Add template replace flow to template inspector (#54609).
Remove base URLURLA specific web address of a website or web page on the Internet, such as a website’s URL www.wordpress.org from link control search results. (54553)
Update strings in blocks ‘RenameModal’ component. (54887)
Post Editor
Edit Post: Use 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. instead of HoCs in ‘PostStatus’ components. (54951)
Editor: Use hooks instead of HoCs in ‘PostSticky’ components. (54949)
Editor: Use hooks instead of HoCs in ‘PostSwitchToDraftButton’. (54695)
Show confirmation dialog when moving a post to the trashTrashTrash in WordPress is like the Recycle Bin on your PC or Trash in your Macintosh computer. Users with the proper permission level (administrators and editors) have the ability to delete a post, page, and/or comments. When you delete the item, it is moved to the trash folder where it will remain for 30 days.. (50219)
Site Editor
Add template replace flow to template inspector. (54609)
[Site Editor]: Update copy of using the default template in a page. (54728)
Patterns
Remove categoryCategoryThe 'category' taxonomy lets you group posts / content together that share a common bond. Categories are pre-defined and broad ranging. description in inserter panel. (54894)
Typography
Font Library: Refactor endpoint permissions. (54829)
Fallback to Twitter provider when embedding X URLs. (54876)
Fix Deleted 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. warning string. (55033)
Fix Search Block not updating in Nav block. (54823)
Fix left and right aligmnent in children of Post Template. (54997)
Fix output of Navigation block classnames in the editor. (54992)
Fix overwriting of published post meta when previewing footnote changes. (54339)
Image: Ensure Expand on Click toggle is shown if block-level lightbox setting exists. (54878)
Image: Fix layout shift when lightbox is opened and closed. (53026)
Media & Text: Fix ReactReactReact is a JavaScript library that makes it easy to reason about, construct, and maintain stateless and stateful user interfaces. https://reactjs.org/. warning. (55038)
Search block: Allow space for input field only when form expanded. (54846)
Search block: Update alignment and icon button width. (54773)
Site Editor
Avoid same key warnings in template parts area listings. (54863)
Avoid stale navigation block values when parsing entity record. (54996)
Don’t display the navigation section in template parts details when a menu is missing. (54993)
Reset ‘Show template’ toggle when leaving edit mode. (54679)
remove overflow: Hidden from the entity title in the site editor 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.. (54769)
Components
FormTokenField: Add box-sizing reset style and reset default padding. (54734)
Popover: Fix the styles for components that use emotion within popovers. (54912)
Remove hover style for secondary Button when aria-disabled is set. (54978)
Reverting addition of aria-selected style hook in Button. (54931)
SlotFill: Pass Component instance to unregisterSlot. (54765)
Block Editor
Avoid double-wrapping selectors when transforming the styles. (54981)
[Inserter]: Fix reset of registered media categories. (55012)
Typography
Font Library: Changed the OTF mime type expected value to be what PHPPHPThe web scripting language in which WordPress is primarily architected. WordPress requires PHP 5.6.20 or higher returns. (54886)
Font Library: Move font uploads to a new tab. (54655)
Image: Ensure false values are preserved in memory when defined 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.. (54639)
List View
Fix performance issue when selecting all blocks. (54900)
Colors
Format Library: Try to fix highlight popover jumping. (54736)
Interactivity 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.
Image: Fix duotone not being applied to lightbox image. (54670)
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)
Block Library
Footnotes: Add aria-label to return links. (54843)
Components
HTMLHTMLHyperText Markup Language. The semantic scripting language primarily used for outputting content in web browsers. block: Fix accessibility issues on back-end. (54408)
Modal: Accessibly hide/show outer modal when nested. (54743)
Patterns
Use list role instead of listbox in patterns list. (54884)
Post Editor
Editor: Always render the ‘Switch to Draft’ button to avoid focus loss. (54722)
Block Editor
Block Switcher: Use a different label for multi-selection. (54692)
Performance
Tests: Support the Site Editor’s legacy spinner. (54784)
WordPress 6.4BetaBetaA 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 is available for testing.
Gutenberg 16.8.0RCrelease candidateOne of the final stages in the version release cycle, this version signals the potential to be a final release to the public. Also see alpha (beta). 1 is available for testing.
Async key project updates
Read the latest updates directly from the following tracking issues:
The Font Library’s 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/. has been significantly redesigned. It’ll need testing and release to gain wider in the wild testing.
@vcanales I’m wondering if we are open to releasing 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/ 16.8.0 on Monday rather than Wednesday so that the 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. makes it to a release before Beta 3.
Note: Anyone reading this summary outside of the meeting, please drop a comment in the post summary, if you can/want to help with something.
You must be logged in to post a comment.