- Accessibility Improvements in the Admin Dashboard<\/a><\/li>
- Block Editor Changes and Additions<\/a>
- \n\t
- Welcome Guide Modal<\/a><\/li>\n\t
- New Buttons Block<\/a><\/li>\n\t
- New Social Icons Block<\/a><\/li>\n\t
- Fullscreen Mode Enabled by Default<\/a><\/li>\n\t
- Inline Text Color Support in RichText Blocks<\/a><\/li>\n\t
- More Color Options to Specific Blocks<\/a><\/li>\n\t
- Added Featured Images to the Latest Posts Block<\/a><\/li>\n\t
- Embed TikTok Videos in WordPress<\/a><\/li>\n\t<\/ul><\/li>
- Site Health Check Feature Improvements<\/a><\/li>
- WordPress 5.4 Changes and Improvements for Developers<\/a><\/li>
- Why You Should Update WordPress<\/a><\/li>
- How to Update to WordPress 5.4<\/a><\/li><\/ul>\n\n\n\n
Accessibility Improvements in the Admin Dashboard<\/h2>\n\n\n\n
Accessibility has always been a priority, and WordPress 5.4 is adding new things to make the admin dashboard more accessible. Some of those are:<\/p>\n\n\n\n
- Option to change the image title in the image block;<\/li>
- Better keyboard navigation in the media modal;<\/li>
- Improved multi-block selection;<\/li>
- Better readability of the Privacy Policy Guide;<\/li>
- Tabbing support in the block\u2019s sidebar.<\/li><\/ul>\n\n\n\n
Block Editor Changes and Additions<\/h2>\n\n\n\n
The Block Editor is continuing on its rapid streak of improvements. With a total of 10 Gutenberg versions<\/strong> (from 6.6 to 7.5) bundled into the block editor with WordPress, we got a lot of good stuff to mention. In addition to new blocks and features, the editor gets performance improvements, which are always more than welcome.<\/p>\n\n\n\n
With each new version of WordPress, we keep getting more and more improvements to the block editor. Version 5.4 is keeping up the pace, bringing a large number of changes to enhance the block editor\u2019s usability.<\/p>\n\n\n\n
Welcome Guide Modal<\/h3>\n\n\n\n
To welcome new users, WordPress adds a Welcome Guide modal<\/strong> to the Block Editor:<\/p>\n\n\n\n
<\/figure>\n\n\n\n
This modal will be visible once after you update your WordPress core to version 5.4. If you wish to run it again, you can open it from More tools & options<\/strong>:<\/p>\n\n\n\n
<\/figure>\n\n\n\n
New Buttons Block<\/h3>\n\n\n\n
The Buttons block<\/strong> has been added to Gutenberg 7.2. It replaces the single Button<\/strong> block, allowing all users to include additional buttons to their content, without having to use more blocks.<\/p>\n\n\n\n
<\/figure>\n\n\n\n
Not to worry, your previously created Button<\/strong> blocks will continue to work properly, so you do not need to revisit them.<\/p>\n\n\n\n
You can choose from two preset styles, as well as fine-tune your buttons\u2019 appearance.<\/p>\n\n\n\n
<\/figure>\n\n\n\n
As a site owner, WordPress 5.4 also gives you the opportunity to further tweak the look of your call-to-actions, bringing you gradient backgrounds, which also come with fresh-looking presets that can help you get the gist of things and then turn the designs into your own with some touches here and there.<\/p>\n\n\n\n
<\/figure>\n\n\n\n
New Social Icons Block<\/h3>\n\n\n\n
The Social Icons<\/strong> block gives you the option to add icons with links to social media profiles with ease. The block comes with Gutenberg 7.5, after being tested for a while. It offers a decent amount of social icon child blocks that you can choose from.<\/p>\n\n\n\n
<\/figure>\n\n\n\n
The Social Icons block also comes with presets – Default<\/strong>, Logos only<\/strong>, and Pill shape<\/strong>:<\/p>\n\n\n\n
<\/figure>\n\n\n\n
Fullscreen Mode Enabled by Default<\/h3>\n\n\n\n
With WordPress 5.4, the block editor will be opened in Fullscreen Mode<\/strong> by default. Of course, you can toggle that full-screen on and off – just click on the More tools and options<\/strong> at the top-right corner:<\/p>\n\n\n\n
<\/figure>\n\n\n\n
Currently, the preference is stored only locally, but in the future, it\u2019s expected to be stored in the database, so that each user can have their choice enabled persistently.<\/p>\n\n\n\n
Of course, because not everybody will be very fond of this particular change, Block editor developers can control the fullscreen mode with some JavaScript lines:<\/p>\n\n\n\n
const isFullscreenMode = wp.data.select( 'core\/edit-post' ).isFeatureActive( 'fullscreenMode' );\n\nif ( isFullscreenMode ) {\n wp.data.dispatch( 'core\/edit-post' ).toggleFeature( 'fullscreenMode' );\n}<\/pre>\n\n\n\nInline Text Color Support in RichText Blocks<\/h3>\n\n\n\n
Adding inline text color support in RichText blocks might seem to be a small improvement, but it\u2019s pretty convenient, especially for people that often need to go into HTML just to change the color of a few words. From WordPress 5.4 on, you will be able to select words or sub-strings in RichText blocks and use the built-in color picker to change the color with ease.<\/p>\n\n\n\n
Starting with WordPress 5.4, we can select words and substrings in RichText blocks and quickly change their colors using the built-in color picker.
<\/p>\n\n\n\n<\/figure>\n\n\n\n
More Color Options to Specific Blocks<\/h3>\n\n\n\n
In addition to the inline color support for RichText blocks, WordPress 5.4 also brings more color options to some of the blocks. Now they support gradient backgrounds, including a predefined set of gradients. The blocks that get the new color options are the Buttons block, the Group blocks, the Columns block, and the Cover block. Here\u2019s a quick visual example:
<\/p>\n\n\n\n<\/figure>\n\n\n\n
Added Featured Images to the Latest Posts Block<\/h3>\n\n\n\n
Gutenberg 7.5 added the option to include featured images to the Latest Posts Block. This way, the block will get some more attention than usual. What\u2019s more, when uploading featured images to your posts, you can now drag-and-drop them.<\/p>\n\n\n\n
Embed TikTok Videos in WordPress 5.4<\/h3>\n\n\n\n
Just like with YouTube videos, WordPress 5.4 now includes oEmbed support for TikTok videos.
<\/p>\n\n\n\n<\/figure>\n\n\n\n
All you need to do is paste the video URL.<\/p>\n\n\n\n
Site Health Check Feature Improvements<\/h2>\n\n\n\n
We have covered the Site Health Check feature in our WordPress 5.2 post<\/a>. It\u2019s quite a useful feature, and with WordPress 5.4, it gets embedded in the Dashboard. Now everyone can make a quick site health check without having to click on the feature separately.<\/p>\n\n\n\n
WordPress 5.4 Changes and Improvements for Developers<\/h2>\n\n\n\n
With its new version, WordPress is introducing several developer-related changes. It\u2019s important to note that some of those actually break the backward compatibility, so you need to have that in mind.<\/p>\n\n\n\n
With version 5.4 of WordPress, theme authors now have access to the Gradients API, for both the cover and the button blocks. Developers should also keep in mind the new social icons and button blocks and make sure their theme blocks styles can handle those new features.<\/p>\n\n\n\n
Additionally, several CSS classes within the block editor have been renamed. The HTML markup for the calendar widget has been rewritten and got its classes updated by the WordPress core team.<\/p>\n\n\n\n
For the full list of changes that come with WordPress 5.4, you can visit the official Field Guide<\/a>.<\/p>\n\n\n\n
Why You Should Update WordPress<\/h2>\n\n\n\n
Here are the main reasons you should update WordPress core, plugins, and theme:<\/p>\n\n\n\n
- New Buttons Block<\/a><\/li>\n\t
- Block Editor Changes and Additions<\/a>