Gutenberg v21.1.0 Update: Enhancements, Fixes & Developer Improvements

WordPress Gutenberg The editor has received another major update! In the latest release of the v21.1.0 version The team brought a number of useful improvements to the block library, Interactivity API, performance and accessibility. From a new ToolsPanel unified settings experience, to Interactivity API routing and type enhancements, to multiple core block details optimized, this update makes content creation and development customization more efficient. Here's what's new Gutenberg v21.1.0 's key updates to help you get a first-hand look at how these changes can improve your site's performance.

I. Enhancements to the Block Library and Interactive APIs

1.1 Improved functionality of the block library

• Author Block
  Refactoring the settings panel to use the tools panel makes the configuration interface more simple and intuitive.

• Comments Pagination Block (Comments Pagination Block)

Unnecessary outer margins at the bottom of the links have been removed to make the layout spacing neater and more uniform.

• Navigation Block
  When a sub-menu is expanded, the indicator icon is automatically flipped or rotated to enhance the visual cue.
• navigation linkblocs(Navigation Link Block)
  additional dropdownMenuProps together with resetAll Features that extend customization and development flexibility.

• Article Navigation Link Block (Post Navigation Link Block)
  Refactor the Settings panel to use ToolsPanel.

1.2 Interactivity API Enhancements

This update brings several important features to the Interactivity API:

• iAPI Router
  1. additional attachTo Supported, allowing additional behavior for new routing areas.
  2. Support for loading new style and script modules in client-side navigation.
• derive NavigateOptions together with PrefetchOptions Type.

II. Scalability and Social Block Updates

Social Links Block Block Variations cancustomizablecontent to enhance the design freedom of the content.

Bug fixes to improve stability

This update fixes a number of core and block library issues, including:

• Core data getHomePage: Enhance data stability by avoiding returning objects before parsing.
• Calendar Block: Fixed an issue where colors could not be switched between global styles and theme.json.
• FormFileUpload: Extends iOS-compatible audio MIME types.
• Image Block: Fix accessibility alerts for expired native components;resetAll The image resolution can now be restored to its default value.

Interactivity API Bug Fixes

• Fix image lightbox in full client navigation logic.
• Fix dynamic import issue on newly visited pages.
• Fix bugs caught in the withScope generator and duplicate parsing of nested regions.

IV. Global Style and Performance Optimization

• Global StylesFix an issue where global styling of form blocks was affecting all form elements.

• performance optimization: Avatar blocks optimize user-controlled queries to improve loading speed.

V. Developers and Documentation Improvements

5.1 TypeScript Refactoring

Multiple packages were migrated to TypeScript, including:

• HtmlEntities Package
• Deprecated Package

5.2 Documentation Updates

• Fix link error on Developer.WordPress.org.
• update Create Block custom namespace documentation.
• increase isPostSavingLocked Example.

VI. Code quality and accessibility

• Multiple code refactorings, such as putting URLInputButton Rewritten as a functional React component.
• enhanced PostAuthorCombobox The callbacks are simplified.
• Templates API adds back button and fixes focus loss in template creation flow.
• Improved the accuracy of Interactivity and Router annotations.

VII. Summary

Gutenberg v21.1.0 It brings a unified experience for the block settings panel, core upgrades to the interaction API, and further improves performance, accessibility and developer convenience. For content creators, this means a smoother editing experience; for developers, this provides a stronger foundation for custom development and plugin extensions. For more information, go toGutenbergnewestinformationThe

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: [email protected]
④ Working hours: Monday to Friday, 9:30-18:30, holidays off