What’s new in WordPress 6.2: Dolphy

Releases in WordPress can vary from incremental improvements to introducing new features, and we see a mix of both in this new release. WordPress 6.2 was released last week so let’s dive into all its goodies.

Site Editor interface

When you go to Appearance > Site Editor, you may see several changes immediately. First, the Site Editor label may come out of Beta. We will know more clearly as we get closer to the final release. There are additional factors yet to consider before the Beta label is removed.

The next big change is that you will land in the Template and Template Parts selector.  Previously, you would land directly in the Home page template edit mode. Now you will need to select Edit at the top of the left panel, or navigate within the Templates and Template Parts that you wish to edit.

Still to be decided is a link back to the WordPress Admin Dashboard that we previously had. For now, selecting the Site Icon or the WordPress logo in the top left will navigate you to the dashboard.

Site Editor Interface in WordPress 6.2
In WordPress 6.2, the Site Editor takes users to the Template and Template Part selection.

Colorized Template Parts

To help you more quickly identify when you are editing a Template Part, such as a Header or Footer, these areas have been colorized.

While editing the Hompe page In WordPress 6.2the Header is selected. The list view is displayed, as is the Styles panel. In each of these areas, Template Parts have a bright purple icon.

You can also see the same colorization from the Block Inserter.

Block Inserter is selected and a search for template appears. The resulting template parts display as bright purple icons.

Block Settings icon

In WordPress 6.2, you can find the Settings icon has changed. This is intended to show the action when you select the Block Settings, such as demonstrating a column panel will appear from the right containing block settings.

The settings icon in WordPress 6.2 has een changed to look more like the panel that is revealed from the right side of the screen vs a cog symbol.

Block Styles Settings and Styles

You’ll find that the Block Settings as been split into two tabs, Settings and Styles. This reduces the length of scrolling you’ll need to do while adjusting block settings.

block settings, settings and styles

Apply Block Styles changes globally

If you are editing the style of blocks from a template, you might want to apply those changes to every instance of that block. You can now.

  1. Select the block you want to modify
  2. Select the Settings icon at top right
  3. Within the Block Settings modify Block Styles to your liking
  4. Expand the Advanced panel at the bottom
  5. Apply globally
Styles, Advanced, Apply globally

Copy/Paste Block Styles

If you’ve ever tweaked the settings of a specific block and wanted to apply that same style elsewhere, there weren’t a lot of options.  In addition to the new Apply Globally option, you can now copy styles from a single block and apply them to to another block using the Copy and Paste Styles options.

A block has been selected. From the Block Toolbar, the kebab menu was selected to display addition options. From here, the Copy and Paste Styles is displayed

Styles in the WordPress Site Editor

Global Styles is now referred to as just “Styles”. However, bigger changes are in store for the Styles area including a Style Book and the ability to apply style changes globally.

Custom CSS

A long awaited feature is finally making it into Site Editor. You can now add Additional CSS from the Styles menu in two different ways. The first way is to apply CSS throughout your entire site.

  1. Select the More Styles Action kebab menu item.
  2. Select Additional CSS.
From the Styles setting, select the More Styles Action kebab menu item. Within that, select Additional CSS.

The second way to apply custom CSS is on a per-block basis. This is how to configure CSS related to only that block:

  1. Styles > Blocks
  2. Select a Block. Below we’ve selected the Search block.
  3. At the bottom, select Additional CSS.
From the Styles setting, select Blocks. Then select a specific block. Within that, select Additional CSS.

Style Book

One of the largest features to come in WordPress 6.2 is the Style Book. Here you can find samples of core blocks, those that come with default WordPress installs. Head to Styles > Style Book.

You’ll first see example versions of text-related blocks.  At the top of preview area, you can also find media, design, widgets, and theme-related blocks.

While inside the Story Book, you will be able to modify styles as you had previously, while having a preview of how these changes may impact multiple example blocks.

Styles, Style book has been selected

Preview blocks in-line from Styles

While you are in Styles, you might also want to modify individual blocks. Now you will see a preview of what the block will look like with your settings applied.  Below we have shown the Gallery block preview.

