WordPress 5.7 – Gutenberg Updates Tutorial

Share: WordPress 5.7 – Gutenberg Updates Tutorial

[Sassy_Social_Share title align="center"]

A walkthrough of the new WordPress 5.7 – Gutenberg Updates Tutorial, so you can get a feel for the new updates and a slightly new look.

WordPress 5.7 – Gutenberg Updates Tutorial

WordPress 5.7 – Gutenberg Updates Tutorial & Features | #Gutenberg #WordPress #WordPressTutorials

The Highlights Include:

Now the new editor is easier to use

Font-size adjustment in more places: now, font-size controls are right where you need them in the List and Code blocks. No more trekking to another screen to make that single change!

Reusable blocks: several enhancements make reusable blocks more stable and easier to use. And now they save automatically with the post when you click the Update button.

Inserter drag-and-drop: drag blocks and block patterns from the inserter right into your post.

You can do more without writing custom code

Full-height alignment: have you ever wanted to make a block, like the Cover block, fill the whole window? Now you can.

Buttons block: now you can choose a vertical or a horizontal layout. And you can set the width of a button to a preset percentage.

Social Icons block: now you can change the size of the icons.

A simpler default color palette

This new streamlined color palette collapses all the colors that used to be in the WordPress source code down to seven core colors and a range of 56 shades that meet the WCAG 2.0 AA recommended contrast ratio against white or black.

Find the new palette in the default WordPress Dashboard color scheme, and use it when you’re building themes, plugins, or any other components. For all the details, check out the Color Palette dev note.

From HTTP to HTTPS in a single click

Starting now, switching a site from HTTP to HTTPS is a one-click move. WordPress will automatically update database URLs when you make the switch. No more hunting and guessing!

New Robots API

The new Robots API lets you include the filter directives in the robots meta tag, and the API includes the max-image-preview: large directive by default. That means search engines can show bigger image previews, which can boost your traffic (unless the site is marked not-public).

Lazy-load your iFrames

Now it’s simple to let iframes lazy-load. By default, WordPress will add a loading="lazy" attribute to iframe tags when both width and height are specified.

Ongoing cleanup after update to jQuery 3.5.1

For years jQuery helped make things move on the screen in ways the basic tools couldn’t—but that keeps changing, and so does jQuery.

In 5.7, jQuery gets more focused and less intrusive, with fewer messages in the console.

https://wordpress.org/news/2021/03/esperanza/

Have a question? Ask on our free Facebook Community Group. We would love to help answer your questions.

WordPress Community & Help Group https://www.facebook.com/groups/pressavenue/


Share & Help Out the Community

[Sassy_Social_Share]

Let us know what you think of the WordPress 5.7 – Gutenberg Updates Tutorial WordPress Tutorial. Feel free to ask a question or give your two-cents. Additionally, you can continue the discussion on our Free Facebook Group: "WordPress Tutorials & Community Help"

Leave a Comment