WordPress 6.2, what is it coming with?

WordPress 6.2 Beta arrived a few days ago and is scheduled for release on 28 March 2023. It will be the second major release in 2023 and comes with significant new features and improvements.

We have been monitoring the development.

In this article, we give you a taste of the new WordPress 6.2-about the features coming in.

Website development prices, WebServe.huWordPress_logo
WordPress changes, what's new. WP version 6.2

Here's a quick overview of the changes coming in WordPress 6.2:

The full page builder is out of beta

The new full page builder feature in WordPress is WordPress 6.2 final release and the beta label will disappear.

The beta subtitle disappears from the editor

This completes a significant part of the WordPress development roadmap.

The site builder feature is now stable and complete to create block-based themes and experiment with your own WordPress sites, plugins or themes.

Note: The full page builder is available with block themes that support this feature. You can also try it out if you are using the older classic editor with a theme that supports blocks.

Browse and select templates for editing

Previously, the Page Editor loaded the Home template of the theme by default. This left many beginners clueless as to which template or template part they should edit.

With WordPress 6.2, the site builder loads the template preview window first. From here you can browse through the different templates and preview how they look.

Template browserTemplate browserTemplate browser

Then simply click on the Edit button to start working on the selected template.

When you're done editing the template, don't forget to click Save to apply your changes.

Then click on the WordPress logo in the top left corner of the screen to return to the template browser sidebar.

WordPress 6.2 Website builder navigation

If you need to edit another template, you can select it here. Otherwise, simply click on the WordPress logo again and exit the Site Editor.

Add custom CSS to a theme or specific blocks

In the last few WordPress releases, the site builder has hidden the "Theme Customizer" feature, which made it difficult for users to add custom CSS to their themes.

WordPress 6.2 allows users to switch to the Styles panel and select Custom CSS from the menu.

WordPress 6.2 Custom CSS in the page editor
Landing Page creation

From here, users can save custom CSS for their entire theme.

What if we want to save a custom CSS that applies to a specific block only?

WordPress 6.2 also allows you to add custom CSS to certain blocks. In the Style panel, click on the Blocks menu.

Block Styles for WordPress 6.2 website builder

On the next screen you will see a list of blocks. Simply click on the block where you want to apply the custom CSS.

Under the block styles, click on More CSS on a card.

Block styles for custom CSS

New and improved navigation menus

Adding navigation menus in the full site editor was a bit cumbersome for users. WordPress 6.2 attempts to address this by improving the way users can create and manage menus in the website editor while using.

Free WebDesign / WebDesigner Course Part 1

First, instead of editing menu items inline, you can now add, remove and edit menu items in the sub-panel below the navigation block.

Managing menu items in block panelManaging menu items in block panel

From here, click on the Add Block (+) button to add a new menu item. You can also reorder menu items by simply dragging them over.

Do you want to create a new empty menu or reload an old one? Simply click on the three-dot menu, then select a previously created menu or create a new one.

Menu management

Colours to indicate edited template parts

WordPress 6.2 also highlights the part of the template that you are editing and the changes per page, are happening globally.

We border the element with a colour and attach an icon of a template part.

Edit template part in site editorTemplate part editing in site editor

This will help users to recognise that instead of editing a page or post, they are now editing a template section, and that this change will affect other pages on their site.

All block styles in the Stylebook.

The WordPress 6.2 page builder will come with a "Stylebook". Simply switch to the Styles panel and click on the Stylebook icon.

This will show all the blocks and how they are laid out in our theme.

Style book shows all block styles at one placeStyle book shows all block styles at one place

This makes it much quicker to find a block and then edit it directly by clicking on the edit button.

We can then change the look and style to suit our own needs.

Edit block directly from style bookEdit block directly from style book

Copy and paste block styles

Now that editing block styles and appearance has become much easier, it is necessary to simply copy and paste these styles.

WordPress 6.2 allows you to easily copy block styles by clicking on the block options and selecting "Copy styles".

Copy styles Copy styles - I've missed it
Copying styles - I've missed it

Then, to edit another block, you can click on the 'Insert styles' option in the block settings.

The browser will ask for permission to view the view the website the content of the clipboard. To continue, click on the "Enable" button.

Paste stylesPaste style
Adding a style in WordPress 6.2

Import classic Widgets as template parts in block themes

Users using classic widget themes lost their old widgets when they switched to block themes. WordPress 6.2 provides a nice fallback for this by converting old widgets into special template parts when switching themes.

