wordpress 5.8 header

WordPress 5.8 – this is new, you need to know that now!

With WordPress 5.8 there are a few small but worth knowing changes, big steps towards full-site editing, further improvements to the Gutenberg editor and an important leap in image format support.

Here are the key changes you really need to know about.

Widgets are now blocks

Widgets are now blocks and can be edited as usual with the Gutenberg editor

A big step towards full-site editing is introduced with the new editing of widgets.

It’s time to say goodbye to the familiar widgets and celebrate the arrival of blocks in widget areas.

As of WordPress 5.8, the widget areas can now be fed with blocks and operated like the Gutenberg editor. This opens up new possibilities and, above all, gives you more leeway when customizing your widget areas.

Blocks in WordPress widgetsFill your widget area with any blocks you know from the Gutenberg editor

I think that’s fantastic. The previous widgets were now more than just old-fashioned and also hardly offered any options for customization.

Should you encounter any problems, for example if your theme has problems with these widget changes, you can use the Classic Widgets plugin to switch back to the old view. We are already used to this from the Classic Editor Plugin. The plugin is expected to be supported until 2022.

However, I would recommend that you only take this step if you have technical problems and otherwise get used to the new interface.

WebP images are finally supported

WebP is an image format that has approximately 26% smaller file sizes than PNGs and 25-34% smaller than comparable JPEG images.

Previously, plugins and server settings had to be added to get the WebP format running on WordPress websites (I had previously done this with the Shortpixel Optimizer Plugin and RAIDBOXES), from WordPress 5.8 the format is finally supported natively.

WebP is supported by most browsers, so you don’t have to worry on that front.

You still have to convert the images to WebP, WordPress doesn’t do that automatically for you. The plugin mentioned above and the free “Shortpixel Optimizer” can do this for you.

Minor changes to the media library

The media library from WordPress 5.8 with a "load More" buttonThe media library no longer has infinite scrolling, but relies on a “Load more” button

There are only two small changes in the media library.

The first relates to the fact that infinite scrolling (scrolling down automatically loads new images) has been removed and replaced with a “Load more” button.

Each “page” is displayed with 40 media and each click on the button ensures that another 40 media are loaded.

The main reason for this is accessibility, since such a button simplifies operation with screen readers or just the keyboard, or makes it really possible in the first place.

The other change is incredibly useful:

After uploading a new file via “Media” -> “Add file”, a small info box is now displayed directly, from which you can copy the URL of the uploaded file directly.

Info box when uploading media to copy the media URLAfter uploading a file via “Media” -> “Add file”, the URL is displayed and can simply be copied

I love this little innovation, because I’ve often been annoyed at having to click on the medium after uploading before I could see and copy the URL.

Improvements & innovations in the Gutenberg Editor

The Gutenberg Editor is constantly being further developed. WordPress 5.8 adds some useful features and a small (but potentially useful) gimmick.

Duotone effect for images

The duotone effect for images in Gutenberg Editor from WordPress 5.8The same image without and with the duotone effect used in the Gutenberg editor

Let’s start with the gimmick.

A duotone effect can now be added to Image Blocks. The duotone effect allows you to choose two colors or eight of the included templates to edit the image with.

This can create an artistic effect. As I said, this is a nice gimmick and some people may be happy about it, but in practice this effect will probably only be used by a small proportion of users.

Simply select parent blocks

Parent group selection in WordPress 5.8 Gutenberg EditorSelect the overlying group of a block by clicking on the two squares icon

Navigating in nested blocks used to be very annoying. One hardly managed to select the desired element.

That’s changing now, because as of WordPress 5.8, when you select a block that sits inside another, there’s an icon with two nested squares. If you click on it, the block or group above it will be selected.

As soon as you move the mouse over the icon, the surrounding element is shown with a blue border.

New blocks (query loop, logo, page title, subtitle, page lists)

There are a few new blocks in Gutenberg Editor. Most of these aim to prepare for full-site editing and let you easily insert global elements.

This includes the following new blocks:

  • Website logo
  • Website Subtitles
  • page title

The most interesting new block for me is the “query loop”.

It sounds a bit cryptic, but there is a simple and important function behind it:

With the query loop block you can display a filtered selection of posts and pages in different representations.

Show Posts & Pages in Gutenberg Editor with Query Loop BlockView posts or pages with the “Query Loop” block and filter the selection to your liking

You can display the pages and posts in various pre-designed layouts. You can determine the number of elements shown yourself, as well as many other parameters.

With the filters you can, for example, determine that only posts from one or more categories or from a certain author are displayed. You can also change the displayed order and much more.

Load time improvements

In the further development of the editor, the loading time was also tightened. In order to be able to determine differences here, the developers carried out a test with a contribution comprising 36,000 words and 1,000 blocks.

While that’s not the normal number of words and blocks we’re working with, it’s a good representation for load time testing.

From the last Gutenberg version (10.7) to version 10.8 delivered with WordPress 5.8, the loading time was improved by one second in this test:

version loading time KeyPress Event (typing)
Gutenberg 10.8 5.78s 42.03ms
Gutenberg 10.7 6.75s 41.96ms
WordPress 5.7 6.95s 42.81ms

Load time test of the Gutenberg editor in a post with 36,000 words and 1,000 blocks – source

If you’re just starting to delve deeper into the Gutenberg Editor, take a look at my beginner and advanced guide:

More changes in WordPress 5.8

Of course, many changes also happen in the background. Here are three more innovations that will certainly be of interest to some readers:

Visually optimized publish dialog

The new publish dialog from WordPress 5.8The publish dialog has been visually revised

If you want to publish a page or a post, the so-called “Publish dialog” appears in the right sidebar of the Gutenberg editor.

This display has been optically revised again. You can set the visibility and the publication date here.

Internet Explorer 11 support ends

Since Microsoft has announced the end of Internet Explorer in 2022, WordPress will no longer optimize the other versions for Internet Explorer 11.

According to Statista, Internet Explorer’s market share in May 2021 is less than 1.5%. This number will certainly continue to fall in the coming months.

Nevertheless, there may be target groups that still work to a large extent with Internet Explorer. If you suspect that you are addressing such an audience, the best thing to do is look at your analytics data. If your guess is correct, you should check with every update if everything still works fine with IE 11.

Now it’s your turn!

What change, tweak or new feature are you most excited about? Is there anything you don’t like at all? Let me know in the comments! 🙂

Previous post Security maintenance update WordPress 5.8.1 has been released
internetagentur-heidelberg.info Next post Important Security Update – WordPress 5.8.1.—