WPBeginner

Beginner's Guide for WordPress

  • Blog
    • Beginners Guide
    • News
    • Opinion
    • Showcase
    • Themes
    • Tutorials
    • WordPress Plugins
  • Start Here
    • How to Start a Blog
    • Create a Website
    • Start an Online Store
    • Best Website Builder
    • Email Marketing
    • WordPress Hosting
    • Business Name Ideas
  • Deals
    • Bluehost Coupon
    • SiteGround Coupon
    • WP Engine Coupon
    • HostGator Coupon
    • Domain.com Coupon
    • Constant Contact
    • View All Deals »
  • Glossary
  • Videos
  • Products
X
☰
Beginner's Guide for WordPress / Start your WordPress Blog in minutes
Choosing the Best
WordPress Hosting
How to Easily
Install WordPress
Recommended
WordPress Plugins
View all Guides

WPBeginner» Blog» News» What’s New in WordPress 5.4 (Features and Screenshots)

What’s New in WordPress 5.4 (Features and Screenshots)

Last updated on April 1st, 2020 by Editorial Staff
1.2k Shares
Share
Tweet
Share
Pin
Free WordPress Video Tutorials on YouTube by WPBeginner
What’s New in WordPress 5.4 (Features and Screenshots)

WordPress 5.4 was released earlier today, and it is the first major release of 2020.

This new release is packed with a lot features, many of them are focused around the WordPress block editor. This release will massively improve the way you create content on your websites.

In this article, we’ll share what’s new in WordPress 5.4, and which features you should try after updating your websites.

What is new in WordPress 5.4

WordPress 5.4 is a major release, and unless you are on a managed WordPress hosting service, you’ll have to manually initiate the update.

Important: Don’t forget to create a complete WordPress backup before starting the update.

New and Improved Block Editor in WordPress 5.4

WordPress 5.4 is focused on improving the content editor. This includes new features, enhancements, and new blocks.

Let’s start with the enhancements first.

Fullscreen Editor will be Default in WordPress 5.4

WordPress 5.4 displays the block editor in the fullscreen mode by default.

WordPress fullscreen editor

This change will be noticeable on new WordPress installations, or if you are accessing the WordPress admin area from a new device, browser, or in the incognito mode.

If you are upgrading from WordPress 5.3 using the same browser and device that you regularly use, then your editor will open with the last mode you had enabled.

You can exit the fullscreen mode by clicking on the Editor settings and unchecking the ‘Fullscreen mode’ option.

Turn off fullscreen mode in WordPress

Update: If you want to permanently disable the full screen mode, then see our tutorial on how to disable full screen editor in WordPress.

New Blocks in WordPress 5.4

WordPress 5.4 brings two new blocks for you to use while writing content.

1. The Social Icons Block

As the name suggests, the Social Icons block allows you to add social media icons in your posts and pages.

Social Icons block in WordPress 5.4

After that, you can click on the add button and select a social network that you would like to add. You can then click on the social network icon and provide the link to your profile.

Adding a social network

Social Icons block only allows you to add social media icons with links to your profiles. It does not add social sharing buttons. For that, you’ll still need a social media plugin with sharing features.

2. The Buttons Block

WordPress 5.4 introduces the Buttons block which will replace the Button block. As you can guess from the name of the new block, it allows you to add multiple buttons side by side.

Buttons in WordPress 5.4

You can select the background or gradient colors for each button and choose from two different styles.

Gradient buttons in WordPress 5.4

Improved Blocks You Should Try in WordPress 5.4

Several blocks in WordPress 5.4 are improved with new enhancements. Here are the top changes that will make a big difference in your writing experience.

More Color Options for Blocks

WordPress 5.4 offers new color options for multiple blocks. This allows you to create more engaging layouts for your posts and pages.

Previously users were only able to change the color of all text in a paragraph. With WordPress 5.4, you can now change the color of any text inside a paragraph block.

Change text color in a paragraph block

You can also choose text and background colors with gradients for cover block, and you can even choose background and text colors for all the blocks inside a group block.

Using background colors for all blocks in a group

If you regularly use the Columns block, then you can also use colors for separating columns from regular paragraphs.

