Gutenberg 21.0 is officially released: update highlights at a glance!

June 11, 2025Gutenberg (name)The editor has been updated to version 21.0. The update focuses on editor structure control, settings interface unification, accessibility enhancement, bug fixes, and documentation and code quality optimization. Here's a complete breakdown of the highlights of the update.

Buttons and separators block new HTML element switching function

buttonsThe block adds an HTML element selector to the advanced settings to support the <a> respond in singing Switching between them facilitates more flexible semantic structuring and improves screen reader compatibility.

The separator block also provides <hr> together with <div> Two element toggle options for easy building of custom styled separation effects.

II. Large-scale ToolsPanel interface refactoring: unifying the block setup experience

In order to unify the setup panel structure, the property configuration interface of several blocks was completely revamped to use the ToolsPanel interface in a unified way. The blocks involved this time include:

• Comment block: comment date, comment author name, comment edit link, comment title, comment pagination
• Common blocks: buttons, embeds, files, lists, article titles,RSSLatest Posts, Forms and Input Fields
• navigatorRelated: main navigation block, navigation links and submenu links

The interface of setting items is more regular, the parameters are more centralized, and the efficiency of searching and operation is obviously improved.

III. Keyboard interaction and focus control are fully improved

Multiple blocks and control components receive accessibility support:

• Button block fix for focus disappearing after unlinking
• Columns block makes adjustments to the logic of using controls in the Settings panel
• particularsBlocks improve the responsiveness of keyboard operations and make nested blocks easier to select in the list view
• Toolbar button color scheme adjustments to improve contrast performance in dark mode

IV. Enhancement and Repair of Commonly Used Block and Component Functions

Multiple blocks received structural and style control enhancements, and common problems were addressed:

• Button blocks no longer appear as blank control slots
• Gallery image caption hierarchy click-through issue fixed
• Pullquote blocks now support overriding referenced styles via theme style files
• Social links support localized translations of service names, size settings adjusted to a more appropriate control area

Other enhancements include:

• short codeBlock support adds role attributes to enhance semantic structure
• Video block support to set default subtitle track
• Navigation links and submenu controls hide some of the UI controls but retain underlying property support
• Unified settings panel presentation for form and input field blocks

V. Component Logic and Internal API Optimization

• ComboBox controls support Unicode matching logic for more stable performance when entering multilingual content.
• Drag-and-drop components support overriding default icons for greater customizability
• Image Focus Selector fixes an issue where SVG images with unspecified widths were not displayed correctly
• Form Token fields no longer lag when dealing with long string filtering
• Default value logic for vertical alignment control in Flex Layout fixed

interactive API In the module, the parameters of some functions have been made optional to improve flexibility. At the same time, the experimental module "Full Page Client Navigation" has been removed to keep the core functionality more lightweight.

VI. Documentation and Development Experience Enhancement

Systematic optimization for developer documentation and configuration files:

• All images complement the ALT attribute
• Fix missing return type descriptions in function documentation.
• Clearance and harmonization JSON Schema's reference address field
• Updating terminology expressions and replacing obsolete field descriptions
• Multiple tutorial files using updated code syntax formatting

The documentation for useDropZone and other hooks is also written in a new version of the function writing style, which is more in line with the current project standards of the Gutenberg editor.

VII. Test Coverage Extension and Code Neatness Optimization

This release includes several end-to-end and unit test coverage enhancements:

• E2E testing with the addition of FocalPointPicker functionality
• Comprehensive test for adding template locking functionality
• Fix the test case coverage logic for the block APIs
• adapt PHP Test configurations to adapt test ports to different environmental settings

In terms of code, unnecessary forced focus logic in the InputControl control has been removed, and legacy code in the SuggestionsList that was not called has been cleaned up. Meanwhile, unique key value is added to the subtitle track item in the video block to avoid list rendering exception.

summarize

Gutenberg Editor version 21.0 is an update with breadth and depth, covering multiple dimensions such as semantic control, interface structure, interaction logic, documentation standards, development interfaces, testing frameworks and so on. For content creators, designers, theme developers and plugin developers, this release will bring more consistent setup paths, smoother operation feedback and more reasonable code interface structure.

For more details, go toWordPress CommunityCheck for understanding.

Contact Us
Can't read the tutorial? Contact us for a free answer! Free help for personal, small business sites!	Customer Service
① Tel: 020-2206-9892
② QQ咨询：1025174874
(iii) E-mail: info@361sale.com
④ Working hours: Monday to Friday, 9:30-18:30, holidays off

© Reprint statement

This article was written by lmx

Link to this article:https://www.361sale.com/en/60433
The article is copyrighted and must be reproduced with attribution.