Gutenberg 18.4 Improved grid block visualization, grouping shortcuts in one click

Gutenberg 18.4 This update brings several highlights:

1. The grid block function is greatly upgraded for smoother operation and more efficient design.
2. A series of convenient keyboard shortcuts have been added to make editing easier and more convenient.
3. Extender features are more useful and offer more customization options.

In addition, numerous pre-existing issues have been fixed, including some common bugs, accessibility issues, and performance bottlenecks for a smoother, more stable experience.

Visual grid layout

The Grid Layout Visualization feature is no longer in the experimental stage, it is now officially available to all users! Easily view the grid's column and row outlines and get your content to span those grid lines perfectly with a simple drag-and-drop handle action. (#61640)

Grouping blocks using keyboard shortcuts

Many design tools have long supported quick grouping of elements, but in Gutenberg this feature has been a plan. The good news is that from now on, it's easy to group multiple selected blocks by simply pressing ⌘ Command + G (on MacOS) or Ctrl + G (on Windows). The addition of this feature definitely makes the Gutenberg experience more convenient and efficient. (#46972)

Define custom aspect ratio presets using theme.json

Is it boring for you to crop images or set up layouts with the same aspect ratio every time? Here's the good news! Now, you can define exclusive aspect ratio presets in the theme according to your own preferences, making image cropping and layout more personalized and flexible. (#47271)

In theme.json, use thesettings.dimensions.aspectRatiosoption sets the new aspect ratio. As with other presets, default options are always available. To remove them and use only your own options, set thesettings.dimensions.defaultAspectRatiosThe option is set tofalseThe

{
"version": 3, "settings": {
"settings": {
"dimensions": {
"aspectRatios": [
{
"name": "Super Ultra-Wide - 32:9", "slug": "32-9", [ {
"slug": "32-9", "ratio": "32/9", {
"ratio": "32/9"
}
]
}
}
}

Other Highlights

If you want your toolbar to be more powerful and personalized than BlockToolbar, you can now easily create your own custom toolbar using the new BlockPopover component. (#61529)

For developers who need to simulate rich text paste behavior in your custom blocks, Gutenberg now offers a very handy supports.splitting Block setting. When this setting is enabled, when pasting content within a block, Gutenberg automatically splits your block into two parts, inserts the content into them, and then merges the two parts together for a smoother operation. (#54543)

For theme developers, the list block now has a specializedwp-block-listclass, which means you can easily add unique styling to this block to make it visually distinguishable from other lists. (#56469)

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