New Features in WordPress 5.5

Next Century Media > WordPress  > New Features in WordPress 5.5

New Features in WordPress 5.5

Today, WordPress 5.5 has been released, which is a major update to WordPress which focuses on “speed, search and security”.

The updates include over 1500 changes to the block editor interface, 150+ enhancements and feature requests, plus 300+ bug fixes which make it a good reason to upgrade.

As always, never upgrade until you have done a complete backup of your WordPress website that includes the WordPress database, WordPress files including themes, plugins and media library.

How to Update to WordPress 5.5

WordPress 5.5 is due to be released on August 11, 2020. As soon as the update has been released, you will see the WordPress version update available in your WordPress admin dashboard > Updates on the Updates page and click on Update Now. Again, don’t forget to backup your site before you update!

Here are some of the main new features in WordPress 5.5.

Auto-Updates For Plugins and Themes

Perhaps the biggest change in 5.5 is auto-updates for plugins and themes. 

Why would auto-updates be rolled into WordPress core? Outdated plugins and themes are still the #1 reason WordPress sites get hacked. Version releases often include important security patches to close vulnerabilities (just check out how many security issues with themes and plugins are disclosed from month to month in our WordPress vulnerability roundup). That’s why always running the latest version of any plugin or theme you have installed on your site is a security best practice.

Now WordPress core will allow you to set plugins and themes to update automatically from your WordPress admin > Plugins > Installed Plugins and Appearance > Themes pages. This way, you can always know your site is running the latest code available.

How to Turn On Auto-Updates for Plugins

On the Plugins > Installed Plugins page, you’ll see a new column for Automatic Updates. Click the link to Enable auto-updates or disable auto-updates for each plugin you have installed. You can also use the bulk selector to apply the bulk action of enabling/disabling auto-updates.

How to Turn on Auto-Updates for Themes

On the Appearance > Themes page, you need to hover over each theme and click the Theme Details button. You’ll see the Enable auto-updates link in this view.

Here are a few important things to note about the new auto-updates:

  • By default, auto-updates are turned off in 5.5. You’ll have to enable auto-updates for all your plugins and themes.
  • By default, WordPress runs auto-updates twice per day. If updates are available for plugins or themes with auto-updates enabled, the time until the next scheduled update will be displayed below the enable/disable auto-updates action link. Note: Auto-updates depends on the WP-Cron task scheduling system.

Block Editor Interface Design Improvements

The rapid improvement of the block editor continues in WordPress 5.5. with numerous changes to the look and feel of the block editor “in the hope of simplifying iconography, color palette, focus, and general interface.”

WordPress 5.5 includes 1500+ changes to the block editor interface, and you will definitely tell the difference with this redesign (and mostly likely appreciate the improvements). The design update of the block editor is intended to improve the overall editing experience.

Examples include: the effort to create a single toolbar to have fewer tab stops, work done to make the single primary toolbar bigger (more tappable with a larger touch area), and higher contrast. Some changes, such as removing borders around selected blocks, have inspired spirited debates, and it’s been great to see so many people involved. As always, discussion, iteration, and collaboration are our best tools for moving forward together.

Here are overall design improvements you will see in the 5.5 to the block editor:

  • A simpler block toolbar
  • Better UI color contrast
  • Consistent focus styles
  • Redesigned icons
  • Grid-based spacing and sizes

Here’s a quick summary of more things you’ll notice in the new design of the block editor in 5.5:

  • Inline image editing from the block editor
  • Block movers – Now you can use arrows in the block toolbar to move blocks up or down in your content.
  • Refined drag and drop of blocks. This is a huge improvement over previous versions of the block editor.
  • Multi-select formatting allowing changes to many blocks at once

Built-in XML Sitemaps For Better SEO

For the “search” focus of the WordPress 5.5 release, built-in XML Sitemaps have been introduced. You already know that WordPress sites work well with search engines, but new XML Sitemaps functionality in WordPress 5.5 helps even more. Now, WordPress provides sitemaps for built-in content types like pages and author archives out of the box.

Basically, this means that millions of sites improve their chances of ranking thanks to the XML sitemaps in WordPress 5.5.

With version 5.5., WordPress will expose a sitemap index at /wp-sitemap.xml. This is the main XML file that contains the listing of all the sitemap pages exposed by a WordPress site, making the following object types indexable:

  • Homepage
  • Posts page
  • Core post types (i.e. pages and posts)
  • Custom post types
  • Core taxonomies (i.e. tags and categories)
  • Custom taxonomies
  • Author archives

Additionally, the robots.txt file exposed by WordPress will reference the sitemap index.

Here are a few things to note about the new XML Sitemaps:

  • What does this mean for plugins like Yoast SEO? Thankfully, Yoast has already provided a great article in their FAQ: XML sitemaps in WordPress 5.5 and Yoast SEO. Basically, you’ll want to continue using the sitemaps provided by the Yoast SEO plugin. As of Yoast SEO 14.5, the new default WordPress sitemaps will be automatically turned off to make sure theirs runs flawlessly.
  • Sitemaps can be disabled by selecting the “Discourage search engines from indexing this site” setting in Settings > Search engine visibility in your WordPress admin dashboard.
  • Customizing sitemaps (for devs): The Core team has provided extensive documentation to explain how to add custom sitemaps, remove them or customize them with classes, functions, hooks and filters.

Inline Image Editing from the Block Editor

WordPress 5.5 now allows you to crop, rotate, and zoom your photos right from the image block. If you spend a lot of time on images, this could save you a lot of time by bypassing another software to perform basic image editing actions.

After adding an image block, you’ll see a new crop icon in the block toolbar. Click this icon to reveal more options including zoom, aspect ratio and rotate.

Example of Aspect Ratio

New Block Patterns

In WordPress 5.5, the block editor introduces a new concept called block patterns. With block patterns, you can now build and share predefined block layouts.

You can find the registered block patterns by using the + icon in the upper left corner of the screen. You will see both a Blocks and Patterns tab (plus Reusable, if you have any), so you can switch between these options. Then you can add Block Patterns to your post/page like any other block.

A few notes on block patterns:

  • Block patterns truly pave the way for the block editor to become a page builder. Be on the lookout for block patterns to take off as the block editor continues to evolve in this direction.
  • WordPress 5.5 comes with a number of built-in block patterns, but it’s also possible for third-party plugins and themes to register additional block patterns or remove existing ones. Here’s more on Block Patterns in WordPress 5.5.
  • To see block patterns in action, check out the Twenty Twenty default theme. Twenty Twenty is always a good theme to have installed on a development server as it really highlights what’s possible with the latest version of WordPress.
  • Theme authors might want to opt-out of the bundled patterns and provide their own set. Here’s the block patterns documentation for developers, including registering/un-registering and categories.

New Block Directory

Based on a discussion about how block plugins need to be distinguished from other plugins in the Plugin Directory, a new Block Directory has been created as a section within the Plugin Directory that contains only single block plugins. The new WordPress Block Directory is separate from the main plugin directory, so you’re either browsing regular WordPress plugins or single block plugins.

Now in WordPress 5.5, it’s easier than ever to find the block you need. The new WordPress block directory is built right into the block editor, so you can install new block types to your site without ever leaving the editor.

Just use the + icon on the top left of the page to use the new block inserter and search for available blocks. Watch for the block directory to really take off in the future, as it still seems fairly new.

New Post/Page Preview For Desktops, Tablets & Mobiles

Another great feature in block editor update is the ability to preview your post or page on different-sized devices before you publish.

Now the Preview tab gives you three options:

  • Desktop
  • Tablet
  • Mobile

Accessibility & Keyboard Navigation Improvements

Before WordPress 5.5, it was possible to rearrange widgets on the Dashboard and metaboxes on post editing pages (with Gutenberg disabled) using only a pointing device, such as the mouse. This was causing accessibility issues, since it was not possible to perform the same actions with the keyboard. It was also challenging to perform these actions on touch screens. WordPress 5.5 solves this by adding new controls and functionalities to allow reordering the boxes with the keyboard. There are also improvements to facilitate reordering of boxes on touch screens.

Lazy Loading Images

As part of the speed improvement with this release is the Lazy Loading Images feature.

Images give your content a lot more engagement, but they can sometimes make your site slower. In WordPress 5.5, images will now wait to load until they’re just about to scroll into view. The technical term is ‘lazy loading.’

Lazy-loaded images will greatly improve page speed by loading images on scroll. There are already plugins that do this already, but Lazy Loading images will now be available in core.

There aren’t any frontend settings for the new lazy-loading images because by default, WordPress will add loading="lazy" to all img tags that have width and height attributes present.

Moving Blocks

The redesigned block toolbar introduces new arrow icons to move blocks up or down within your content. Rather than the arrows being placed to the left of the block, they’re now in the toolbar.

Block Inserter Panel

Now the block inserter panel comes with streamlined categories, collections, native support for patterns, and block directory integration. You’ll also notice the iconography has been updated.

Easier To Copy and Paste Blocks

Another great addition in WordPress 5.5 is the intelligent copy/paste of blocks.

Copying, cutting, and pasting single blocks is now much easier and you will now see a new Copy button in the collapsed block actions (next to duplicate, etc.) to copy the selected block(s).

Improved Drag & Drop of Blocks

Since its first introduction, the experience of drag and dropping blocks to reorder them has stayed almost untouched. This release includes several iterations to improve on drag and drop.

  • Drag and drop supports vertical reordering more clearly
  • Replaces the cloned element with a nice little drag chip
  • Smoothing of the scroll-on-drag behavior

Update Plugins & Themes By Uploading Zip Files

If updating plugins and themes manually is your thing, now that’s easier too: now you can upload a zip file to update a theme or plugin you already have installed on your website. 

From the Plugins > Add New menu, you can upload a zip file of any plugin or theme you already have installed to update it.

You may already know about the Easy Theme and Plugin Upgrades plugin that our own Chris Jean built years ago to update themes and plugins with a new zip file, but this functionality will now be available in WordPress core.

Here is how updating a plugin via a zip file looks in WordPress 5.5:

You will now see a new screen that gives you a notice that the plugin or theme is already installed.

You can compare the current and uploaded versions and then click the Replace current with uploaded button to overwrite the previous version with the one you have uploaded to proceed with the update.

Background Gradient Support for Certain Blocks

Now the group, columns, and media and text blocks support background gradients. It’s a great feature if you love colorful content and the new design trend of gradient backgrounds.

Multi-Block Select & Edit

Now, if you select multiple blocks of the same type, you can change their attributes all at once which will is very useful and will save you time.

Easy Upload For External Images

Another workflow people use while writing is to rely on external tools to write or collaborate on their posts and when ready, copy/paste these into the block editor. The downside is that any external images used there are hosted elsewhere and may not always persist.

In 5.5, if an image block is using an external image, you’ll have the ability to upload it to the media library while keeping it as is on the post with a single click.

HTML Anchors for Blocks

In the block settings panel for each block, you will now see a new HTML anchor section where you can set your anchor ID for the block. This is really helpful if you link to certain sections within your content on the same page.

So you will now be able to enter a word or two (without spaces) to make a unique web address, called an anchor. You will be able to link directly to this section of your page.

Additional Block Design Controls

These features hinge on your theme supporting them, but there are now additional opt-in block design controls, including:

  • Custom line heights for heading and paragraph blocks
  • New padding control for the cover block
  • New link color control was added to the paragraph, heading, group, columns, and media & text blocks