WordPress 6.6 release: key features and changes

WordPress 6.6 “Dorsey” has been launched! The second one primary replace in 2024 introduced some extremely expected options and different enhancements to all WordPress customers.

This replace focuses basically on refining the block revel in. It comprises the behind schedule sample overrides function to start with deliberate for WordPress 6.5 and the brand new theme.json model.

In general, this free up merged 8 Gutenberg variations and presented over 55 accessibility improvements. I can stroll you via some thrilling adjustments and necessary updates you will have to profit from.

Precedence options of WordPress 6.6

Six precedence options had been highlighted when the beta model of WordPress 6.6 used to be launched over a month in the past. Our good friend Bud Kraus wrote a special blog post about them, the place he dove deep and defined intimately how you can use a few of these options. I extremely suggest trying out his weblog put up. 

Right here’s a recap of the concern options on WordPress 6.6:

Trend overrides 

This is likely one of the maximum expected options of WordPress 6.6. Trend overrides had been behind schedule from WordPress 6.5 for some refinements. Now, customers can in any case revel in a brand new method of operating with patterns.

In essence, it really works in a similar way to synced patterns, however now it permits customers to choose sure blocks to be overridable. This implies customers can alternate some components, like textual content, heading, or symbol whilst nonetheless preserving the manner uniform throughout the entire web site because of the synced assets.

Grid block

A brand new container block is presented as a brand new method to prepare the content material format, which is able to, in some instances, additionally spice up your web site’s velocity.

Prior to now, a grid content material format used to be most effective imaginable by way of creatively the usage of row or column blocks. Whilst imaginable, this system creates some bloat within the HTML. The brand new devoted grid block eliminates the overhead, leading to a leaner codebase.

As you’ll see, the grid block permits customers to modify the collection of columns, rows, and the person grid span.

Palette and typography presets

The manner diversifications function used to be presented a couple of variations in the past with the intention to create a library of appearances for block topics. WordPress 6.6 builds upon this by way of introducing the manner colour palette and typography presets. Now, every taste variation may have a couple of colour palettes and typography choices. 

Granted, that is closely depending on how the theme is designed within the first position. Block theme authors will have to allow those colour and typography presets at the taste variation JSON report to lead them to to be had.

Unfavorable margins

The block thought in WordPress is superb for construction content material with more than a few components. Then again, one design risk used to be lacking – overlapping content material. This is till WordPress 6.6 presented damaging margins. 

In WordPress design phrases, margins are the gap between blocks. With the damaging margin carried out, two blocks can intrude with one any other to create multilayered, overlapping content material.

Higher information perspectives within the Website Editor

WordPress participants are revamping the consumer interface, with without equal plan to revamp the entire WordPress Admin space. The works will also be noticed progressively within the Website Editor, as they presented but any other replace to fortify the information perspectives.

This time, the Pages and Templates segment of the Website Editor has been up to date. The Pages segment now has the writer’s data and publishing standing. In the meantime, the Templates segment, has been considerably modified, with previews now to be had. 

Trend control in vintage topics

That is any other one of the crucial updates to the consumer interface. Prior to now, WordPress 6.5 presented a navigational hyperlink to the sample panel for traditional theme customers. The interface used to be the similar because the put up and web page lists.

WordPress 6.6 enhanced that with a brand new interface. So, when vintage theme customers open the sample panel, they are going to see a identical interface to that of the Website Editor. They’ll be capable of see the correct previews of the sample and set up them, whether or not it’s to copy, replica, or export.

What else within the WordPress 6.6 replace

Rather than the extremely expected precedence options, WordPress 6.6 introduced a number of extra customization enhancements and under-the-hood updates, together with a brand new theme.json model and a metamorphosis in PHP give a boost to.

I’ve handpicked some upgrades that may fortify your WordPress revel in. Let’s dive into what they’re and the way they may be able to receive advantages you.

Website-wide background symbol

One in all my favourite new options in WordPress 6.6 is the power so as to add a site-wide background symbol to the block theme’s taste.

Prior to now, including one to a block theme calls for trickery the usage of a canopy or a gaggle block. Even so, it’s now not carried out to the entire web site, as you’ll wish to customise all used templates. There’s additionally a CSS means, however that calls for coding wisdom.

In WordPress 6.6, the background symbol is part of the manner configuration. 

To configure it, cross to the Website Editor and open the Kinds panel. Make a selection the Format choice and scroll right down to the Background symbol segment. Click on the Upload background symbol button and add the picture you need to make use of or select one from the media library.

Now, the background symbol is carried out to the entire web site, and you’ll alternate a couple of settings.

First, I might suggest opting for how the dimensions of the picture:

• Quilt – the picture will duvet the entire content material house frivolously. I might most effective suggest the usage of this if in case you have a pattern-type symbol in the right kind solution. Differently, it could now not create the most efficient look.
• Comprise – the picture shall be adjusted to hide the width of the aspect. If you select this, you’ll see the method to repeat the picture as customers scroll down the web page.
• Tile –  the picture may have a set width. You’ll alter the width and allow repeating photographs, growing a singular and inventive impact.

After that, you’ll use the Place segment to regulate which a part of the picture you need to show. Merely drag the circle care for to reposition the picture till you notice have compatibility.