Column colors in WordPress 5.4

Block Selection Tool

A new button in the toolbar now allows you to easily select blocks. This is a really useful tool particularly when you have nested blocks inside a group block.

Select block tool in WordPress 5.4

Simply click on the select tool and then take your mouse to the block you want to select.

Selected block

Drag and Drop to Add Featured Image

Previously, you needed to manually select to upload and set the featured image. This didn’t match the drag and drop ability of the content editor.

Now with WordPress 5.4, you can simply drag and drop an image to the featured image section.

Drag and drop featured image

Better Mobile Toolbar for Block Editor

Previously, if you had to edit a blog post using a mobile device, then you may have noticed how the block settings toolbar moved around.

This made it quite difficult to use the editor on mobile devices. WordPress 5.4 has fixed this with a fixed toolbar on the top.

Mobile toolbar in WordPress 5.4

Select Image Sizes in the Gallery Block

Previously you were not able to select image sizes for images in the image gallery block. Now, you can select image size directly in the gallery block settings.

Gallery image sizes

Improved Latest Posts Block

Previously, the Latest Posts block didn’t include the featured images. You can also choose the size and alignment for the featured image. This makes the Latest Posts block a lot more engaging and useful.

Latest Posts block

You Can Now Embed TikTok Videos in WordPress

WordPress 5.4 includes oEmbed support for TikTok videos. Basically, you can now add TikTok videos to your WordPress posts and pages just like you would embed YouTube videos.

TikTok embed in WordPress 5.4

Simply paste the video URL and WordPress will automatically embed it.

Updated Privacy Tools in WordPress 5.4

WordPress 5.4 brings improvements to the built-in privacy tools. Personal data exports now include session tokens, community events location, and custom user meta.

Personal data export file

Personal data export now comes in two files in HTML and JSON. The HTML file includes a table of contents at the top for easier navigation.

Developer Changes in WordPress 5.4

WordPress 5.4 has several improvements for developers. These enhancements affect theme and plugin developers mostly.

New hooks in WordPress 5.4 allow developers to add custom fields to navigation menu items. (Details)

Developers can now add keyboard shortcuts to the block editor. (Details)

