WordPress: updates in the latest version

WordPress 5.4 updates

I've just completed testing the next version of WordPress, 5.4, to discover and share the news. The stable version should be released in late March.

The most relevant news and that I share in this article are the ones that mainly affect the graphics. New blocks or new elements can be used in the next graphic layouts to be converted into WordPress themes.

Social icon block

One of the first novelties is the addition of a social icon block with a ready-to-use set.

Simply add it in the location you want and for each social you add the relevant reference page. In addition to the actual socials, there are other types of icons, such as Dropbox, Amazon, or the simple link to any other type of page.

Social icon block on WordPress 5.4

This block already works on all themes, even proprietary ones. Icons are added in SVG format.

This is the current complete list:

  • WordPress
  • 500px
  • Amazon
  • Bandcamp
  • Behance
  • Link
  • CodePen
  • DevianArt
  • Dribbble
  • Dropbox
  • Etsy
  • Facebook
  • RSS feed
  • Flickr
  • Foursquare
  • Goodreads
  • Google
  • GitHub
  • Instagram
  • last.fm
  • LinkedIn
  • Mail
  • Mastodon
  • Meetup
  • Medium
  • Pinterest
  • Pocket
  • Reddit
  • Skype
  • Snapchat
  • SoundCloud
  • Spotify
  • Tumblr
  • Twitch
  • Twitter
  • Vimeo
  • VK
  • Yelp
  • YouTube

Here is an example of the HTML code generated by one of the icons:

<button class="components-button wp-social-link wp-social-link-wordpress">
        <svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" focusable=“false">
            <path d="M12.158,12.786L9.46,20.625c0.806,0.237,1.657,0.366,2.54,0.366c1.047,0,2.051-0.181,2.986-0.51 c-0.024-0.038-0.046-0.079-0.065-0.124L12.158,12.786z M3.009,12c0,3.559,2.068,6.634,5.067,8.092L3.788,8.341 C3.289,9.459,3.009,10.696,3.009,12z M18.069,11.546c0-1.112-0.399-1.881-0.741-2.48c-0.456-0.741-0.883-1.368-0.883-2.109 c0-0.826,0.627-1.596,1.51-1.596c0.04,0,0.078,0.005,0.116,0.007C16.472,3.904,14.34,3.009,12,3.009 c-3.141,0-5.904,1.612-7.512,4.052c0.211,0.007,0.41,0.011,0.579,0.011c0.94,0,2.396-0.114,2.396-0.114 C7.947,6.93,8.004,7.642,7.52,7.699c0,0-0.487,0.057-1.029,0.085l3.274,9.739l1.968-5.901l-1.401-3.838 C9.848,7.756,9.389,7.699,9.389,7.699C8.904,7.67,8.961,6.93,9.446,6.958c0,0,1.484,0.114,2.368,0.114 c0.94,0,2.397-0.114,2.397-0.114c0.485-0.028,0.542,0.684,0.057,0.741c0,0-0.488,0.057-1.029,0.085l3.249,9.665l0.897-2.996 C17.841,13.284,18.069,12.316,18.069,11.546z M19.889,7.686c0.039,0.286,0.06,0.593,0.06,0.924c0,0.912-0.171,1.938-0.684,3.22 l-2.746,7.94c2.673-1.558,4.47-4.454,4.47-7.771C20.991,10.436,20.591,8.967,19.889,7.686z M12,22C6.486,22,2,17.514,2,12 C2,6.486,6.486,2,12,2c5.514,0,10,4.486,10,10C22,17.514,17.514,22,12,22z"></path>
        </svg>
</button>

Buttons block

The button lock has been updated and now multiple buttons can be inserted side by side.

You can insert both background and border buttons. The settings panel allows you to change the colours of backgrounds, including gradients, and text. The border colour is taken from the text colour. You can also change the radius of the border. Interesting warning about contrasts: if the text colour is not well readable due to poor contrast with the background colour, WordPress warns us by suggesting choosing another colour.

Buttons block on WordPress 5.4

Even the buttons work independently of the chosen theme. Their style also works on proprietary WordPress themes.

Text colour

In WordPress 5.4 you can also assign a colour to a short selection of text. The user can then select a portion of text and give it a different colour. In addition to the default colours, you can also choose a custom colour. This can be done thanks to the colour table, hexadecimal value, RGB, HSL.

In WordPress 5.4 you can change the colour of the selected text

This option is also available for all themes, none excluded.

Background colours

For the column block, covers, and groups, as is already the case for text, you can choose a background colour (even gradients) and a text colour.

Background colour columns in WordPress 5.4

Last articles block

The block that allows you to insert the last posts immediately has been improved with the addition of images. Thumbnails can be aligned left, centre, or right. You can also choose the size.

Block last articles in WordPress 5.4

This block works with compatible themes. With the themes created ad hoc, CSS instructions must be written for correct operation. Old themes will then need to be updated if you want to use this feature.

Caption table

One of the minor novelties concerns the table that gains the addition of the caption, which must be formatted via CSS in the new WP themes.

Caption table in WordPress 5.4

TikTok Widget

Among the content that can be embedded in WordPress blocks, e.g. YouTube or Facebook, with the latest version you can also integrate TikTok content.

Incorporating TikTok into WordPress 5.4

Usability

With this latest version of WordPress, its usability also benefits. Very interesting is the upload of the elements. If before you always had to use the library interface, with version 5.4 you will be able to upload elements directly from a block.

Easy upload in WordPress 5.4