If you wish to take away the picture, click on the ellipsis icon and select Reset. 

Bulk export patterns

The power to export WordPress patterns used to be presented in WordPress 6.4. It simplifies the workflow while you’re migrating from one web site to any other or when you need to have the similar sample collections for your new web site. 

Then again, there used to be one caveat – you needed to do it in my view. Fortunately, with this replace, that’s not the case.

In WordPress 6.6, you’ll simply bulk export patterns to JSON recordsdata. In case you cross to the patterns panel within the Website Editor, you’ll use the checkbox to choose a couple of patterns. As soon as you choose some patterns, click on Edit x pieces on the best proper aspect of the panel and make a selection Export as JSON. The recordsdata shall be downloaded into your laptop in ZIP structure and able so that you can add to any other web site.

That mentioned, you’ll’t bulk import patterns, so you’re going to nonetheless must add them in my view. 

Taking a look at how sample control stepped forward thus far, I be expecting it’s any other capability the builders will expectantly introduce in a long run free up.

Customized side ratio presets

When the picture side ratio atmosphere used to be presented in WordPress 6.4, it become my favourite function in that replace. It makes making a uniform symbol measurement within the block editor a lot more uncomplicated.

However even though the choices duvet the preferred symbol side ratio, it’s nonetheless beautiful restricted, particularly if you need a customized format on your block content material. This is, till WordPress 6.6 got here alongside. 

Now, you’ll upload a customized side ratio, even though it calls for tweaking the theme.json report. However don’t concern – it’s slightly easy. All it’s a must to do is locate this code snippet:

{
"model": 3,
"settings": {
"dimensions": {
"defaultAspectRatios": true,
"aspectRatios": [
{
"name": "Custom ratio - 7:4",
"ratio": "7/4",
"slug": "7-4"
}
]
}
}
}

Beneath the aspectRatios, you’ve gotten the identify, ratio, and slug variable. You’ll customise all of them on your wishes.

• Identify – the identify of the side ratio you need it to look at the editor display screen.
• Ratio – the true symbol side ratio you need to make use of. The usage of a ahead slash as an alternative of a colon for this variable is necessary.
• Slug – the slug with which the side ratio data is saved.

While you replace the theme.json report with this new code, you’ll make a selection the brand new side ratio within the block editor.

theme.json model 3

In case you’re a theme writer or a consumer who likes to tweak the theme recordsdata, remember that the brand new theme.json model 3 is now to be had. 

The brand new model introduced breaking adjustments within the default fontSizes and spacingSizes presets, as there at the moment are defaultFontSizes and defaultSpacingSizes choices to override the default presets.

Right here’s how they paintings: the default fontSizes preset incorporates small, medium, huge, and extra-large font sizes. The defaultFontSizes choice will also be set to true or false and can resolve whether or not the theme can override the ones default font sizes.

Right here’s the way it looks as if within the code. 

"settings": {
"typography": {
"defaultFontSizes": false,
"fontSizes": [
{
"name": "Small",
"slug": "small",
"size": "10px"
},
{
"name": "Medium",
"slug": "medium",
"size": "14px"
},
{
"name": "Large",
"slug": "large",
"size": "20px"
}
]
}

Within the instance above, the defaultFontSizes choice is about to false prior to defining the fontSizes. It’s because the theme needs to override the default font sizes the usage of the similar identify. If the defaultFontSizes is about to true, the next font sizes gained’t paintings.

The similar good judgment applies to spacingSizes and defaultSpacingSizes, as it’s a must to set the method to false prior to defining the brand new default spacing sizes.

"settings": {
"spacing": {
"defaultSpacingSizes": false,
"spacingSizes": [
{
"name": "Small",
"slug": "40",
"size": "1rem"
},
{
"name": "Medium",
"slug": "50",
"size": "1.5rem"
},
{
"name": "Large",
"slug": "60",
"size": "2rem"
}
]
}

I recommend studying the developer handbook to be told extra in regards to the adjustments between theme.json variations 2 and three and the migration process.

Losing give a boost to for PHP 7.0 and seven.1

The WordPress Core workforce updates the PHP minimal necessities periodically. In WordPress 6.6, they dropped give a boost to for PHP 7.0 and seven.1. This choice used to be made in April, as most effective 2.45% of monitored WordPress installations are the usage of those variations.

This ends up in a metamorphosis within the WordPress minimal necessities: PHP 7.2.24. That mentioned, the really useful PHP model stays model 7.4.

Updating to WordPress 6.6

Updating your WordPress model is discreet, however you will have to make some arrangements prior to pushing the replace to the are living web site.

First, back up your WordPress site. If anything else is going incorrect all over the replace procedure, you’ll use the backup recordsdata to get better the web site.

The next move is to create a staging site to check the replace and check up on any compatibility problems. With Hostinger’s Industry WordPress Web hosting and all Cloud Web hosting plans, you’ll simply use our staging function to create a checking out surroundings.

However when you’re operating on PHP 7.1 or decrease, that is the time to improve your web hosting PHP model to no less than 7.4. You’ll simply do it from the hPanel, however first, be sure that all plugins and topics for your web site fit with the brand new PHP model.

After making sure the whole thing works completely at the staging web site, push the replace to the manufacturing web site and experience the most recent model of WordPress.