What’s new in Gutenberg 18.7? (03 July)

“What’s new in GutenbergGutenberg The Gutenberg project is the new Editor Interface for WordPress. The editor improves the process and experience of creating new content, making writing rich content much simpler. It uses ‘blocks’ to add richness rather than shortcodes, custom HTML etc. https://wordpress.org/gutenberg/…” posts (labeled with the #gutenberg-new tag) are posted following every Gutenberg release on a biweekly basis, showcasing new features included in each release. As a reminder, here’s an overview of different ways to keep up with Gutenberg and the Editor.

Gutenberg 18.7 has been released and is available for download!

A total of 115 PRs were merged in Gutenberg 18.7, with 7 first-time contributors! With WordPress 6.6 rapidly approaching, many contributors are focusing on bugbug A 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. However, this release still includes some great features and enhancements, including the manual mode for the grid interactivity experiment!

  1. Drag and drop grid items in manual mode
  2. Content panel for template parts
  3. Other Notable Highlights
  4. Changelog

Drag and drop grid items in manual mode

In order to allow more precise manipulation of the grid, all grid items are now fixed in place when using manual mode. Grid items can then be moved around with drag and drop, with the blockBlock Block 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. movers (in any direction), or by changing the values of column and row in the Dimensions sidebarSidebar A 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.. This new feature is a part of Grid interactivity and is available behind an experimental flag. (#61025)

Content panel for template parts

Template parts now show the content panel in the editor settings. (#62034)

Other Notable Highlights

Text orientation controls have been added to more blocks (site-title, site-tagline, verse, and button block.) (#62727)

The sticky toggle for posts can be found in its new home, the “Status and visibility” popover. (#62782)

The document bar is now displayed when viewing the Style book and Style revisionsRevisions The WordPress revisions system stores a record of each saved draft or published update. The revision system allows you to see what changes were made in each revision by dragging a slider (or using the Next/Previous buttons). The display indicates what has changed in each revision. (#62669)

Changelog

Enhancements

  • Add: Content panel for template parts. (62034)
  • Move Sticky toggle to status popover. (62782)
  • Rename yieldToMain to splitTask and export from wordpress/interactivity. (62665)
  • Update: Check assignable properties on the duplicate action. (62590)
  • Update: Followups to the template and template_lock rest apiREST API The 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/. addition. (62696)
  • Update: Reverse backportbackport A port is when code from one branch (or trunk) is merged into another branch or trunk. Some changes in WordPress point releases are the result of backporting code from trunk to the release branch. changes on post type REST API changes. (62751)
  • Align naming modals. (62788)
  • Add writing mode support to other blocks. (62727)
  • Display the DocumentBar for Style Book and Style Revisions. (62669)
  • fetchLinkSuggestions: Allow for partial matching. (62570)
  • DataViews: Support passing the registry to actions callbacks. (62505)
  • Add tooltip on hover of color and typography presets. (62201)
  • Revert change that removes the social link block when pressing backspace in the URLURL A specific web address of a website or web page on the Internet, such as a website’s URL www.wordpress.org Popover. (61344)

Bug Fixes

  • Add context in post actions APIAPI An 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.. (62443)
  • Add html to reset styles for the .editor-styles-wrapper container. (62350)
  • Cherry pick script: Make authenticated requests. (62473)
  • Editor: Fix blocked Post Publish Panel buttons on mobile. (62736)
  • Fix cherry-pick script, add missing –repo arg. (62643)
  • Fix rawHandling, pasteHandling for mixed content with blocks and classic. (62545)
  • Fix: Active template is not highlighted properly in list view. (62811)
  • Fix: Check Capability to create pages on DataViews add new page button. (62592)
  • Fix: Check ability to create patterns on the add new pattern modal. (62633)
  • Fix: Check create capability on duplicate post action. (62620)
  • Fix: Check permissions on duplicate pattern and template part actions. (62757)
  • Fix: Comments and Pingbacks get cleared out when a pattern is edited. (62507)
  • Fix: DataViews: Active page is not highlighted properly in list view. (62378)
  • Fix: Include permission management on permanently delete, rename, and restore. (62754)
  • Fix: List view renders an empty menu when no actions are eligible. (62786)
  • Fix: Post_type template is not used when creating a page in site editor. (62488)
  • Fix: Resetting template part causes notification saying it’s been delete. (62521)
  • Fix: The trashTrash Trash 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. post action doesn’t take into account user capabilities. (62589)
  • Inspector: Improve handling of long words in post titles. (62691)
  • Revert “Revert test data for WithSlug variation (#62579)”. (62587)
  • Show publish panel only in edit mode. (62813)
  • Site Editor: Improve the frame animation. (62676)
  • DataViews: Remove selection correcting, set initial state. (62796)
  • Pattern overrides: Disallow override for image with caption/href. (62747)
  • Editor: Make VisualEditor a stacking context. (62681)
  • Fix toggle active font logic. (62614)
  • Save Panel: Remove connections icon and fix padding. (62542)
  • Editor: Render editPost slots only in the post editor (same for site editor). (62531)
  • Fix: Don’t allow synced patterns to be inserted on shuffling. (62422)
  • Fix ExcerptPanel decode issue. (62336)

Block Library

  • Add letter spacing inheritance for the navigation block. (62745)
  • Caption utility component: Allow the main CSSCSS Cascading Style Sheets. Class Name to be excluded from the markup. (62485)
  • Fix: Empty style attribute issue in navigation block. (62600)
  • Image Block: Fix Aspect Ratio button position. (62776)
  • Media & text: Update the image replacement logic. (62030)
  • Post Date Block: Fix PHPPHP The web scripting language in which WordPress is primarily architected. WordPress requires PHP 7.4 or higher warning error. (62783)
  • Template Part: Improve how the tagtag A 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.) name attribute is handled. (62785)
  • fix: Update block categoryCategory The 'category' taxonomy lets you group posts / content together that share a common bond. Categories are pre-defined and broad ranging. to design and build documentation. (61905)

Global Styles

  • Allow children of alignfull flow layouts to have root padding. (62670)
  • Prevent duplicate block style variations CSS. (62465)
  • Remove obsolete hook resolving shared block style variations. (62808)
  • Section Styles: Switch away from using init for variation registration. (62640)
  • Skip registration of variation styles when unsupported. (62529)
  • Styles: Lower specificity of figcaption style to allow theme.jsonJSON JSON, 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. override. (62689)

Components

  • CustomSelectControl V2: Fix setting initial value and reacting to external controlled updates. (62733)
  • CustomSelectControlV2: Handle long strings in selected value. (62198)

Block Editor

  • Raw handling: Fix too aggressive indented list removal. (62622)
  • Writing flow: Split heading into default block. (61891)

AccessibilityAccessibility Accessibility (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)

  • Fix custom color palette. (62753)
  • Fix lock modal dialog accessibility and semantics. (62795)
  • Image block: Fix focus style not around whole image when linked. (62556)
  • Pages data view: Update view icons. (62136)
  • Make the fonts management modal dialog more discoverable. (62129)

Performance

  • Improve performance of compute_style_properties method. (62522)
  • Run block variation hook only for matches. (62617)
  • Section Styles: Improve performance and conceptual consistency. (62712)

Experiments

  • Grid interactivity: Allow blocks to be positioned in manual mode using drag and drop. (61025)

Documentation

  • Add VisualEditorGlobalKeyboardShortcuts documentation. (62710)
  • Add changelog entry for splitTask export from wordpress/interactivity. (62805)
  • Add documentation for PostSlug and PostSlugCheck component. (62102)
  • Adds comment on blocks resource referencing wp_block post type. (62722)
  • Changelogs: Standardize sections. (58268)
  • Correct documentation for WP_Block_Parser_Frame class. (62598)
  • Create Block: Add missing changelog entries. (62791)
  • Docs/iAPI: Fix wrong code snippet in data-wp-run example. (62835)
  • Docs/iapi warnings new directives wp 6 6. (62789)
  • Fix async directives API documentation. (62759)
  • Fix: Remove inexistent link from the documentation. (62624)
  • Interactivity API docs: Add wp-async directives doc. (62663)
  • Query LoopLoop The Loop is PHP code used by WordPress to display posts. Using The Loop, WordPress processes each post to be displayed on the current page, and formats it according to how it matches specified criteria within The Loop tags. Any HTML or PHP code in the Loop will be processed on each post. https://codex.wordpress.org/The_Loop. block: Clarify explanation around query loop variation example. (62605)
  • Small Typo correction in block-library.md file. (62765)
  • Update link to API section in block-editor README.md. (62671)
  • Update old links in wordpress/babel-preset-default. (62616)
  • Updates the reference links in wordpress/compose documentation. (62593)
  • [Developer Documentation] fix link URL. (62725)

Code Quality

  • Autoformat changelogs. (62650)
  • Autoformat e2e-tests package JavaScriptJavaScript JavaScript 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/.. (62572)
  • Edit site: Do not autoformat edit-site/lib. (62573)
  • Move dep to dev deps. (62673)
  • Rename readme file with uppercase extension. (62697)
  • Site Editor: Don’t render empty body tag. (62769)
  • Change grid-visualizer folder name to grid. (62810)
  • Add lib-font credits and license in source code. (60973)

Components

  • Remove Framer Motion from DropZone. (62044)
  • CustomSelectControlV2: Fix handling of extra attributes passed to options in the legacy adapter. (62255)

Tools

  • Dependencies: Upgrade @octokit/webhooks. (62666)
  • Rename the wp-env schema to not be a dotfile. (62634)
  • env: Ignore \$schema key in environment configuration parsing. (62626)

Testing

  • Add end-to-end test to ensure block bindings work well with symbols and numbers. (62410)
  • CustomSelectControl: Align v1 and legacy v2 unit tests. (62706)
  • Fix end-to-end tests in dev mode. (62642)
  • Improve maintainability of theme json class tests. (62463)
  • Release automation: Try cherry-picking automation. (62716)
  • Remove changelog checks for branches other than trunktrunk A directory in Subversion containing the latest development code in preparation for the next major release cycle. If you are running "trunk", then you are on the latest revision.. (62645)
  • Skip failing image block test. (62781)
  • Skip test: Create a new page, edit template and toggle page template preview. (62799)
  • Tests: Simplify test set up in WP_Block_Supports_Block_Style_Variations_Test. (62637)
  • Theme JSON resolver: Read theme.json files from the styles/ folder only once. (62638)

Build Tooling

  • Generic name for previous version of WP tests. (62853)
  • GithubGitHub GitHub is a website that offers online implementation of git repositories that can easily be shared, copied and modified by other developers. Public repositories are free to host, private repositories require a paid subscription. GitHub introduced the concept of the ‘pull request’ where code changes done in branches by contributors can be reviewed and discussed before being merged be the repository owner. https://github.com/ PHP changes workflow: Remove it. (62609)

Various

  • Update Private API opt-in string for WP 6.6. (62635)
  • Update caniuse-lite dependency to latest version. (62611)

First-time contributors

The following PRs were merged by first-time contributors:

Contributors

The following contributors merged PRs in this release:

@aaronrobertshaw @aatanasovdev @afercia @ajlende @akasunil @amitraj2203 @artemiomorales @carolinan @cbravobernal @ciampo @creativecoder @DaniGuardiola @dilipbheda @ellatrix @fullofcaffeine @geriux @graylaurenm @gziolo @itzmekhokan @ivan-ottinger @jameskoster @jorgefilipecosta @juanmaguitar @kevin940726 @luisherranz @MaggieCabrera @matiasbenedetto @michakrapp @mirka @noisysocks @ntsekouras @oandregal @peterwilsoncc @ramonjd @sabernhardt @SantosGuillamot @saulyz @shail-mehta @sirreal @snehapatil2001 @spacedmonkey @stokesman @t-hamano @talldan @tellthemachines @up1512001 @vcanales @vipul0425 @westonruter @youknowriad

Props to @joen for the visual assets, @andrewserong, @talldanwp, @ramonopoly, and @aaronrobertshaw for help drafting and proofreading this post, @bernhard-reiter, @priethor, @youknowriad, @mikachan, @andrewserong, and @ramonopoly for debugging and fixing the release workflow.

#block-editor, #core-editor, #gutenberg, #gutenberg-new