Site Editor, Styles, Blocks Gallery selected with the block preview displayed

Importing Widgets

Was your site created before Site Editor? If you are making the switch to a Block theme, you now have a way to import the widget settings that you configured previously.

We already can manage Widgets in Classic themes using the Block Inserter. Here you will see Appearance > Widgets in Twenty Twenty One, the last default Classic theme.

Appearance, Widgets displayed with the Block Inserter expanded

To import these widgets into an Template Part of a Block theme, go to

  1. Appearance > Site Editor > Template Parts
  2. Create a new Template Part
  3. Add a new Template Part block, give it a name related to footer, and choose “Start Blank”.
  4. Open the block settings and expand the Advanced section.
  5. Under “IMPORT WIDGET AREA”, select the widgets section you’d like to import and click “Import”.
Import WordPress Widgets from Classic Themes

Sticky positioned blocks

Would you like to position the Navigation Bar to stick to the top of the screen? You can now, here’s how:

  1. Nest your Header inside a Group block (the kabob-menu on the right side of the Header list view item)
  2. Select the Group block
  3. Go to Settings, Block, and expand the Position option.
  4. From the drop-down, select Sticky
List view is expanded at left to show a group block containing a header template part. On the right, block settings, advanced reveal a position menu toggle. A cursor hovers over the sticky drop down option.

Continued improvements have come to the Navigation Block. The List View has been a fantastic way to maintain the items in your Navigation Menu.  You can now access it from the left List View and also from the Block Settings List View.

List View at left is displayed with the Navigation Block selected. At right, the Block Settings panel is also displayed with the Navigation Menu List View shown at right.

Block Pattern Inserter

Block Patterns are a great way to quickly lay out content within a Post or Page. The Block Pattern Inserter no longer has a drop-down toggle between pattern categories. Instead, the types of patterns are listed with a right arrow to see a preview of the pattern before inserting it into a post.

From the Post Editor, Block Inserter, Patterns, select and preview pattern

Openverse integration and Block Inserter Media

Openverse is a free photo and audio resource that now integrates within your site. By going to the Block Inserter, Media tab, and selecting Openverse, you can search for Creative Commons licensed media to insert into your site.

From a post or page, Block inserter, media tab, Openverse

Comparing WordPress 5.9 to WordPress 6.2

WordPress has come far since Site Editor was available in WordPress 5.9. Anne McCarthy has shared a great video showing the evolution of Full Site Editing in WordPress.

What comes next?

WordPress has established a roadmap of phases related to Gutenberg.

  1. Easier Editing — Already available in WordPress, with ongoing improvements
  2. Customization — Full Site editing, Block Patterns, Block Directory, Block based themes
  3. Collaboration — A more intuitive way to co-author content
  4. Multi-lingual — Core implementation for Multi-lingual sites

WordPress 6.2 release is intended to conclude Phase 2, which means we can anticipate releases later this year to focus on collaboration.

Courtney Robertson

An accomplished Open Source Developer Advocate at GoDaddy, a dedicated WordPress Training Team Faculty Member, and a co-founding board member of The WP Community Collective, effortlessly engages audiences with her relatable insights on getting involved and supporting contributors in the open source community. Staying true to her roots as a professional educator, Courtney seamlessly merges her teaching expertise with her passion for technology.

0 Comments

Leave a Reply

Your email address will not be published. Required fields are marked *

Over 65,000 WordPress professionals are already using ManageWP

Add as many websites as you want for free, no credit card required. Sign up and start saving time!

Have questions? Get in touch!

Over 65,000 WordPress professionals are already using ManageWP

Add as many websites as you want for free, no credit card required. Sign up and start saving time!



Have questions? Get in touch!

Over 65,000 WordPress professionals are already using ManageWP

Add as many websites as you want for free, no credit card required. Sign up and start saving time!



Have questions? Get in touch!

Over 65,000 WordPress professionals are already using ManageWP

Add as many websites as you want for free, no credit card required. Sign up and start saving time!



Have questions? Get in touch!