Upgrade WordPress Cover Block » straightvisions GmbH

The benefits


The new version of the cover block integrates the background differently – instead of via inline CSS

style="background-image:url(...);"

the image is positioned behind the content via tag and with absolute positioning.

Small change, big effect: img tags can be played out < > responsively and e.B. via imagify webp-optimized variants are possible – this can make some points in the PageSpeed.

Serve images in next-gen formats

Fix PageSpeed error message

If imagify uses the < picture variant for the playback of > webp images, then the old version of the Gutenberg Cover Block is unfortunately not compatible.

In the new version, the problem no longer occurs – in addition to the webp version, the appropriate image variant is also delivered for different resolutions.

If imagify uses the < picture variant for the playback of > webp images, then the old version of the Gutenberg Cover Block is unfortunately not compatible.

In the new version, the problem no longer occurs – in addition to the webp version, the appropriate image variant is also delivered for different resolutions.

See in the video how the cover block can be updated – all you have to do is create a new cover block in the editor and move the content there. The old, now empty cover block will then be deleted.

Recommendation

Stay up to date

The Gutenberg Block Editor from WordPress is developing rapidly – some innovations seem inconspicuous, but have a great effect.

It’s a sign of stability when blocks in an old version remain intact – and new blocks are created directly in an improved version.

For the future, we would like old blocks to be automatically migrated by Gutenberg. At least a scan for outdated blocks would certainly make sense.