WordPress 5.4 is Coming and, it’s Time to Ditch the Classic Editor

WordPress 5.4 is Coming and, it’s Time to Ditch the Classic Editor

Written by

Michael Moore
on

March 4, 2020

Last Updated On March 4, 2020

WordPress 5.4 is tentatively scheduled to be released on March 31, 2020, and you should be excited. The number of improvements that will be included in the forthcoming release may even persuade the Gutenberg holdouts among you to ditch the Classic Editor.

Need help getting started with the block editor? Check out the WordPress Gutenberg Ultimate Guide.

If you are anything like us, you probably can’t wait until the end of March to try out the block editor enhancements. If you want to try any of the cool things we cover in this post, you will need to install the WordPress 5.4 beta. The WordPress Beta Tester plugin makes it super easy for you to play around with the “bleeding edge” features in WordPress. After installing the plugin, you will need to enable Bleeding edge nightlies in the settings.

Keep in mind that you beta versions are well suited for productions environments. Playing around with a beta version of WordPress is a lot of fun, but it doesn’t always provide a stable environment.

If you find a bug while testing the new features you post it in the Alpha/Best test area. However, before filing that bug report, please check to see if it is already a known issue.

Okay, with all of that out of the way, time to check out the new stuff!

There are several exciting improvements to the block editor, including new blocks, gradients, and enhancements to existing blocks.

The New Welcome Guide

The WordPress 5.4 welcome guide modal provides a mini tour and a link to a WordPress block editor guide.

WordPress 5.4 is Coming and, it’s Time to Ditch the Classic Editor 1

What I love about the welcome modal, is that it gives developers another tool to use when onboarding new customers or introducing new features.

Two New Blocks and A New Embed

WordPress 5.4 includes two (sort of) new blocks for you to use on your site.

1. Social Icons Block

The Social Icons block lets you add a link to the icon of many popular social platforms. The Social Icons block to let your audience know where else they can found you, a team member, or your company branded accounts.

WordPress 5.4 is Coming and, it’s Time to Ditch the Classic Editor 2

The 39 Social Icons

  1. WordPress
  2. 500px
  3. Amazon
  4. Bandcamp
  5. Behance
  6. Link
  7. CodePen
  8. Deviant Art
  9. Dribble
  10. Dropbox
  11. Etsy
  12. Facebook
  13. RSS Feed
  14. Flickr
  15. Foursquare
  16. Goodread
  17. Google
  18. GitHug
  19. Instagram
  20. Last.fm
  21. LinkedIn
  22. Mail
  23. Mastodon
  24. Meetup
  25. Medium
  26. Pinterest
  27. Pocket
  28. Reddit
  29. Skype
  30. Snapchat
  31. SoundCloud
  32. Spotify
  33. Tumblr
  34. Twitch
  35. Twitter
  36. Vimeo
  37. VK
  38. Yelp
  39. YouTube

How To Add & Customize the Social Icons Block

To add the Social Icons block to a post or page, type /social in an empty block and then hit enter.

Now that we added the block we can click the + to the right of the icons to add more icons. To move an icon, select it and then use the left or right arrows until it is in the correct location.

We still need to add the correct URLs to the icons. Click an icon and then enter the appropriate URL.

2. Buttons Block

Out with the old Button block and in with the sort of new Buttons block. True to its name, the Buttons block allows you to add multiple buttons in a single block.

How To Use The New Buttons Block

To add the Buttons block to a post or page, type /buttons in an empty block and then hit enter. Click the + to the right of the new button to add another button to the same block.

The Buttons blocks have two different styles. You can toggle between each style from the block toolbar or from the block settings sidebar.

The TikTok Embed

WordPress 5.4 will come with a new embed for TikTok videos.

WordPress 5.4 is Coming and, it’s Time to Ditch the Classic Editor 3

Block Color Improvements

WordPress 5.4 is coming with a ton of color customization improvements.

To set the background color of a block group from the Block Settings menu.

WordPress 5.4 is Coming and, it’s Time to Ditch the Classic Editor 4

A really cool addition to WordPress 5.4 is gradient background colors for the buttons, cover, and column blocks.

WordPress 5.4 is Coming and, it’s Time to Ditch the Classic Editor 5

You can select either a Linear or Radial gradient type in the Block Settings menu.

The Linear gradient type has an option to adjust the angle.

In the Block Settings menu, you can add gradient points and adjust the color.

The Headings block will now offer control of the text color.

WordPress 5.4 is Coming and, it’s Time to Ditch the Classic Editor 6

WordPress versions below 5.4 for limit the text in a Paragraph block to a single color. But, now you can highlight any string of text in a paragraph block and customize the color in the block toolbar.

Paragraph Text Color Change Gif

Image Editor Improvements

The Gallery block in WordPress 5.4 allows you to adjust the size of all the images in a gallery.

WordPress 5.4 is Coming and, it’s Time to Ditch the Classic Editor 7

The Latest Post block will now display the featured image.

WordPress 5.4 is Coming and, it’s Time to Ditch the Classic Editor 8

You can now drag and drop directly into the Feature Image setting.

Other Editor Improvements

The block editor toolbar will be fixed to the top of the screen.

WordPress 5.4 is Coming and, it’s Time to Ditch the Classic Editor 9

You will be able to add a caption to the bottom of the of a table.

WordPress 5.4 is Coming and, it’s Time to Ditch the Classic Editor 10

Columns will now let you set a fixed width.

WordPress 5.4 is Coming and, it’s Time to Ditch the Classic Editor 11

Accessibility Improvements

WordPress 5.4 will contain the following accessibility improvements.

  1. Better focus management in Menu, Customizer and Site Health screens to fix some of the existing keyboard navigation issues.
  2. Easer Media modal keyboard navigation.
  3. An easier to read privacy policy.

Other Improvements

  • Improved upload of non-optimized large images taken from smartphones
  • 14% loading time reduction
  • Automatic image rotation
  • Improved site health checks
  • Periodic Admin email verification

Wrapping Up

WordPress 5.4 is going to be a huge release packed with a ton of improvements. 2020 is going to be an exciting year for the WordPress block editor.

Keep reading the article at WordPress News and Updates from iThemes – iThemes. The article was originally written by Michael Moore on 2020-03-04 11:08:55.

The article was hand-picked and curated for you by the Editorial Team of WP Archives.

Disclosure: Some of the links in this post are "affiliate links." This means if you click on the link and purchase the product, We may receive an affiliate commission.

Leave a Comment

Your email address will not be published. Required fields are marked *

Show Your ❤️ Love! Like Us
Scroll to Top