WordPress 5.4 changes the HTML output for the Calendar widget. It moves the navigation links to a <nav> HTML element right after the <table> element in order to produce valid HTML. (#39763)

A new apply_shortcodes() function is now available as an alias to the do_shortcode() function. (#37422)

Some unused customizer classes are now formally deprecated in WordPress 5.4. (#42364)

We hope this guide helped you learn about what’s new in WordPress 5.4. We are excited about the new features and enhancements in the block editor particularly color options and buttons block.

What’s your favorite feature in WordPress 5.4? Let us know in the comments below.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

1.2k Shares
Share
Tweet
Share
Pin
Popular on WPBeginner Right Now!
  • Checklist

    Checklist: 15 Things You MUST DO Before Changing WordPress Themes

  • How to Properly Move Your Blog from WordPress.com to WordPress.org

  • How to Fix the Error Establishing a Database Connection in WordPress

    How to Fix the Error Establishing a Database Connection in WordPress

  • How to Start Your Own Podcast (Step by Step)

    How to Start Your Own Podcast (Step by Step)

About the Editorial Staff

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi. Trusted by over 1.3 million readers worldwide.

The Ultimate WordPress Toolkit

41 Comments

Leave a Reply
  1. Sunshiney says:
    Jun 26, 2020 at 1:52 pm

    If you looked closely, you’ll see that the love comes from people who are designers or inexperienced or who do not code at all. The dislike is from those who build custom themes from scratch.

    Reply
  2. Gabriel Cevales says:
    Jun 4, 2020 at 3:04 pm

    thanks WPBeginner-Team for sharing this article with us!
    Your tipps are very helpful.
    Yours
    Gabriel

    Reply
    • WPBeginner Support says:
      Jun 5, 2020 at 8:45 am

      You’re welcome, glad you found our content helpful :)

      Reply
  3. T Mills says:
    May 6, 2020 at 12:23 pm

    Do we need to update to the new WordPress even though we’re using Divi theme for the site?

    Reply
    • WPBeginner Support says:
      May 7, 2020 at 9:50 am

      If you are concerned about if it is safe to update your site or not, we would recommend creating a staging site using our guide below and test the update on the staging site for safety:
      https://www.wpbeginner.com/wp-tutorials/how-to-create-staging-environment-for-a-wordpress-site/

      Reply
  4. Louis says:
    Apr 7, 2020 at 3:44 pm

    so where’d the grab to move element go?

    Reply
    • WPBeginner Support says:
      Apr 8, 2020 at 10:28 am

      There should be a pencil icon at the top of your editor that you can click to change to the block selection tool

      Reply
  5. Jim O'Sullivan says:
    Apr 7, 2020 at 9:05 am

    We work a lot with WordPress sites, including our own, and we just can’t get used to the new block editor. The first plugin I ever install on a fresh WordPress site is Classic Editor!

    Is it just me, or did they change it too much too fast?

    Reply
    • WPBeginner Support says:
      Apr 8, 2020 at 8:36 am

      The goal of the block editor was to update WordPress’ interface to be more up to date similar to other platforms. It is difficult to say if something was changed too fast but that is a strength of WordPress that users are able to install the classic editor :)

      Reply
  6. karan4official says:
    Apr 4, 2020 at 5:33 am

    Any improvements for the speed?

    Reply
    • WPBeginner Support says:
      Apr 6, 2020 at 2:35 pm

      For speeding up WordPress, we would recommend taking a look at our guide on speeding up your site here:
      https://www.wpbeginner.com/wordpress-performance-speed/
      The plugins, hosting, themes, and content on your site would determine the speed of your site and WordPress itself is relatively optimized.

      Reply
  7. Michael says:
    Apr 3, 2020 at 6:01 pm

    Is it possible to open a new browser window when using the new Social Icons Block instead of navigating away from the current page? Thanks

    Reply
    • WPBeginner Support says:
      Apr 6, 2020 at 2:55 pm

      Not by default at the moment but we will keep our eyes out for a method or update :)

      Reply
  8. Franklyn Fosu says:
    Apr 2, 2020 at 2:31 pm

    Kindly corect the grammar errors in this sub-heading.
    (Improved Blocks Your Should Try in WordPress 5.4) should be “Improved Blocks *YOU* Should Try…..”

    Reply
    • WPBeginner Support says:
      Apr 3, 2020 at 8:44 am

      Thanks for letting us know about the typo, we’ll be sure to fix that :)

      Reply
  9. Franklyn Fosu says:
    Apr 2, 2020 at 2:24 pm

    I love the block editor.

    Reply
    • WPBeginner Support says:
      Apr 3, 2020 at 9:14 am

      Glad you’ve been enjoying the block editor :)

      Reply
  10. Toni Weidman says:
    Apr 2, 2020 at 9:51 am

    It seems to me that those of us who prefer using Classic Editor are being ignored or weeded out. Is there anything for us in this new release?

    Reply
    • WPBeginner Support says:
      Apr 3, 2020 at 9:00 am

      The Classic editor is the previous editor for WordPress so there likely won’t be updates to it unless there is an update to the classic editor plugin. For those using the classic editor, the developer enhancements will indirectly assist and in the future, we hope you’ll give the block editor a chance :)

      Reply
    • Sarah Böttger says:
      Apr 4, 2020 at 2:56 pm

      At first, I had my problems, too with the block editor and I kept the classic editor with the plugin. I switched to the block editor shortly afterwards and I just rebiult my site with it and in my opinion it is so much better. It has more option, why it takes time to learn how to use it. I can recommend it. I was looking for years for a plugin to make blocks like posts-its, now you can build that.

      Reply
  11. Aman says:
    Apr 1, 2020 at 10:18 pm

    What about images lazy load announcement in 5.4? Is that included in this release?

    Reply
    • WPBeginner Support says:
      Apr 2, 2020 at 8:38 am

      The lazy loading was pushed to a possible future release.

      Reply
  12. Somnath Jadhav says:
    Apr 1, 2020 at 9:17 pm

    I use page builders like Elementor, Divi etc.
    How it will affect my life?

    Reply
    • WPBeginner Support says:
      Apr 2, 2020 at 8:39 am

      If you are using a different editor than the block editor you shouldn’t see much change unless there is an update to what you are using.

      Reply
  13. David says:
    Apr 1, 2020 at 4:42 pm

    Looks nice! I like both classic and block editor to be honest. Quick question: how necessary is it to backup databases before updating to 5.4? What plugin would you recommend?

    Thanks in advance, love your website:)

    David

    Reply
    • WPBeginner Support says:
      Apr 2, 2020 at 8:44 am

      It depends on your site, we would always recommend creating a backup for safety following up update guide here:
      https://www.wpbeginner.com/beginners-guide/ultimate-guide-to-upgrade-wordpress-for-beginners-infograph/

      Reply
  14. Pragati kumar sheel says:
    Apr 1, 2020 at 3:55 pm

    That’s a significant move. Although I don’t use it frequently but I like the changes. Among all of them “More Color Options for Blocks” was much needed. Bang we got it now.

    Reply
    • WPBeginner Support says:
      Apr 2, 2020 at 8:47 am

      Glad you like the update :)

      Reply
  15. Ogbonnia Victor says:
    Apr 1, 2020 at 1:25 pm

    I’m afraid of updating the new version cause I saw a warning that I should try and back up the files on my site but I don’t know how to back it up. Is there any alternative?

    Reply
    • WPBeginner Support says:
      Apr 2, 2020 at 8:52 am

      For an alternative, you could test the update using a staging site, we have a guide on how to create one here: https://www.wpbeginner.com/wp-tutorials/how-to-create-staging-environment-for-a-wordpress-site/

      Reply
  16. Bhoye jyoti says:
    Apr 1, 2020 at 12:41 pm

    I want to updates new version 5.4. so guide me please.

    Reply
    • WPBeginner Support says:
      Apr 2, 2020 at 8:53 am

      For how to update your site, you would want to take a look at our guide here: https://www.wpbeginner.com/beginners-guide/ultimate-guide-to-upgrade-wordpress-for-beginners-infograph/

      Reply
  17. zig says:
    Apr 1, 2020 at 7:55 am

    not bad at all. I think WP is moving the right direction despite the recent hate that they got for the block editor

    Reply
    • WPBeginner Support says:
      Apr 1, 2020 at 8:33 am

      Glad you like the changes planned for 5.4 :)

      Reply
  18. Rob says:
    Apr 1, 2020 at 7:44 am

    None of this interests me, first thing I do is install classic editor on every website!

    Reply
    • WPBeginner Support says:
      Apr 1, 2020 at 8:36 am

      We hope you give the block editor another chance in the future as it gains new tools :)

      Reply
    • Joseph Quinn says:
      Apr 1, 2020 at 5:22 pm

      The block editor can take some time getting used to but it’s worth the effort. With blocks you can speed up development especially if have global content. You can save formatted blocks to use everywhere on your site and when you update one they all update saving you valuable time from editing every instance.

      Reply
  19. Ron Cunningham says:
    Apr 1, 2020 at 2:25 am

    Very helpful guide. Thanks a lot.

    Reply
    • WPBeginner Support says:
      Apr 1, 2020 at 8:49 am

      You’re welcome, glad our guide was helpful :)

      Reply
  20. prabhuling says:
    Mar 31, 2020 at 9:54 pm

    Hey, how can I update to this version without disturbing my website?

    Reply
    • WPBeginner Support says:
      Apr 1, 2020 at 8:55 am

      You can test updating to the new version using a staging site by following our guide here: https://www.wpbeginner.com/wp-tutorials/how-to-create-staging-environment-for-a-wordpress-site/

      Reply