We need to enter the website editor, and edit the template where you want to import the widgets. Then create a new template section by clicking on the Add new block button (+).

Import classic widgets into block themesImport classic widgets in block themes
Import classic widgets into block themes

In the template section settings panel, click on the Advanced tab to expand it and find the option to import a widget area from your previous theme.

Separate sub-panels for block settings and styles

With WordPress 6.2, the editor displays two subpanels for a block. One for block settings and the other for styles.

This helps users understand where to look if they want to change the appearance of a block.

Subpanel for StylesSub panel for Styles
Subpanel for Styles

New distraction-free mode introduced

Historically, WordPress has always provided the ability to hide formatting buttons and toolbars on the post editor screen.

However, WordPress 5.4 made the editor a full-screen editor by default. This allowed users to have a much cleaner writing interface, but it was not a clutter-free mode.

Free WebDesign Web Design / Web Designer Course (Part 2)

WordPress 6.2 will remedy this, and comes with a completely clean and quiet, clutter-free mode. Users will be able to choose from the editor settings.

Launch distraction free mode WordPress 6.2 website builderLaunch distraction free mode

When selected, the undistracted mode hides all the controls in the editor.

As shown below, the toolbars, side panels and top bar are nowhere visible.

Distraction free editor in WordPress 6.2Distraction free editor in WordPress 6.2

Improved sample insertion with new categories

WordPress 6.2 simplifies the sample insertion panel. Instead of previews and category drop-down menus, it will show categories first.

Pattern insertionPattern insertion
Insert a sample

Two new sample categories have been added to the Header and Footer sections.

If you click on a category, you will see the available samples that you can use.

Browse patterns in a categoryBrowse patterns in a category
Browse samples in a category

You can then simply click on it to insert a pattern into the template and start editing it.

to use patterns in WordPress.

Other changes

Download link to media files - The media screen now displays a Download file link in the list view.

Download file link in the Media LibraryDownload file link in the Media Library
Download link for the file in the Media library

Openverse integration to add free images - Openverse offers royalty-free, open source images.

With WordPress 6.2, users can find and add these images in the Add New panel.

Integration of OpenverseOpenverse Integration
Integration of Openverse

New icon for the settings panel - The icon for the settings panel previously used a gear icon.

This is now represented by a panel icon.

Settings iconThe new settings icon
The new settings icon

Less visible Changes

WordPress 6.2 has a lot of changes for developers. Here are some of the changes in the update:

  • Faster updates by moving directories instead of copying them (Details)
  • A new switch_to_user_locale() function has been introduced.(Details)
  • Create automatic backup revisions only when content changes (Details)
  • Add a style variant tag to topics that use style variants. (Details)

In total, WordPress 6.2 beta includes 1,292 improvements, 354 bug fixes for the editor, and over 195 tickets for WordPress 6.2 core.

Source: WPBeginner

Free Web Design / Web Designer Course Part 4

If you like what you read here, share it with others! Thank you!

Facebook
LinkedIn
Twitter
Pinterest
Email
Print

See also our other articles:

Website Design Prices WebServe-Website-Webshop-Webdesign-Online-Marketing-Web-Design-unsplash_M

Website Creation Prices: the Secret Recipe for Optimising Costs!

Many business managers, owners and individuals or start-ups wonder how much it costs to build an effective website and how to optimise costs without sacrificing quality. In this article, we reveal the secret recipe for optimising the cost of website development and illustrate different cost strategies with some interesting examples.

Read more "
Website development prices Website development costs How much will a website cost in 2024?

Website development prices in 2024

Website development prices in 2024. How much will a website cost in 2024? - WebServe.com The price and cost of website development depends on a number of factors, including the size and functionality of the website, the type of website and the

Read more "
Website Maintenance WordPress Website Maintenance

Website Maintenance and its Importance

Website Maintenance, WordPress Website Maintenance Website Maintenance and its Importance: from the Perspective of WordPress Website Maintenance Introduction In the modern business environment, an efficient and effective website maintenance is a must.

Read more "
en_USEnglish
Newsletter subscription

Newsletter subscription

To be informed only about what you want to know.

Successful subscription!

I realise Myself!

I want a website! Webserve.hu

Stay longer! :)

With a gift we are waiting!
Want to be more successful?

 

Choose between a website creation discount or a free website mini audit. Tell us here which one you prefer.