WordPress 5.3 has been released and this update introduces more than 150 new features and improvements. The initiative has previously shared some of the key updates to WordPress 5.3, and in this article today we’ll revisit the top 20 new features of WordPress 5.3.
Please back up your website before you update it!! Before you run any major updates to WordPress, be sure to back up your website. Use WordPress backup plug-ins such as BackupBuddy and WPvivid Backup to run a full site backup. Backups of the entire site should include WordPress databases, WordPress files, themes, plug-ins, media libraries, and more.
WordPress 5.3 Major Updates
WordPress 5.3 focuses on extending and refining the WordPress Gutenberg Editor, also known as the Gutenberg Editor, which was first introduced in WordPress 5.0. Most of the new features and improvements that deserve more attention are related to Gutenberg. However, there are some other great updates in this release, including better image processing, updates to the WordPress background UI, and more to improve accessibility.
1. Faster, more intuitive WordPress Block Editor
Overall, you’ll notice that using the Gutenberg Block Editor feels more “smooth” and less clumsy to use. It can be said that the overall experience of creating articles and pages using the Block Editor has been a great effort. WordPress 5.3 introduces Motion to make interactionwith with your block “fast and natural.” In addition, the page load has been reduced from 60 milliseconds to 44 milliseconds, and the Gutenberg Editor is now lighter.
2. Better block preview and description
WordPress 5.3 extends the information contained in the Add Blocks menu at the top left. Now you’ll see a preview of the appearance of a single block and better describe the functionality of the block. If you’re not sure which block to use, the addition of preview features will greatly improve the process of selecting the correct block. To view these, click the “plus” sign in the top navigation menu. Hover over any block in the list to see the correct block preview and description information.
3. Large image support
WordPress 5.3 improves support for uploading high-resolution images, such as photos taken from smartphones or other high-quality cameras. WordPress 5.3 introduces large image detection and automatically generates the “Network Optimization Maximum Dimensions.”
Photos are now immediately adjusted to 2560 pixels when they are uploaded, making them the new “full” size. If the image has been automatically resized, scaled is added to the file name. If the server times out and fails, WordPress will also retry generating the image size.
This is a huge victory for those who may not realize that large images slow down websites, and for those who must educate customers on how to optimize images for their sites. Note: You can disable the automatic image size function using big_image_size_threshold filter hooks.
To learn more about big picture processing, read: WordPress 5.3 for autoscale of large pictures, WordPress 5.3 update sits on pictures
4.New Theme 2020
2020 is a new default WordPress theme that is bundled with WordPress 5.3. “Design with flexibility at its core” is bold and bright. You may like or hate its design.
The biggest reason for the introduction of the 2020 theme is to see what can happen when the theme is fully integrated with the Gutenberg Block Editor. Developers may want to drill down into the topic file to see how much work has been done on the back end.
Designers may like the Inter font designed by Rasmus Andersson for the 2020 theme. As the first object of WordPress’s default theme, Inter provides a variable font version that reduces load time by including all font weight and font styles in only two font files.
5. Change the look of the WordPress management interface
You may immediately notice some changes in the appearance of the WordPress management interface. These changes are primarily related to improving accessibility. On the Welcome screen in the management console, you can immediately notice some changes in 5.3.
Here are a few updates to the management interface:
Button no longer has box shadows
To make the hierarchy between interface elements better, darker table and metabox borders are introduced
More contrasting colors on form fields and buttons
Focus styles on form fields and buttons
Content behavior when text zooms
Specific changes have been made to form fields (text input, text area, selection, check boxes, radio buttons, main buttons, and secondary buttons) as well as notifications, tables, meta-boxes, and color selectors.
6. Better In-Page/Article Editor Preview
If the topic supports, you may see a new preview experience when you use the Block Editor when you create an article or page. For example, you might see the background color used by the theme, not just a normal white background screen. This preview better reflects the final “published” design that you’ll see at the front end of your site.
The new WordPress theme 2020 shows the possibility of providing block previews when using blocks in the article/page editor, which will certainly improve the experience of using blocks.
To improve the accessibility of screen readers, the block editor in WordPress 5.3 introduces a new navigation mode. You can now use the Tab key to move between blocks. You can also use the arrow keys to navigate between blocks. Once you reach the block you want to edit, you can enter edit mode by pressing Enter. Use the Esc key to return to navigation mode.
8. New Group Blocks
As the Gutenberg Editor celebrated its first birthday, several new WordPress blocks were introduced into WordPress 5.3. The new grouping blocks allow you to group other blocks together, so you can easily divide the page into colored sections with background color options. This way, you don’t have to set the background color for each block.
9. New blank blocks
WordPress 5.3 introduces dedicated “blank” blocks instead of spending a lot of time space between your content. You can find the block under Layout Elements. In the top toolbar, you can display the height of the block setting spacing in pixels.
Alternatively, you can use the blue dot to activate a new Interactive Zoomer, which is cool. The height in pixels is automatically adjusted.
10.Column block improvements
Improvements have been made to the column block. The Columns block now supports the ability to secure column widths, resize columns, and align columns. There is also a new wizard when you add columns.
11. Improvements to the cover block
You can now set the background color for the cover block, which allows you to add an image or video with a text overlay, such as a title.
You can also use the same interactive slider to change the size of the title block.
12.Button block fillet radius setting
In WordPress 5.3, you can customize the fillet radius of a button block from the Block editor. The fillet radius may be small, but this means that you don’t have to go through CSS.
13. Table Block Update: Header/Footer Lines and Alignment
Table blocks now support headers and footers, and are available from Block Settings. Table alignment also has a new option, not just text alignment.
14. Change the color of the title bar
WordPress 5.3 now provides controls for text and background colors. The default color may be determined by your theme (as shown here, as “2020”). You can also use the Custom Color link for the color selector.
15. Overall accessibility improvements
WordPress 5.3 has greatly contributed to improved accessibility. These improved styles address many accessibility issues, such as color contrast on form fields and buttons, consistency between editors and management interfaces, new “snackbar” notifications, and standardization of the default WordPress color scheme.
16. Automatic image rotation
The feature was originally introduced nine years ago, and now WordPress is supporting automatic image rotation thanks to the perseverance of many dedicated people. Once uploaded, the image rotates correctly based on the embedded orientation data.
17. Manage e-mail verification
Now, when you sign in as an administrator, you’ll be asked to confirm that your admin email address is up-to-date. If you change your email address, this reduces the chance of being locked out of the site.
18. Improving site health
The improvements introduced in WordPress 5.3 make it easier to identify problems. Extended recommendations highlight areas that may need troubleshooting on your site from the Health Check screen.
Specific improvements include changes to scoring metrics, enhanced email recovery capabilities, and new filters for completing site health tests.
19.Date/Time Component Repair
Developers can now handle dates and time zones in a more reliable way. The date and time feature has acquired several new API functions for unified time zone retrieval and PHP interoperability, and has fixed many errors. Click here to learn more.
20. PHP 7.4 compatibility
Developers will be pleased to hear from WordPress 5.3, which is designed to fully support PHP 7.4. WordPress 5.3 contains several changes to remove features that are not recommended and to ensure compatibility. As always, WordPress encourages all users to run the latest version of PHP.