Leave a Reply Cancel reply

Thanks for choosing to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and your email address will NOT be published. Please Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.

Over 1,320,000+ Readers

Get fresh content from WPBeginner

Featured WordPress Plugin
WPForms Logo
WPForms
Drag & Drop WordPress Form Builder Plugin. Learn More »
How to Start a Blog How to Start a Blog
I need help with ...
Starting a
Blog
WordPress
Performance
WordPress
Security
WordPress
SEO
WordPress
Errors
Building an
Online Store
Useful WordPress Guides
    • 7 Best WordPress Backup Plugins Compared (Pros and Cons)
    • How to Fix the Error Establishing a Database Connection in WordPress
    • Why You Need a CDN for your WordPress Blog? [Infographic]
    • 30 Legit Ways to Make Money Online Blogging with WordPress
    • Self Hosted WordPress.org vs. Free WordPress.com [Infograph]
    • Free Recording: WordPress Workshop for Beginners
    • 24 Must Have WordPress Plugins for Business Websites
    • How to Properly Move Your Blog from WordPress.com to WordPress.org
    • 5 Best Contact Form Plugins for WordPress Compared
    • Which is the Best WordPress Popup Plugin? (Comparison)
    • Best WooCommerce Hosting in 2021 (Comparison)
    • How to Fix the Internal Server Error in WordPress
    • How to Install WordPress - Complete WordPress Installation Tutorial
    • Why You Should Start Building an Email List Right Away
    • How to Properly Move WordPress to a New Domain Without Losing SEO
    • How to Choose the Best WordPress Hosting for Your Website
    • How to Choose the Best Blogging Platform (Comparison)
    • WordPress Tutorials - 200+ Step by Step WordPress Tutorials
    • 5 Best WordPress Ecommerce Plugins Compared
    • 5 Best WordPress Membership Plugins (Compared)
    • 7 Best Email Marketing Services for Small Business (2021)
    • How to Choose the Best Domain Registrar (Compared)
    • The Truth About Shared WordPress Web Hosting
    • When Do You Really Need Managed WordPress Hosting?
    • 5 Best Drag and Drop WordPress Page Builders Compared
    • How to Switch from Blogger to WordPress without Losing Google Rankings
    • How to Properly Switch From Wix to WordPress (Step by Step)
    • How to Properly Move from Weebly to WordPress (Step by Step)
    • Do You Really Need a VPS? Best WordPress VPS Hosting Compared
    • How to Properly Move from Squarespace to WordPress
    • How to Register a Domain Name (+ tip to get it for FREE)
    • HostGator Review - An Honest Look at Speed & Uptime (2021)
    • SiteGround Reviews from 4464 Users & Our Experts (2021)
    • Bluehost Review from Real Users + Performance Stats (2021)
    • How Much Does It Really Cost to Build a WordPress Website?
    • How to Create an Email Newsletter the RIGHT WAY (Step by Step)
    • Free Business Name Generator (A.I Powered)
    • How to Create a Free Business Email Address in 5 Minutes (Step by Step)
    • How to Install Google Analytics in WordPress for Beginners
    • How to Move WordPress to a New Host or Server With No Downtime
    • Why is WordPress Free? What are the Costs? What is the Catch?
    • How to Make a Website in 2021 – Step by Step Guide
Deals & Coupons (view all)
ProfilePress
ProfilePress Coupon
Get 20% OFF on ProfilePress WordPress ultimate user and profile plugin.
SendinBlue Coupon Code
Sendinblue Coupon
Get Sendinblue, a powerful marketing automation toolkit for small businesses, for FREE.
Featured In
About WPBeginner®

WPBeginner is a free WordPress resource site for Beginners. WPBeginner was founded in July 2009 by Syed Balkhi. The main goal of this site is to provide quality tips, tricks, hacks, and other WordPress resources that allows WordPress beginners to improve their site(s).

Join our team: We are Hiring!

Site Links
  • About Us
  • Contact Us
  • FTC Disclosure
  • Privacy Policy
  • Terms of Service
  • Free Blog Setup
  • Free Business Tools
  • Growth Fund
Our Sites
  • OptinMonster
  • MonsterInsights
  • WPForms
  • SeedProd
  • Nameboy
  • RafflePress
  • Smash Balloon
  • AIOSEO

Copyright © 2009 - 2021 WPBeginner LLC. All Rights Reserved. WPBeginner® is a registered trademark.

Managed by Awesome Motive | WordPress hosting by SiteGround | WordPress Security by Sucuri.