Gutenberg 8.5 Adds Single Gallery Image Editing, Allows Image Uploads From External Sources, and Improves Drag and Drop

On Wednesday, the Gutenberg team released version 8.5 of its plugin to the public. This will be the final major plugin release to make its way into the upcoming WordPress 5.5, which has a target release date of August 11. This update does not include any groundbreaking features, but it does offer several enhancements and polishes the product.

Gutenberg 8.5 introduces the ability to upload images from third-party sites instead of simply hotlinking them. It also improves the drag-and-drop experience with blocks, adds an edit button for images in galleries, and moves reusable blocks to their own tab in the inserter.

Users can also now add an HTML anchor/ID to all static blocks. This was a relatively minor change but provides tremendous value. No longer will users need to switch to code editing mode and risk validation issues to add a basic HTML ID.

Upload External Images

Clicking the upload external image button in the Gutenberg image block.
New upload external image button.

The largest enhancement in Gutenberg 8.5 is an improvement to inserting an image from an external URL. This update allows users to upload the image to their media library.

In past versions, users could insert an image from any URL. However, the image would remain hosted on that external site. The problem was that the end-user had no control over what happened to that image in the future. The third-party site could disappear. The site owner could remove or replace the image. The image shown on users’ sites may not have been what they intended.

The upload process is manual rather than automatic. After inserting an image via a URL, the editor toolbar will have a new upload icon with an arrow that points up. Users must click it to add the image to their media library.

The additional benefit of self-hosting the image is that the editor’s other image tools become available. Users can resize, rotate, or crop the image, options which were added to Gutenberg 8.4.

Improved Drag and Drop

Dragging and dropping two blocks in the editor.
Dragging multiple blocks in the editor.

I had forgotten there was even a drag-and-drop feature for the block editor. Since it was introduced, I have never used it outside of testing. It is also not available when using Top Toolbar mode, which is my go-to choice.

The editor now allows dragging and dropping multi-block selections. The dragging-and-scrolling behavior is much approved. Instead of scrolling when reaching the edge of the viewport, the window scrolls almost immediately as you drag.

Despite the improvement, I do not find the drag-and-drop feature efficient in comparison to using the up/down arrows to move a block. However, I have never been much of a fan of dragging and dropping elements. Discoverability suffers because the hand icon that appears when hovering the toolbar is not a great indicator that I can drag the block, especially given its similarity to the normal hand cursor when moving my mouse. Some sort of directional arrow icon would make more sense and distinguish it.

Edit Single Gallery Images

Editing a single gallery image within the block editor.
Editing an individual gallery image.

Gutenberg 8.5 features a new edit button on the individual images within a gallery block. This allows end-users to replace the image on the spot.

This is one of my favorite features to make it in before the upcoming WordPress 5.5 deadline. It has been one of those minor nit-picks for the past couple of years that I have wanted to see addressed. Overall, the team has done a solid job of making it work.

However, it is not quite perfect yet. The biggest issue comes after clicking the edit button. Suddenly, there is no good way to cancel the edit if I change my mind. I got around this limitation by choosing to add an image from the media library, which automatically had the previous image selected. My first thought was to click the x icon. However, that removes the image from the gallery. A trashcan icon makes more sense for removing the image while the x icon makes more sense for canceling an action.

Reusable Blocks Tab

Reusable blocks tab in the block inserter.
New reusable blocks tab in the inserter.

Reusable blocks are no longer tucked away at the bottom of the normal blocks list in the inserter. The team has moved them to their own tab. The inserter is now separated into Blocks, Patterns, and Reusable tabs. This will be an entirely new experience for users when WordPress 5.5 drops because the patterns feature and its corresponding tab are also new.

Moving the reusable blocks to a separate tab better exposes the feature. The previous location in which they were situated at the bottom of the blocks list hid them from anyone who did not scroll to the end. For far too long, this powerful feature was not getting the exposure that it deserved. Perhaps this new location will correct that.

The next step would be to finally add a reusable blocks menu item that is accessible from anywhere in the WordPress admin. We will likely have to wait for the WordPress admin block directory for that to happen.

2

2 responses to “Gutenberg 8.5 Adds Single Gallery Image Editing, Allows Image Uploads From External Sources, and Improves Drag and Drop”

  1. Nick says:

    I tested the 5.5 beta1 version today, and obviously on a fresh installation using Xampp php 7.2 – Windows 7 Pro laptop, and no plugins installed:

    The update theme feature from zip did not work, I keep getting a message that the folder exists, and,
    I can still install and activate any theme, regardless of the supposed new theme header setting requirements – ref: https://wptavern.com/php-and-wordpress-version-checks-coming-to-themes

    The new sitemap works fine, however note that these are the only 3 things I tested in the 10 minutes I played with it so far… I’ll have some time tomorrow to really test the whole thing.

    Final note for now: They have to put back the accordions in the inserter, because as it is now, the inserter is an embarrassment, among some other things, like we still don’t have universal block padding and margin settings (unheard of for a page builder – which Gutenberg clearly is), I was hoping at least the EditorsKit would take the lead on this but nothing from them either… since I’m on a weird mood, YouTube videos as a background for the Cover block would be nice too. Ok, 2 more – being able to drag and drop blocks from the block navigator to re-order them, and being able to rename the labels of the blocks in the navigator, as with long pages (vertically) seeing Group, Group, Group… is not much of help.

    Report

  2. We were literally working on ability to upload remote images from Image Block just few weeks back before they added it in the core. :)

    Report

Newsletter

Subscribe Via Email

Enter your email address to subscribe to this blog and receive notifications of new posts by email.

%d bloggers like this: