What’s Coming in WordPress 5.7 (Options and Screenshots)

WordPress 5.7 Beta has not been available for a while and is expected to be released on March 9, 2021. It will be the first major release of the year and will include some new features and improvements.

We followed the development closely and tried out the new functions on our test pages.

In this article, we’re going to show you what’s coming in WordPress 5.7 with features and screenshots.

Note: You can try the beta version on your computer or in a staging environment with the WordPress Beta Tester plugin.

WordPress 5.7 is under development and some features are still subject to change and may not make it into the final version.

Let’s take a look at what’s coming in WordPress 5.7.

Editor improvements in WordPress 5.7

The WordPress editor is the area where website owners spend most of their time creating pages and writing content.

Every WordPress version brings new features and improvements to the editor. WordPress 5.7 also comes with some exciting new features and improvements to improve your editing experience.

Drag and drop blocks from the inserter

With WordPress 5.7 you can simply drag a block from the inserter ‘Add new block’ (+) into your content area and drop it there. This allows you to choose where to place a block before dropping it on the post canvas.

Drag a block from the inserter and drop it there

Blocks full height in WordPress 5.7

Do you like using full-width blocks for covers, columns, and group blocks? This is a great way to create visually stunning layouts. With WordPress 5.7, you can now also create full-height blocks.

Full height option in a block toolbar

These blocks fill the height of the user’s screen so you can create even more engaging layouts.

Block variations can now have their own descriptions

WordPress 5.7 now shows descriptions for block variants. For example, the social icon block contains Facebook, Twitter, and other social icons. You can preview them in the Block Inspector.

Block variation descriptions

Social icon sizes

WordPress 5.7 allows you to adjust the size of icons in the social media icon block.

Social icon size

Improved buttons

WordPress 5.7 introduces the vertical alignment of the buttons in the block editor. Users can also choose from a preset percentage width for their buttons.

Vertical alignment for buttons

Adjust the font size in more blocks

Another improvement in the block editor is the ability to adjust the font size in more blocks including the list and code blocks.

Font sizes in several places in WordPress 5.7

Easier migration from HTTP to HTTPS

Previously, when moving WordPress from HTTP to HTTPS, you had to manually update the URLs embedded in your content. Otherwise, there was a mixed content problem.

WordPress 5.7 makes it easy to migrate your website to HTTPs. The availability of HTTPS is shown as a critical issue in the site health menu.

Migrate to HTTPs with one click

From here, users can click a button to update the WordPress URLs. This will change your WordPress and site URL settings and update URLs in your content to use HTTPs.

Standardized WP admin color palette

WordPress 5.7 also standardizes the wp-admin color palette. Basically, WordPress uses Sass to generate CSS files on the fly.

WordPress came with a limited number of color schemes and introducing new color schemes was difficult as developers had to deal with variable Sass systems.

Admin color scheme palettes in WordPress

In the upcoming version 5.7, WordPress will reduce all the colors used in CSS to one of the available colors blue, green, red, yellow, gray, black and white. This gives developers a palette with a wider range of light and dark color schemes.

New robot API

WordPress 5.7 will introduce a new robots API. This API allows developers to programmatically control and update the robot meta tag on a website.

You can use the robots meta tag to tell search engine bots how to crawl and index a website. This can be achieved by adding a robots.txt file to your site’s root folder or by using the robots meta tag.

A new feature called wp_robots is introduced in WordPress 5.7. Developers can change the robot meta tag by adding their own filters to the feature. Here is an example of how it would work:

Function wporg_wp_robots_add_follow ($ robots) {$ robots[‘follow’] = true; return $ robots; } add_filter (‘wp_robots’, ‘wporg_wp_robots_add_follow’);

WordPress 5.7 adds a max image preview to the robot’s meta tag by default: a big directive. This allows search engines to use the big picture to preview in search results.

This is what it would look like in your site’s source code:

WordPress automatically hides this tag for websites whose visibility in search engines is deactivated in the settings.

If you want to disable this and let search engines decide which image to use for the preview, you can add the following code to your theme’s functions.php file or a location-specific plugin.

remove_filter (‘wp_robots’, ‘wp_robots_max_image_preview_large’);

Lazy loading iFrames

WordPress 5.7 automatically adds lazy loading to iframe embeds. Lazy loading is a technique used to improve the speed of the website while a page is loading. Basically, it tells the user’s browser to load an item when it is displayed.

WordPress has been using delayed loading of images by default since WordPress 5.5.

This means that any embeds that use iframes, such as. B. YouTube videos that use lag loading to improve your page loading speed.

If you’re using Smash Balloon’s YouTube feed, your video feed will already be optimized with better caching and lazy loading.

Changes under the hood

WordPress 5.7 also brings many changes for developers to study and use in their own themes, plugins, and projects.

Below are some of those changes under the hood.

WordPress 5.7 introduces the new functions is_post_status_viewable () and is_post_publicly_viewable () to check whether a post is publicly visible. (See details)

With the render block feature, developers can now filter the contents of a single block. (# 46187)

WordPress 5.7 adds a filter hook to edit the $ user_data variable during the retrieve_password () function. This allows developers to do custom checks when resetting passwords. (# 51924)

Developers can change the “Go to website” link displayed in the footer of the login page using a new hook, “login_site_html_link”. (# 35449)

Two new functions get_post_parent () and has_post_parent () will be available in WordPress 5.7 to determine if a post has a parent post and to get the related parent post as an object. (# 33045)

We hope this article has given you a good idea of ​​what’s to come in WordPress 5.7. Let us know which features you find interesting and what you would like to see in a future WordPress release.

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

Comments are closed.