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.
WordPress 5.5 is around the corner and 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/ contributors have been busy fixing a number of important issues to makemakeA collection of P2 blogs at make.wordpress.org, which are the home to a number of contributor groups, including core development (make/core, formerly "wpdevel"), the UI working group (make/ui), translators (make/polyglots), the theme reviewers (make/themes), resources for plugin authors (make/plugins), and the accessibility working group (make/accessibility). sure the editor on 5.5 is as stable as possible. Gutenberg 8.7 changelog reflects that with a number of fixes including important 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) ones.
At the same time, contributors are increasing the development pace on the next big projects. Global styles are being worked heavily on with the hope of shipping it by WordPress 5.6.
This releaseReleaseA release is the distribution of the final version of an application. A software release may be either public or private and generally constitutes the initial or new generation of a new or upgraded application. A release is preceded by the distribution of alpha and then beta versions of the software. also saw a lot of improvements to the Post 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. suite that constitutes one of the important bricks for the Full Site Editing project.
8.7.0 🇹🇼
Enhancements
Make “Attempt Block Recovery” the default option of block invalidation. (24263)
Use Post Type label for Document tab in Settings 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.. (17311)
wordpress/create-block: Enable loading translations for created blocks. (24125)
Bug Fixes
Fix htmlHTMLHyperText Markup Language. The semantic scripting language primarily used for outputting content in web browsers. mode for non light blocks. (24335)
Fix List RichText backward compatibility for multiline root 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.). (24324)
Fix PHPPHPThe web scripting language in which WordPress is primarily architected. WordPress requires PHP 5.6.20 notices when a block hasn’t declared ‘supports’. (24131)
Block Breadcrumb: Fix arrow direction in RTL. (24074)
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 missing plural forms for block related strings. (24071)
Merge similar translationtranslationThe process (or result) of changing text, words, and display formatting to support another language. Also see localization, internationalization. strings in the RSS block. (24159)
Merge similar translation strings – tables. (24169)
useBlockSync: Fix race condition when onChange callback changes. (24012)
Allow enter to insert line breaks even if template is locked. (23330)
Experiments
Full Site Editing and Site editor:
Add alignment support to post content block. (24014) (24077)
Template Part: Improve title editing interactions. (23661)
Update the Post author, 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. and Comment blocks to use lightBlockWrapper. (24253)
Query blocks: Support wide alignments in the editor. (24229)
Post Comments Block: add block alignment support. (24226)
Post Excerpt block: Added icon and description to Post Excerpt block. (24203)
Post Date block: Added Post Date icon and updated block with icon and desc. (24178) (24225)
Convert blocks to function component with 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.:
Wrap LinkControlSearchInput in forwardRef. (24119)
Build Tooling
Perf Tests: Set up 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". only once for all test suites. (24123)
Revert “Build: Use .min.js suffix for bundled 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/.”. (24239)
Add a GitGitGit is a free and open source distributed version control system designed to handle everything from small to very large projects with speed and efficiency. Git is easy to learn and has a tiny footprint with lightning fast performance. Most modern plugin and theme development is being done with this version control system. https://git-scm.com/. Diff to the output of the static checks job on failure. (24154)
Various
Fix intermittent Navigation block test failure. (24146)
Performance Benchmark
The following benchmark compares performance for a particularly sizeable post (~36,000 words, ~1,000 blocks) over the last releases. Such a large post isn’t representative of the average editing experience but is adequate for spotting variations in performance.
Version
Loading Time
KeyPress Event (typing)
Gutenberg 8.7
6.97 s
26.63 ms
Gutenberg 8.6
6.84 s
27.15 ms
WordPress 5.4
9.55 s
43.81 ms
Kudos for all the contributors that helped with the release. 👏
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/ 8.6 has been released. Keeping with our July focuses, we’ve been working hard to get ready for WordPress 5.5 while continuing to ship various enhancements to continue to expand Gutenberg. In particular, this releaseReleaseA release is the distribution of the final version of an application. A software release may be either public or private and generally constitutes the initial or new generation of a new or upgraded application. A release is preceded by the distribution of alpha and then beta versions of the software. focuses on local UIUIUser interface improvements, performance improvements, and 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. As part of this work, some of these fixes have made their way to WordPress 5.5 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. 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. video position controls
The positioning of video backgrounds in the Cover block can now be adjusted. Previously, these positioning controls were available only to image backgrounds. The focal point picker and the input controls support cursor and keyboard interaction alike.
Block pattern updates: Large 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 paragraph,Large header,Text two columns,Three buttons,Two buttons,Quote. (23858) (23857) (23853) (23849) (23848) (23881)
Enhancements
Editor: Display Site Icon (if one is set) in full-screen mode. (22952)
Block Variations: Add support for finding variations using keywords. (24040)
Classic Block: Move the “convert to blocks” option from menu to own toolbar button. (23704)
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): Use composite pattern to improve keyboard navigation on the inserter. (23610)
Date: Add timezone hint to post-scheduling UI. (23400)
Panel: Improve scroll view handling when expanding. (23327) (24046)
New APIs
Support disabling coreCoreCore is the set of software required to run WordPress. The Core Development Team builds WordPress. block patterns. (24042)
MakemakeA collection of P2 blogs at make.wordpress.org, which are the home to a number of contributor groups, including core development (make/core, formerly "wpdevel"), the UI working group (make/ui), translators (make/polyglots), the theme reviewers (make/themes), resources for plugin authors (make/plugins), and the accessibility working group (make/accessibility). the line height and custom units theme support flags consistent and opt-in. (23964) (23904)
Image: Add the ability for a 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 to disable Image Editor. (23966)
Experiments
Site Editor:
Change references to section back to template part. (23765)
Post Date Block: Add style attributes and restructure the edit function. (23931)
Prevent 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/. error when using arrow navigation in URLInput. (24047)
Fix components utils export for use-update-effect. (23969)
Fix blocks dropping to incorrect position in inner block lists. (23950)
RangeControl: Adapt slider color to color scheme. (23936)
(JSJSJavaScript, a web scripting language typically executed in the browser. Often used for advanced user interfaces and behaviors.) Color Values: Rename brand to theme. Add fallback values. (24059)
Prevent content loss after refreshing an editor with unsaved auto-draft post. (23928)
Fix edited Classic block’s content deletion when switching to Code editor. (23927)
Fix block merging 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.. (23901)
Inserter: Order quick inserter items by frecency. (23900)
Inserter: Set quick inserter content width to 100% on screens below 782px. (23896)
Autocomplete: Fix closing slash inserter with ESC. (23859)
Inserter: Hide inserter’s block preview when searching. (23827)
Apply the reset mixin to the inserter panel. (23744)
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. controls: Add more space for German and other locales. (23738)
Block Library: Standardize post block placeholders. (23690)
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.: Block Library: Translate post block placeholders. (23774)
Fix issue where block inserted in wrong place when selection is in nested block list, but root appender is used. (23668)
Fix an issue where dragging while the page has no scrollbar results in a console error. (23666)
Link to theme-experiments repo in block-based theme documentation. (23748)
Code Quality
Refactor URLPopover to use ReactReactReact is a JavaScript library that makes it easy to reason about, construct, and maintain stateless and stateful user interfaces. https://reactjs.org/. Hook. (23918)
Refactor Disabled component to use React 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.. (23917)
Allow wp-env to start without configuration. (23913)
Add support for different options in each environment. (22568)
Build: Use .min.js suffix for bundled JavaScript. (23926)
Try running the performance tests as a 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/ action. (23818)
E2E: Remove duplicate blocks in setup file. (23981)
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/.: Check for WP5.5 and skip registering routes. (23880)
Image Editor: When editing, pass the edited image src. (23703)
Replace SEO settings nofollow toggle with rel text widgetWidgetA WordPress Widget is a small block that performs a specific function. You can add these widgets in sidebars also known as widget-ready areas on your web page. WordPress widgets were originally created to provide a simple and easy-to-use way of giving design and structure control of the WordPress theme to the user.. (23682)
Use global registry on the experimental navigation screen. (23675)
The following benchmark compares performance for a particularly sizeable post (~36,000 words, ~1,000 blocks) over the last releases. Such a large post isn’t representative of the average editing experience but is adequate for spotting variations in performance.
Version
Loading Time
KeyPress Event (typing)
Gutenberg 8.6
9.62 s
35.05 ms
Gutenberg 8.5
10.38 s
37.55 ms
WordPress 5.4
13.48 s
54.65 ms
Kudos for all the contributors that helped with the release. 👏
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/ 8.5 has been released. This is the last 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-partyreleaseReleaseA release is the distribution of the final version of an application. A software release may be either public or private and generally constitutes the initial or new generation of a new or upgraded application. A release is preceded by the distribution of alpha and then beta versions of the software. that is going to be included entirely (without experimental features) in WordPress 5.5.
Drag and Drop
Since its first introduction, the experience of drag and dropping blocks to reorder them has stayed almost untouched. This release includes several iterations to improve on this interaction. Drag and drop supports vertical reordering more clearly, it replaces the cloned element with a nice little drag chip and smooth the scroll-on-drag behavior.
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) improvements
One important addition in this release is the possibility to disable arrow navigation across blocks. While writing long form content, it’s very important to be able to navigate using arrow keys between blocks, this can be confusing for screen reader users. We now have an option to disable that behavior.
Easy upload for external images.
Another workflow people use while writing is to rely on external tools to write or collaborate on their posts and when ready, copy/paste these 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.
The downside is that any external images used there are hosted elsewhere and may not always persist. In this release, if an image block is using an external images, you’ll have the possibility to upload it to the media library while keeping it as is on the post with a single click.
8.5 🇸🇪
Features
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): Add an option to keep the caret inside blocks in edit mode. (23546)
Add anchor/id support to all static blocks. (23197)
Add 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. to 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/. image edit. (23539)
Avoid ordering block types per frecency inside block categories. (23643)
Polish the document 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. controls. (23578)
Cover block: Don’t show the matrix alignment button when no background set. (23196)
Spacer: Show tooltip with height value on resize. (23077)
Improve post publish buttons alignment. (22390) (23487)
MakemakeA collection of P2 blogs at make.wordpress.org, which are the home to a number of contributor groups, including core development (make/core, formerly "wpdevel"), the UI working group (make/ui), translators (make/polyglots), the theme reviewers (make/themes), resources for plugin authors (make/plugins), and the accessibility working group (make/accessibility). Preview and Save Draft buttons use the same style. (21192)
Add unlink URLURLA specific web address of a website or web page on the Internet, such as a website’s URL www.wordpress.org to buttons block. (23445)
Clean the patterns list to include in coreCoreCore is the set of software required to run WordPress. The Core Development Team builds WordPress.. (23608)
Support a flexible useItemsAPIAPIAn 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. for the autocompleters API. (22853) (23385)
Stabilize the image editing REST API endpoint. (23536)
Stabilize the block directory REST API endpoint. (23528)
Fix file names generation for edited image files. (23440)
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 when cropping imùges. (23432)
Fix small RTL 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 Buttons block. (23390)
Don’t show the “Move 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.” action if the user is not allowed to delete posts. (23174)
add inline font-sizes and colors to the editor for themes that don’t enqueue the preset classes. (22356) (22668) (23717)
Create Block: Fix missing scripts section in scaffolded package.json. (23443)
Scripts: Fix build script with style.css files. (23710)
Restore removed props and behavior back to Query Controls. (23419)
Add support for hexadecimal colors in gradient presets. (23363)
Performance
Improve the performance of the keyboard shortcuts binding. (23394)
Documentation
Add a documentation page explaining how the repository is organized. (23563)
Document the WordPress 5.5 backported code. (23478) (23708)
Add .markdownlint.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. configuration extending scripts configuration. (23655)
Add “Create a Block” tutorial Create a Block tutorial. (22831) (23654)
Extract block draggable scroll behaviour into React hook. (23444)
Refactor Dropdown to use functional component. (23142)
Refactor Embed Edit component: Class component to Function component. (22846)
Extract navigation link rendering code from the navigation block. (21075)
Block editor: Use vanilla JSJSJavaScript, a web scripting language typically executed in the browser. Often used for advanced user interfaces and behaviors. instead of Lodash if possible. (21063) (23633)
Add “engines” to the package.json and “engine-strict = true” to the package.json. (23600)
Block Directory: Remove custom permission check in favor of canUser. (23624)
Remove REST_WP_REST_Block_Types_Controller_Test which now exists in WordPress Core. (23500)
Post Author block: Fix end-to-end test fixture indentation. (23209)
Build Tooling
Add new command for pre-releasing npm packages. (23357)
Move the CI setup from Travis to 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/ actions. (23523) (23520) (23518) (23470) (23538)
Add npm cache to Github workflows and use checkout v2. (23482)
Scripts: Remove default exclude rule for node_modules for SVG, CSS and Sass files. (23495)
REST API: Sync /themes endpoint with Core’s. (23321)
Performance Benchmark
The following benchmark compares performance for a particularly sizeable post (~36,000 words, ~1,000 blocks) over the last releases. Such a large post isn’t representative of the average editing experience but is adequate for spotting variations in performance.
Version
Loading Time
KeyPress Event (typing)
Gutenberg 8.5
6.86 s
27.84 ms
Gutenberg 8.4
7.22 s
27.85 ms
WordPress 5.4
8.91 s
40.52 ms
Kudos for all the contributors that helped with the release. 👏
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/ 8.4 has been released. This is the second last 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-partyreleaseReleaseA release is the distribution of the final version of an application. A software release may be either public or private and generally constitutes the initial or new generation of a new or upgraded application. A release is preceded by the distribution of alpha and then beta versions of the software. before WordPress 5.5 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 and it’s a big one! Gutenberg 8.4 includes image editing, multi 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. controls, and we’ve enabled the Block Directory. This release also includes many fixes, countless refinements, and a tonne of iteration on the Full Site Editing and the Navigation experiments.
Image editing
Are you a photography geek who cares about things like the “rule of thirds”? Now you can makemakeA collection of P2 blogs at make.wordpress.org, which are the home to a number of contributor groups, including core development (make/core, formerly "wpdevel"), the UI working group (make/ui), translators (make/polyglots), the theme reviewers (make/themes), resources for plugin authors (make/plugins), and the accessibility working group (make/accessibility). quick crops without leaving the block editor. Just hit the Crop button in the toolbar and you can adjust the aspect ratio, zoom level, and position.
You can also rotate the image right then and there. Great for when your iPhone-using friend sends you a picture!
Multi block controls
How’s this for a little big improvement: Now, if you select multiple blocks of the same type, you can change their attributes all at once. Nice!
Enabling the Block Directory
Now you can discover, install, and insert third-party blocks into your posts from the comfort of your editor. Search for the block you want in the inserter and, if you don’t already have it, you’ll see a prompt to install it right then and there.
We call this the Block Directory, and it’s one of the big ticketticketCreated for both bug reports and feature development on the bug tracker. items in the WordPress Roadmap. It’s powered by the WordPress.org Plugin Directory and we’re super excited to see what our fabulous community of plugin developers will do with it.
We’ll be posting more info about the Block Directory—including how you can publish your own blocks to it—shortly. Watch this space!
Custom HTMLHTMLHyperText Markup Language. The semantic scripting language primarily used for outputting content in web browsers. block toolbar. (23277)
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. toolbar. (22354)
Tweak colors of disabled buttons to match rest of WP Adminadmin(and super admin). (23229)
Fix possibly outdated onChange in color palette’s color picker. (23136)
Fix updateSlot missing from defaultSlotFillContext. (23108)
Add check theme support is an array before indexing. (23104)
Add 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. to padding ‘reset’ button. (23099)
Fix group block moving animation not working correctly. (23084)
Use a light block DOM for the Media & Text block. (23062)
Popover: Ensure popovers consider border width’s in their positioning. (23035)
Fix drag and drop for blocks that don’t use __experimentalTagName for their inner blocks. (23016)
Fix am / pm i18n 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.. (22963)
Fix Typography panel rendering from style 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.. (22605)
Fix “Cannot read property ‘end’ of undefined” error on babel-plugin-makepot. (22394)
Fix “ReactReactReact is a JavaScript library that makes it easy to reason about, construct, and maintain stateless and stateful user interfaces. https://reactjs.org/. does not recognize isSelected prop in ComplementaryAreaToggle” warning. (22967)
Cover padding: Fix reset and visualize on hover. (23041)
Add plugins 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/. endpoints. (22454)
Use plugin 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. for installing & deleting block-plugins. (23219)
Use a more specific <script> matching pattern. (23407)
Use showBlockToolbar consistently in e2e tests. (23311)
Performance Benchmark
The following benchmark compares performance for a particularly sizeable post (~36,000 words, ~1,000 blocks) over the last releases. Such a large post isn’t representative of the average editing experience but is adequate for spotting variations in performance.
Version
Loading Time
KeyPess Event (typing)
Gutenberg 8.4
7.69 s
31.91 ms
Gutenberg 8.3
7.23 s
28.30 ms
WordPress 5.4
9.00 s
41.17 ms
Kudos for all the contributors that helped with the release. 👏
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/ 8.3 has been released. The team continues iterating on two big projects -Full Site Editing and Navigation Screen- while improving other areas of the editor as well.
Design Tools
This releaseReleaseA release is the distribution of the final version of an application. A software release may be either public or private and generally constitutes the initial or new generation of a new or upgraded application. A release is preceded by the distribution of alpha and then beta versions of the software. features a few additions to the design tools for the blocks.
A new padding control was added to the 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.. This is an opt-in feature that themes have to declare support for via add_theme_support('experimental-custom-spacing').
Also a new link color control was added to the paragraph, heading, group, columns, and media&text blocks. It’s opt-in as well, via add_theme_support('experimental-link-color').
As part of the Contributor Day at WCEU 2020, the editor team hosted an online session to help people get started with Gutenberg. It was recorded and you can watch at:
As a result, a good number of Pull Requests were created and are part of this release! If you missed it or you want to start contributing, take a look at the Getting Started guidelines, and grab one of the Good First Issues and/or Good First Pull Requests.
And more
In addition to the above, this release consolidates a new organization of block categories that groups blocks into text, media, design, widgets, and embeds.
The block toolbar also got an upgrade and it now comes with a parent selector to improve navigation in nested contexts:
8.3 🇪🇺
Features
New padding control to cover block. (21492, 23041)
New link color control to paragraph, heading, group, columns, and media-text blocks. (22722, 23025, 23049)
New parent block selector to child blocks. (21056)
Enhancements
Blocks:
SiteTitle: add alignment and 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.) level support. (22843)
Heading: use toolbar for heading level control. (20246)
LatestPost: add the ability to 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. by author. (16169)
Add caption split at end to all caption blocks. (22934)
Add transforms between the coreCoreCore is the set of software required to run WordPress. The Core Development Team builds WordPress. widgets that have equivalent blocks. (22644)
Interface package:
Add block areas tabbed 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. to the widgets screen. (22467)
Use isActiveByDefault prop and local storage to determine whether it is active or not. (22381)
Add a mechanism to render them on edit site. (21430)
Sidebar reacts to screen size and refactor to use interface package. (22565)
Add a heading to the block inserter tips and to the block inserter groups (22898, 22903)
Move between nesting levels with arrow keys in navigate mode. (22614)
Add icons for image tools, other, and update list icons. (22593)
Block Navigator: Use default block appender. (22590)
Adds a default text label to the block appender when it can only insert a single block type (22293)
MakemakeA collection of P2 blogs at make.wordpress.org, which are the home to a number of contributor groups, including core development (make/core, formerly "wpdevel"), the UI working group (make/ui), translators (make/polyglots), the theme reviewers (make/themes), resources for plugin authors (make/plugins), and the accessibility working group (make/accessibility). ToolbarButton 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. consistent. (22961)
Implement roving tab index on the Image block. (22696)
Block Editor: Allow control over drop cap feature with useEditorFeature helper. (22291)
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/.:
Edit Site: Avoid dirtying un-customized templates on first load. (22876)
Edit Site: Refactor business logic into store. (22844)
Global Styles: make 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. shape consistent with local styles shape. (22744) and take block supports from block.json. (22698)
Edit Site: fixes to template lookup and template parts auto-drafts (22954, 23050)
Navigation screen
Use a panel for navigation structure on small screens only. (22828)
Atomic save using customizerCustomizerTool built into WordPress core that hooks into most modern themes. You can use it to preview and modify many of your site’s appearance settings. API endpoint. (22603)
Navigation: fix submenu keyboard 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) in IE. (22546)
Buttons: 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. property value for margin-right. (22211)
Remove aria-label from 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. resizers. (22868)
LinkControl: avoid showing “Recently updated” when there are no recently updated Pages from the API. (22856)
CopyHandler: Fix unintended Copy override when copying from input or textarea elements. (22793)
Customizer complementary area should not include the block areas. (22756)
theme.json specification: document link color feature (22929) and features integration. (22622)
Block Registration: document use of innerBlocks in example property. (22633)
Initial documentation for architecture decisions. (22751)
Reusable blocks: initial improvement to documentation. (21843)
Default to ESNext syntax in MetaBoxMetaboxA post metabox is a draggable box shown on the post editing screen. Its purpose is to allow the user to select or enter information in addition to the main post content. This information should be related to the post in some way. & Block tutorials. (22748, 22973)
Block Tutorial: fixed typo in the wp_register_script function. (22755)
Update triagetriageThe act of evaluating and sorting bug reports, in order to decide priority, severity, and other factors. to include release instructions. (22335)
Update repository management with proposed guidelines. (22679)
Move BlockDropZone reactReactReact is a JavaScript library that makes it easy to reason about, construct, and maintain stateless and stateful user interfaces. https://reactjs.org/. hook and update documentation. (22619)
Update PULL_REQUEST_TEMPLATE.md to include PR documentation nudge. (22681)
Code Quality
Refactor some components to 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.:
Latest Posts Block: add key to categoryCategoryThe 'category' taxonomy lets you group posts / content together that share a common bond. Categories are pre-defined and broad ranging. select box. (22904)
Rename the navigation mode BlockBreadcrumb component to BlockSelectionButton. (22882)
Extract inserter state into reusable hooks. (22710)
Replace function expressions with named function or arrow expression. (22647)
Remove unused isDraggable prop from BlockList. (22615)
Remove form control resets and include the styles in the components. (22596)
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: add types. (22498)
Blocks: Avoid separate host matching constant for embeds. (13755)
Correct multisitemultisiteUsed to describe a WordPress installation with a network of multiple blogs, grouped by sites. This installation type has shared users tables, and creates separate database tables for each blog (wp_posts becomes wp_0_posts). See also network, blog, site support. (22613)
Update copy-dir dependency to version 1.3.0. (22682)
Create Block:
Integrate CSSCSSCascading Style Sheets. import in JSJSJavaScript, a web scripting language typically executed in the browser. Often used for advanced user interfaces and behaviors. with esnext template. (22727)
Enhancements for the upcoming npm release. (22978)
Trigger additional widgetWidgetA WordPress Widget is a small block that performs a specific function. You can add these widgets in sidebars also known as widget-ready areas on your web page. WordPress widgets were originally created to provide a simple and easy-to-use way of giving design and structure control of the WordPress theme to the user. setup actions. (22807)
Remove the multi-block type check to make __experimentalConvert more useful. (22577)
Mousetrap: Update to latest stable version. (22548)
Performance Benchmark
The following benchmark compares performance for a particularly sizeable post (~ 36 000 words, ~ 1 000 blocks) over the last releases. Such a large post isn’t representative of the average editing experience but is adequate for spotting variations in performance.
Version
Loading Time
KeyPess Event (typing)
Gutenberg 8.3
11.94s
47,75ms
Gutenberg 8.2
11.43s
47.95ms
WordPress 5.4
13.79s
39.32ms
Kudos for all the contributors that helped with the release. 👏
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/ 8.2 is released. The team continues to heavily iterate on the two big projects: Full Site Editing and the navigation screen.
The releaseReleaseA release is the distribution of the final version of an application. A software release may be either public or private and generally constitutes the initial or new generation of a new or upgraded application. A release is preceded by the distribution of alpha and then beta versions of the software. also includes a number of improvements, features, 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 to the post editor.
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. Patterns
After the introduction of the search support, the Block Patterns UIUIUser interface and APIs continue to improve with the introduction of the block pattern categories. In addition to that, a viewportWidth property has been made available to allow tweaking the width used on the block patterns preview. This is especially useful for large block patterns.
Cover Block content alignment
The Cover block saw the introduction of the new content alignment feature which opens up more design possibilities.
Editing flow
The editing flow is a constant priority for the project, and Gutenberg 8.2 introduces several enhancements to improve the writing experience. Copying, cutting, and pasting single blocks is now much easier. You can also split out of captions and button blocks using “Enter” to continue your writing.
8.2 🇮🇹
Features
Cover block: Support customizing the content alignment. (21091) (22322)
Refine the specificity of the embed block styles. (21599)
Change inserter search placeholder text color. (22444)
Improve interactions and add unit parsing to the unit selector used in Cover block. (22329)
Use smaller spacer and cover block step values. (22320)
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): Add explanatory text before the a11y.speak aria-live regions. (22112)
ReactReactReact is a JavaScript library that makes it easy to reason about, construct, and maintain stateless and stateful user interfaces. https://reactjs.org/.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.:
Add new React hook UseCopyOnClick as an alternative to the ClipboardButton component. (22224)
Add usePrevious hook to wordpress/compose package. (22540) (22597)
Add CSSCSSCascading Style Sheets. support to start and build scripts. (21730)
Support enabling/disabling dev tools, bundle analyzer and externals for build and start scripts. (22310) (22426)
Support preloading 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. requests using the fetchAllMiddleware middleware. (22510)
Add Close button 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.. (22323)
Block API: Allow block registration without categoryCategoryThe 'category' taxonomy lets you group posts / content together that share a common bond. Categories are pre-defined and broad ranging.. (22280)
Support customizing the viewportWidth for block patterns. (22216)
Bug Fixes
Fix theme CSS bleed in the Button component. (22460) (22522)
Fix CSS validation error on Button block styles. (22583)
Fix editor crash potentially happening when hovering style variations. (22490)
wordpress/env: Start database service before running tasks. (22486)
Fix navigation screen crash with no menu items. (22342)
Adds save and failure notices to the navigation screen. (22326)
Display the block appender only for the currently active menu. (22311)
Allow editing of new menu items from the block inspector. (22210)
Submenu nesting and saving new nested items. (21671)
Block-based Widgets screen and CustomizerCustomizerTool built into WordPress core that hooks into most modern themes. You can use it to preview and modify many of your site’s appearance settings. tab:
Use interface package on widgets screen 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.. (22304)
Use single block editor in the widgets screen. (22140) (22459)
Add legacy widgetWidgetA WordPress Widget is a small block that performs a specific function. You can add these widgets in sidebars also known as widget-ready areas on your web page. WordPress widgets were originally created to provide a simple and easy-to-use way of giving design and structure control of the WordPress theme to the user. to calendar transform. (14586)
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.:
Move supports to block.json files for coreCoreCore is the set of software required to run WordPress. The Core Development Team builds WordPress. blocks. (22422)
Create Block: Simplify the process of defining a config for templates. (22235)
Add BlockContext component to type-checking. (22353)
Build Tooling
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 dependency group checking for CommonJS. (22230)
Restore Playground 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/ Pages deployDeployLaunching code from a local development environment to the production web server, so that it's available to visitors.. (22443)
Fix API Docs generation for filenames with spaces. (22513)
Fix check-latest-npm.js failure on Windows. (22485)
Refactor the changelog script as a release tool command. (22380)
Enable import/no-unresolved ESLint rule for Gutenberg. (20905)
Refactor the release tool and split it into several command files. (22003)
Replace wp-scripts env usage with wp-env in CI. (20280)
Various
Update: ResizableBox makemakeA collection of P2 blogs at make.wordpress.org, which are the home to a number of contributor groups, including core development (make/core, formerly "wpdevel"), the UI working group (make/ui), translators (make/polyglots), the theme reviewers (make/themes), resources for plugin authors (make/plugins), and the accessibility working group (make/accessibility). showHandle true by default. (22360)
Fix dirty state end-to-end test intermittent failuire. (22532)
Framework: Pin nvmrc to specific current LTS. (22236)
Performance Benchmark
The following benchmark compares performance for a particularly sizeable post (~ 36000 words, ~ 1000 blocks) over the last releases. Such a large post isn’t representative of the average editing experience but is adequate for spotting variations in performance.
Version
Loading Time
KeyPress event (typing)
Gutenberg 8.2.0
7.4s
29.7ms
Gutenberg 8.1.0
8.6s
29.7ms
WordPress 5.4
9.2s
26.8ms
Kudos for all the contributors that helped with the release. 👏
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/ 8.1 releaseReleaseA release is the distribution of the final version of an application. A software release may be either public or private and generally constitutes the initial or new generation of a new or upgraded application. A release is preceded by the distribution of alpha and then beta versions of the software. mostly contains developments/enhancements on experimental screens, 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 performance improvements. It also contains some new features available on the general editor screens, described bellow.
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. pattern features
Gutenberg 8.1 brings pattern search to makemakeA collection of P2 blogs at make.wordpress.org, which are the home to a number of contributor groups, including core development (make/core, formerly "wpdevel"), the UI working group (make/ui), translators (make/polyglots), the theme reviewers (make/themes), resources for plugin authors (make/plugins), and the accessibility working group (make/accessibility). it easier to insert the desired patterns and a new pattern: the testimonials.
Copy block action
The copy block action is a small quality of life improvement for touchscreen users or users who don’t use keyboard shortcuts. Gutenberg 8.1 adds a button to the collapsed block actions (next to duplicate, etc.) to copy the selected block(s). The feature is quite similar to the “Copy all blocks” but then for the selected block.
Code to HTMLHTMLHyperText Markup Language. The semantic scripting language primarily used for outputting content in web browsers. block and the opposite. (21779)
Implement Block Navigator selection on the Nav Menus page. (22017)
Write block patterns in PHPPHPThe web scripting language in which WordPress is primarily architected. WordPress requires PHP 5.6.20 to allow 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.. (21946)
Delete menus in nav menus experimental screen. (21486)
Visual and experience improvements to existing sub-navigation flow. (22107)
Reduce font-size and line-height of “it’s time”. (21627)
Template Loader: Introduce get_template_hierarchy(), drop gutenberg_template_include_filter(). (21980)
Make parts of the BlockNavigationList overridable using slots. (21948)
Change the color alpha input step to match the slider step. (21953)
Navigation: fallback for undefined orientation. (22057)
Remove the subscription button from the blogblog(versus network, site) template. (22129)
Move the Entities Saved States from Modal to 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.. (21522)
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. Changes
Update the Patterns API to avoid ambiguity. (21970)
Expose the registered pattern slugs in get_all_registered. (21619)
Fix doc-building pre-commit API hook issue. (22116)
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/.: Block directory – Typecast author_block_count as integer. (17594)
Block API: Block Context: 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. content, prepare attributes at render, pass a block to render. (21925)
Experimental
Add undo-redo UIUIUser interface to edit-site and edit-widgets. (21955)
Update: Use EntityProvider on the widgetWidgetA WordPress Widget is a small block that performs a specific function. You can add these widgets in sidebars also known as widget-ready areas on your web page. WordPress widgets were originally created to provide a simple and easy-to-use way of giving design and structure control of the WordPress theme to the user. area. (22008)
Reduce re-renders from block nodes context. (22134)
Move memo() from BlockStyles to BlockPreview. (21993)
Avoid rerenders of the entire BlockInspector when block attributes change. (21990)
Optimize BlockStyles by using 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 React.memo (instead of HOCs). (21973)
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: Relax check for i18n-text-domain rule. (21928)
Block Library: Fix ReactReactReact is a JavaScript library that makes it easy to reason about, construct, and maintain stateless and stateful user interfaces. https://reactjs.org/. does not recognize isSelected prop in Spacer block. (21924)
Reinitialize the 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. after the parent block is moved around. (21916)
Configure the navigation editor with correct __experimentalFetchLinkSuggestions. (21873)
Create the proper shortcodeShortcodeA shortcode is a placeholder used within a WordPress post, page, or widget to insert a form or function generated by a plugin in a specific location on your site. on paste. (21864)
Refactor FontSizePicker component. Fix bug on undo. (21757)
Embed: use the same SmugMug URLURLA specific web address of a website or web page on the Internet, such as a website’s URL www.wordpress.org regex as the coreCoreCore is the set of software required to run WordPress. The Core Development Team builds WordPress.. (21744)
Navigation block: use new icon in placeholder. (21713)
Build Tools: Validate package-lock.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. for “resolved” errors. (22237)
Build Tools: Disable ESLint no-console for bin directory. (22033)
Build Tools: Changelog: Normalize entry to end with period. (22010)
Update diff to 4.0.2 and work around tree-shaking issues. (21994)
Increase the severityseverityThe seriousness of the ticket in the eyes of the reporter. Generally, severity is a judgment of how bad a bug is, while priority is its relationship to other bugs. of jsdoc/no-undefined-types. . (21942)
Add an example for how to choose a style variation for a block variation. (21927)
Add documentation for onSelectURL property. (20799)
Document the old patterns API deprecation. (22177)
Coding Guidelines:
Document 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/. language support commitment. (22030)
Add “gotchas” section about ES2020 optional chaining. (22029)
Merge 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". back to master for v1.27.1. (22234)
Wrap button blocks with buttons blocks in page templates. (21939)
Components: Create a separate .native entry for ToolbarItem. (22229)
Performance Benchmark
The following benchmark compares performance for a particularly sizeable post (~ 36000 words, ~ 1000 blocks) over the last releases. Such a large post isn’t representative of the average editing experience but is adequate for spotting variations in performance.
In this releaseReleaseA release is the distribution of the final version of an application. A software release may be either public or private and generally constitutes the initial or new generation of a new or upgraded application. A release is preceded by the distribution of alpha and then beta versions of the software. 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/ 8.0, there is a continued effort to refine the experience around 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. patterns feature. Additional formatting options for subscript and superscript text have been added, and the code editor has been improved to be more like how one would expect a code editor to look and feel.
Patterns Inserter
To allow a user to browse and insert block patterns, a new tab-panel interface has been added to the Block Inserter. In order to afford additional space for browsing patterns, the top-level inserter has been redesigned to appear as a panel that appears adjacent to the block list when toggled.
Inline Formatting
Previously, the availability of formatting options was constrained by the limited space available in a block toolbar. The inclusion of a collapsible dropdown list of formatting options opens the possibility to add a variety of new formatting options for more niche use-cases. This release adds two new formatting options: subscript and superscript.
Code Editor
This release improves the code editor by embracing what it is: a code editor. The Code Editor now uses a monospace font for the title, and the editor resizes to the viewport.
8.0 🇧🇬
Features
Add subscript and superscript formatting options. (21819)
Move the Block Patterns UIUIUser interface to the inserter. (20951)
Improve layout and usability of code editor. (21643)
Import from individual reactReactReact is a JavaScript library that makes it easy to reason about, construct, and maintain stateless and stateful user interfaces. https://reactjs.org/.-dates component. (21914)
A new Block Context API has been partially implemented, currently limited to block settings and editor APIs. PHPPHPThe web scripting language in which WordPress is primarily architected. WordPress requires PHP 5.6.20 APIs will be implemented in the next 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. (21467, 21868, 21921)
Add new “G2”-styled icons to the Icons package. (21209)
Bug Fixes
Change wp_make_content_images_responsive to wp_filter_content_tags to resolve warnings in WordPress 5.5-alpha. (21514)
Collapse selection to end after link insertion. (17126)
Fix selected categoryCategoryThe 'category' taxonomy lets you group posts / content together that share a common bond. Categories are pre-defined and broad ranging. on existing Latest Posts blocks. (21359)
Fix overlapping column contents for embeds. (21570)
Fix focus styling for date picker calendar days. (21600)
Fix gradient picker double-click 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.. (21732)
MakemakeA collection of P2 blogs at make.wordpress.org, which are the home to a number of contributor groups, including core development (make/core, formerly "wpdevel"), the UI working group (make/ui), translators (make/polyglots), the theme reviewers (make/themes), resources for plugin authors (make/plugins), and the accessibility working group (make/accessibility).useMediaQuery return the correct value on the first render. (21682)
Fix URLURLA specific web address of a website or web page on the Internet, such as a website’s URL www.wordpress.org display for scheduled posts. (21410)
Test keycode modifiers for keyboard event as exclusive set. (20733)
Fix focus loss for Guide “Finish” button in Internet Explorer. (20599)
Replace incorrect Snackbar label attribute with aria-label. (20540)
Experiments
Add experimental useEditorFeature hook to simplify access to editor features. (21646)
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. page:
Try a fixed toolbar in the navigation page. (21340)
Fix mobile layout for navigation menu page. (21638)
Delete empty spaces in menu 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/. endpoint strings. (21453)
Edit site:
Add current theme to template switcher. (21578, 21768)
Declare attributes for Template Part block in block.json. (21796)
Update end-to-end test for multi-entity saving in site editor. (21363)
Improve template parts resolution and saving behavior. (21766)
Support REST API 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. queries. (21851)
Add extra validation when loading template parts. (21636)
Block directory:
Add InserterPanel around block directory results. (21748)
Add deprecation notice to useApiFetch hook. (21723)
Code Quality
Remove nested breakpoint in fullscreen mode CSSCSSCascading Style Sheets.. (21496)
Update npm-package-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.-lint from 4.0.3 to 5.0.0. (21597)
Fix license check script to ignore sub-dependencies of ignored packages. (21606)
Package TypeScript types improvements:
Mark addQueryArgs arguments parameter as optional. (21926)
Relax 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. sprintf arguments type. (21919)
Move camelCaseDash to the package where it is consumed. (21736)
Improve URLPopover code from review comments. (21621)
Documentation
Remove duplicate sentence in glossary documentation. (21565)
Update wp-env docs to reflect current functionality of package. (21809)
Extract Block Transforms into its own handbook page. (21734)
Update the index of Block 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 reflect current contents. (21726)
Fix the JSDoc return type for getEntityRecords. (21630)
Update triagetriageThe act of evaluating and sorting bug reports, in order to decide priority, severity, and other factors. links to new document. (21629)
Update Getting Started instructions for remote server. (21625)
Update the “patterns” to reflect “user interface” instead. (21562)
Create document for contributing with triage. (21350)
Update triage.md to add more clarity and relevant links. (21802)
Project Management
Update bug report template to help identify the editor version. (21564)
Various
End-to-end tests:
Add test for template part block creation and insertion. (21849)
Add test that template part block customizations are loaded from slug and theme attributes. (21852)
Fix tests by removing unnecessary assertions and properly install dependencies in @wordpress/api-fetch. (21780)
Add end-to-end test for pinned 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. items. (21652)
Add test which verifies reusable block after refresh. (20605)
Update cleanForSlug() to remove additional non-word characters. (21007)
@wordpress/scripts:
Support debugging with test-unit-js. (21631, 21861)
Install Chromium on demand together with test-e2e script. (20215)
@wordpress/create-block block scaffold tool:
Make it easier to provide most popular CLICLICommand Line Interface. Terminal (Bash) in Mac, Command Prompt in Windows, or WP-CLI for WordPress. options. (21751)
Split 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/. source files into parts for ESNext template. (21750)
@wordpress/env development environment:
Expose port 3306 of MySQLMySQLMySQL is a relational database management system. A database is a structured collection of data where content, configuration and other options are stored. https://www.mysql.com/. container. (21545)
@wordpress/eslint-plugin:
Add the recommended Prettier config to enforce WP coding styles. (21602)
Fix no-unused-vars-before-return JSX identifier reference. (21358)
Navigation block:
Revert changes to data fetching mechanics. (21721)
Bundle the block autocompleter in the block-editor package. (21534)
Install Composer dependencies as pre-lint step. (21537)
Configure Webpack to watch only build files. (21489)
Exit with non-zero status on docgen failed parse. (21690)
Performance Benchmark
The following benchmark compares performance for a particularly sizeable post (~36000 words, ~1000 blocks) over the last releases. Such a large post isn’t representative of the average editing experience but is adequate for spotting variations in performance.
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. Design Tools
This releaseReleaseA release is the distribution of the final version of an application. A software release may be either public or private and generally constitutes the initial or new generation of a new or upgraded application. A release is preceded by the distribution of alpha and then beta versions of the software. features a few additions to the design tools for the blocks, including height unit control for the Cover block, line-height control for the Paragraph and Heading blocks, and background gradient support for Group, Columns, and Media & Text blocks.
Patterns
Work on patterns has continued and 7.9 comes with three new ones:
Hero Two Columns
Numbered features
It’s time
Block markup
The work to lighten the DOM in the editor and makemakeA collection of P2 blogs at make.wordpress.org, which are the home to a number of contributor groups, including core development (make/core, formerly "wpdevel"), the UI working group (make/ui), translators (make/polyglots), the theme reviewers (make/themes), resources for plugin authors (make/plugins), and the accessibility working group (make/accessibility). it as close as possible to the front-end has been advancing as well.
The 7.9 version also comes with a simplified and more semantic button block, although the pre-existing classes have been left untouched to minimize breakage.
We try hard to avoid block markup changes and we reckon that the button block changes may require some themes to adapt some of their style selectors. We hope that the improved markup will serve us better going forward.
7.9 🇧🇪
Features
Add gradients support to Group, Columns and Media & Text blocks. 21375
Add line height support to the Paragraph block. 20775
Add a new keyboard shortcut to toggle Fullscreen Mode. 21436
Insert post title instead of URLURLA specific web address of a website or web page on the Internet, such as a website’s URL www.wordpress.org, when adding a link to an existing post 21240
Style tweaks to the patterns library 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.. 21263
RangeControl: Fix zero value handling with number input. 21187
Fix reusable block horizontal padding 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.. 21312
Prevent the Cover block from overriding the children blocks colors 21254
Fix overly verbose aria-label in Social Link block 21369
Fix container block appenders and sibling inserters. 211492114221143
New APIs
wordpress/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.: Add create-i18n function. 21182
wordpress/icons: Add new icons: tablet, mobile, desktop, font, share… 2126121278
Support changing the Group block’s DOM element. 20218
Block 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 new utility to register block types from metadata in PHPPHPThe web scripting language in which WordPress is primarily architected. WordPress requires PHP 5.6.2020794
Add radio option to the ButtonGroup component. 20805
Experiments
Full site editing and Site Editor screen:
Use the default post comments template for the Post Comments block. 21012
WP-env: Add reference to docker log command to show error logs in terminal. 21308
Docs: Add section in block RFC about register_block_type_from_metadata. 21501
Update serverSideRender docs to include how to use from the wp global. 18722
Prescribe latest NPM for development environment. 21017
Update Documentation on how to update post 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. values from a block. 21155
Document getAnchorRect prop for Popover component. 17709
wordpress/autop, wordpress/escape-htmlHTMLHyperText Markup Language. The semantic scripting language primarily used for outputting content in web browsers. and wordpress/html-entities 20669
Move default styles to editor normalisation stylesheet. 19837
Replace lodash.assign with vanilla JSJSJavaScript, a web scripting language typically executed in the browser. Often used for advanced user interfaces and behaviors.. 21054
Remove the old block preview implementation. 21096
Polish 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) package. 21148
Avoid string concatenation for the Latest Post block read more link. 21170
Various
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: Bump tested up to info to WP 5.4 21400
Use waitForSelector to wait for sidebar presence 21180
Unit Tests:
Fix wordpress/env testPortNumberValidation 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.. 21394
Introduce 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 to some existing unit tests. 20428
Project Management: Prompt user to link 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/ account to WordPress.orgWordPress.orgThe community site where WordPress code is created and shared by the users. This is where you can download the source code for WordPress core, plugins and themes as well as the central location for community conversations and organization. https://wordpress.org/ profile 2122121384
wordpress/env: Bind "coreCoreCore is the set of software required to run WordPress. The Core Development Team builds WordPress." files to tests environment 21195
ESLint Plugin: Continue considering unused variables after encountering exception 21354
Increase severityseverityThe seriousness of the ticket in the eyes of the reporter. Generally, severity is a judgment of how bad a bug is, while priority is its relationship to other bugs. of JSDoc linting to error. 20427
Automated Testing: composer non-interactive flag for Travis. 21118
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/. error message: Remove unnecessary space. 21178
SlotFill: Guard property access to possibly-undefined slot. 21205
The following benchmark compares performance for a particularly sizeable post (~36000 words, ~1000 blocks) over the last releases. Such a large post isn’t representative of the average editing experience but is adequate for spotting variations in performance.
Version
Loading Time
KeyPress event (typing)
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/ 7.9
