{"id":14109,"date":"2023-04-12T00:40:59","date_gmt":"2023-04-12T00:40:59","guid":{"rendered":"https:\/\/www.hostduplex.com\/blog\/?p=14109"},"modified":"2023-10-21T01:24:51","modified_gmt":"2023-10-21T01:24:51","slug":"wordpress-6-2-changes-and-features","status":"publish","type":"post","link":"https:\/\/www.hostduplex.com\/blog\/wordpress-6-2-changes-and-features\/","title":{"rendered":"WordPress 6.2: Exciting New Features And Enhancments"},"content":{"rendered":"\n<p>WordPress 6.2 has arrived, and it&#8217;s packed with exciting features and improvements for you to explore. This release is named after the renowned jazz musician <a href=\"https:\/\/en.wikipedia.org\/wiki\/Eric_Dolphy\" target=\"_blank\" rel=\"noreferrer noopener\">Eric Allan Dolphy Jr<\/a>. and is dubbed WordPress 6.2 &#8220;<a href=\"https:\/\/wordpress.org\/news\/2023\/03\/dolphy\/\" target=\"_blank\" data-type=\"URL\" data-id=\"https:\/\/wordpress.org\/news\/2023\/03\/dolphy\/\" rel=\"noreferrer noopener\">Dolphy<\/a>.&#8221; This version introduces an enhanced site editor, offering greater control over your website&#8217;s appearance and layout.<\/p>\n\n\n\n<p>WordPress 6.2 revolutionizes your website editing experience, providing new methods for customizing your site, and introducing a fresh way to focus on writing without distractions. With a host of enhancements, you&#8217;ll enjoy greater flexibility and creative freedom to express your unique vision. Whether you&#8217;re a designer, developer, content creator, or site builder, WordPress 6.2 offers something for everyone.<\/p>\n\n\n\n<p>But that&#8217;s not all \u2013 performance takes center stage in this release, marking the first time a WordPress update has featured a dedicated performance lead! Additionally, explore various other upgrades, including accessibility fixes, PHP8 compatibility, and more. Discover all the details right here!<\/p>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_62 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title \" >Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.hostduplex.com\/blog\/wordpress-6-2-changes-and-features\/#User-Facing_Features\" title=\"User-Facing Features\">User-Facing Features<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.hostduplex.com\/blog\/wordpress-6-2-changes-and-features\/#Full_Site_Editor\" title=\"Full Site Editor\">Full Site Editor<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.hostduplex.com\/blog\/wordpress-6-2-changes-and-features\/#Improved_Navigation_Menus\" title=\"Improved Navigation Menus\">Improved Navigation Menus<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.hostduplex.com\/blog\/wordpress-6-2-changes-and-features\/#Improved_Block_Inserter\" title=\"Improved Block Inserter\">Improved Block Inserter<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.hostduplex.com\/blog\/wordpress-6-2-changes-and-features\/#Copy_And_Paste_Block_Styles\" title=\"Copy And Paste Block Styles\">Copy And Paste Block Styles<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.hostduplex.com\/blog\/wordpress-6-2-changes-and-features\/#Style_Book_for_All_Blocks\" title=\"Style Book for All Blocks\">Style Book for All Blocks<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.hostduplex.com\/blog\/wordpress-6-2-changes-and-features\/#Explore_Openverse_media_right_from_the_Editor\" title=\"Explore Openverse media right from the Editor\">Explore Openverse media right from the Editor<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/www.hostduplex.com\/blog\/wordpress-6-2-changes-and-features\/#Custom_CSS_For_Themes_or_Specific_Blocks\" title=\"Custom CSS For Themes or Specific Blocks\">Custom CSS For Themes or Specific Blocks<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/www.hostduplex.com\/blog\/wordpress-6-2-changes-and-features\/#Colorized_Template_Parts_and_Reusable_Blocks\" title=\"Colorized Template Parts and Reusable Blocks\">Colorized Template Parts and Reusable Blocks<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/www.hostduplex.com\/blog\/wordpress-6-2-changes-and-features\/#Tabbed_Block_Inspector\" title=\"Tabbed Block Inspector\">Tabbed Block Inspector<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/www.hostduplex.com\/blog\/wordpress-6-2-changes-and-features\/#Distraction-Free_Writing_Mode\" title=\"Distraction-Free Writing Mode\">Distraction-Free Writing Mode<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/www.hostduplex.com\/blog\/wordpress-6-2-changes-and-features\/#Additional_New_Changes_in_WordPress_62\" title=\"Additional New Changes in WordPress 6.2\">Additional New Changes in WordPress 6.2<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/www.hostduplex.com\/blog\/wordpress-6-2-changes-and-features\/#Changes_for_Developers\" title=\"Changes for Developers\">Changes for Developers<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/www.hostduplex.com\/blog\/wordpress-6-2-changes-and-features\/#Performance_Improvements\" title=\"Performance Improvements\">Performance Improvements<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/www.hostduplex.com\/blog\/wordpress-6-2-changes-and-features\/#themejson_APIs_Enhancements\" title=\"theme.json&nbsp;APIs Enhancements\">theme.json&nbsp;APIs Enhancements<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-16\" href=\"https:\/\/www.hostduplex.com\/blog\/wordpress-6-2-changes-and-features\/#Adjustments_to_Lazy-loading_images_for_Block_Themes\" title=\"Adjustments to Lazy-loading images&nbsp;for Block Themes\">Adjustments to Lazy-loading images&nbsp;for Block Themes<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-17\" href=\"https:\/\/www.hostduplex.com\/blog\/wordpress-6-2-changes-and-features\/#Front-end_metrics\" title=\"Front-end metrics\">Front-end metrics<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-18\" href=\"https:\/\/www.hostduplex.com\/blog\/wordpress-6-2-changes-and-features\/#Bottom_line\" title=\"Bottom line\">Bottom line<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"User-Facing_Features\"><\/span>User-Facing Features<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>A major focus of WordPress 6.2 is on improving the user experience through refining the <a href=\"https:\/\/www.hostduplex.com\/blog\/how-to-use-gutenberg-block-editor\/\" target=\"_blank\" rel=\"noopener\">Gutenberg block editor<\/a> with new block patterns, customization options, and better performance. Here are some of the highlighted user-facing features of WordPress 6.2:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Full_Site_Editor\"><\/span>Full Site Editor<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/www.hostduplex.com\/blog\/wp-content\/uploads\/2023\/04\/site-editor-1024x972.webp\" alt=\"Screenshot of the enhanced site editor interface in WordPress 6.2 showcasing a user-friendly layout and advanced editing features\" class=\"wp-image-14148\" width=\"398\" height=\"486\"\/><\/figure>\n<\/div>\n\n\n<p>WordPress 6.2 brings the <a href=\"https:\/\/make.wordpress.org\/core\/2022\/12\/22\/whats-new-in-gutenberg-14-8-21-december\/#new-reorganized-site-editor-interface\" target=\"_blank\" rel=\"noreferrer noopener\">Full Site Editor<\/a> (FSE) out of beta, marking a significant milestone in the platform&#8217;s development roadmap. The FSE is now more stable and feature-rich, offering users an enhanced block editing experience.<\/p>\n\n\n\n<p>With the Full Site Editor, you can easily navigate through templates and template parts, edit various site sections, and add new templates or template parts. The updated interface provides an overview of templates, such as your 404-page, search results page, archive pages, and template parts like your footer or header, giving you better control and a comprehensive preview of your templates and template parts.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Improved_Navigation_Menus\"><\/span>Improved Navigation Menus<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/www.hostduplex.com\/blog\/wp-content\/uploads\/2023\/04\/navigation-menu.webp\" alt=\"Screenshot of the updated navigation menu in WordPress 6.2 displaying a more intuitive design and streamlined user experience\" class=\"wp-image-14149\" width=\"398\" height=\"455\" srcset=\"https:\/\/www.hostduplex.com\/blog\/wp-content\/uploads\/2023\/04\/navigation-menu.webp 795w, https:\/\/www.hostduplex.com\/blog\/wp-content\/uploads\/2023\/04\/navigation-menu-262x300.webp 262w, https:\/\/www.hostduplex.com\/blog\/wp-content\/uploads\/2023\/04\/navigation-menu-768x878.webp 768w\" sizes=\"(max-width: 398px) 100vw, 398px\" \/><\/figure>\n<\/div>\n\n\n<p>WordPress 6.2 simplifies the process of creating and managing navigation menus in the Full Site Editor. With the new update, users can:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Add, remove, and edit menu items using the Navigation block.<\/li>\n\n\n\n<li>Rearrange menu items by dragging and dropping.<\/li>\n\n\n\n<li>Add elements like &#8216;Search&#8217; to menus for more functionality.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Improved_Block_Inserter\"><\/span>Improved Block Inserter<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/www.hostduplex.com\/blog\/wp-content\/uploads\/2023\/04\/block-inserter-936x1024.webp\" alt=\"&quot;Screenshot showcasing the enhanced block inserter in WordPress 6.2, featuring a user-friendly interface and easy access to various navigation blocks\" class=\"wp-image-14151\" width=\"398\" height=\"455\"\/><\/figure>\n<\/div>\n\n\n<p>The improved block inserter in WordPress 6.2 enhances the overall editing experience, making adding and managing content in your posts and pages easier.<\/p>\n\n\n\n<p>The key improvements include the following:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Simplified Design<\/li>\n\n\n\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2022\/12\/09\/whats-new-in-gutenberg-14-7-7-december\/#add-media-to-your-content-directly-from-the-inserter\" target=\"_blank\" rel=\"noreferrer noopener\">Media Integration<\/a><\/li>\n\n\n\n<li>Split View<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Copy_And_Paste_Block_Styles\"><\/span>Copy And Paste Block Styles<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/www.hostduplex.com\/blog\/wp-content\/uploads\/2023\/04\/copy-and-paste-style.webp\" alt=\"Screenshot demonstrating the copy and paste styles feature in WordPress 6.2, enabling users to easily apply consistent styling across multiple blocks\" class=\"wp-image-14153\" width=\"359\" height=\"480\" srcset=\"https:\/\/www.hostduplex.com\/blog\/wp-content\/uploads\/2023\/04\/copy-and-paste-style.webp 718w, https:\/\/www.hostduplex.com\/blog\/wp-content\/uploads\/2023\/04\/copy-and-paste-style-225x300.webp 225w\" sizes=\"(max-width: 359px) 100vw, 359px\" \/><\/figure>\n<\/div>\n\n\n<p>In WordPress 6.2, applying similar styles to multiple blocks has become more convenient with the introduction of Copy and Paste Block Styles. Here&#8217;s how it works:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Copy Styles<\/strong>: Click on the block options and select &#8216;Copy Styles&#8217; after customizing a block&#8217;s appearance.<\/li>\n\n\n\n<li><strong>Paste Styles<\/strong>: Edit a different block and choose &#8216;Paste Styles&#8217; from the block options to apply the copied styles.<\/li>\n\n\n\n<li><strong>Clipboard Access<\/strong>: Your browser may ask permission to view the clipboard&#8217;s contents. Click &#8216;Allow&#8217; to proceed.<\/li>\n<\/ul>\n\n\n\n<p>This new feature in WordPress 6.2 makes it simple to maintain consistent styling across multiple blocks, saving you time and effort in editing.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Style_Book_for_All_Blocks\"><\/span>Style Book for All Blocks<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>In WordPress 6.2, a new Style Book feature simplifies the design process by offering a centralized preview of all block styles available on your website. Here&#8217;s a brief overview:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Accessing the Style Book<\/li>\n\n\n\n<li>Block Previews<\/li>\n\n\n\n<li>Individual Block Previews<\/li>\n<\/ul>\n\n\n\n<p>The Style Book feature in WordPress 6.2 ensures a consistent and efficient editing experience by allowing you to access and modify block styles in one convenient location.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Explore_Openverse_media_right_from_the_Editor\"><\/span>Explore Openverse media right from the Editor<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/www.hostduplex.com\/blog\/wp-content\/uploads\/2023\/04\/openverse-media-1024x1015.webp\" alt=\"Screenshot showcasing the OpenVerse media integration in WordPress 6.2, allowing users to access and insert millions of free, openly licensed images and audio directly into their content.\" class=\"wp-image-14155\" width=\"370\" height=\"366\" srcset=\"https:\/\/www.hostduplex.com\/blog\/wp-content\/uploads\/2023\/04\/openverse-media-1024x1015.webp 1024w, https:\/\/www.hostduplex.com\/blog\/wp-content\/uploads\/2023\/04\/openverse-media-300x297.webp 300w, https:\/\/www.hostduplex.com\/blog\/wp-content\/uploads\/2023\/04\/openverse-media-768x761.webp 768w, https:\/\/www.hostduplex.com\/blog\/wp-content\/uploads\/2023\/04\/openverse-media.webp 1119w\" sizes=\"(max-width: 370px) 100vw, 370px\" \/><\/figure>\n<\/div>\n\n\n<p>In WordPress 6.2, you can now explore and <a href=\"https:\/\/make.wordpress.org\/core\/2023\/02\/10\/whats-new-in-gutenberg-15-1-8-february\/#Openverse-Integration\" target=\"_blank\" rel=\"noreferrer noopener\">add media from Openverse<\/a> directly within the editor. <a href=\"https:\/\/openverse.org\/\" target=\"_blank\" rel=\"noreferrer noopener\">Openverse<\/a> is a vast media library containing over 700 million free, openly licensed images and audio files. This integration makes finding and inserting suitable images or audio clips into your content seamless and straightforward.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Custom_CSS_For_Themes_or_Specific_Blocks\"><\/span>Custom CSS For Themes or Specific Blocks<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n<div class=\"wp-block-image is-style-default\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/www.hostduplex.com\/blog\/wp-content\/uploads\/2023\/04\/custom-CSS.webp\" alt=\"Screenshot demonstrating the Custom CSS feature in WordPress 6.2, enabling users to easily apply custom styling to specific blocks or the entire theme for a personalized website design\" class=\"wp-image-14157\" width=\"350\" height=\"377\" srcset=\"https:\/\/www.hostduplex.com\/blog\/wp-content\/uploads\/2023\/04\/custom-CSS.webp 699w, https:\/\/www.hostduplex.com\/blog\/wp-content\/uploads\/2023\/04\/custom-CSS-278x300.webp 278w\" sizes=\"(max-width: 350px) 100vw, 350px\" \/><\/figure>\n<\/div>\n\n\n<p>WordPress 6.2 introduces the ability to add custom CSS to your entire theme or specific blocks, providing more flexibility in styling your site. To add custom CSS to a specific block:<\/p>\n\n\n\n<ol class=\"wp-block-list\" type=\"1\">\n<li>Access the Styles panel in the Site Editor.<\/li>\n\n\n\n<li>Select the &#8220;Custom CSS&#8221; option.<\/li>\n\n\n\n<li>Choose the &#8220;Blocks&#8221; menu to see a list of available blocks.<\/li>\n\n\n\n<li>Click on the block you want to apply custom CSS to.<\/li>\n\n\n\n<li>Under the block styles, click on the &#8220;Additional CSS&#8221; tab.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Colorized_Template_Parts_and_Reusable_Blocks\"><\/span>Colorized Template Parts and Reusable Blocks<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/www.hostduplex.com\/blog\/wp-content\/uploads\/2023\/04\/identify-template-and-block-by-color.webp\" alt=\"Screenshot showcasing the color-coded identification of templates and blocks in WordPress 6.2, simplifying the editing process and enhancing user experience.\" class=\"wp-image-14159\" width=\"342\" height=\"406\" srcset=\"https:\/\/www.hostduplex.com\/blog\/wp-content\/uploads\/2023\/04\/identify-template-and-block-by-color.webp 683w, https:\/\/www.hostduplex.com\/blog\/wp-content\/uploads\/2023\/04\/identify-template-and-block-by-color-252x300.webp 252w\" sizes=\"(max-width: 342px) 100vw, 342px\" \/><\/figure>\n<\/div>\n\n\n<p>WordPress 6.2 introduces a new feature that enables easier differentiation between template parts and reusable blocks in the editor interface.<\/p>\n\n\n\n<p><a href=\"https:\/\/make.wordpress.org\/core\/2022\/12\/09\/whats-new-in-gutenberg-14-7-7-december\/#quickly-identify-template-parts-and-reusable-blocks-by-color\" target=\"_blank\" rel=\"noreferrer noopener\">The colorized template parts<\/a> and reusable blocks help users locate design components quickly, which means customization is faster than ever before.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Tabbed_Block_Inspector\"><\/span>Tabbed Block Inspector<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/www.hostduplex.com\/blog\/wp-content\/uploads\/2023\/04\/tabbed-block-inspector-494x1024.webp\" alt=\"Screenshot highlighting the tabbed block inspector feature in WordPress 6.2, allowing for a streamlined and organized editing experience\" class=\"wp-image-14161\" width=\"247\" height=\"512\" srcset=\"https:\/\/www.hostduplex.com\/blog\/wp-content\/uploads\/2023\/04\/tabbed-block-inspector-494x1024.webp 494w, https:\/\/www.hostduplex.com\/blog\/wp-content\/uploads\/2023\/04\/tabbed-block-inspector-145x300.webp 145w, https:\/\/www.hostduplex.com\/blog\/wp-content\/uploads\/2023\/04\/tabbed-block-inspector.webp 701w\" sizes=\"(max-width: 247px) 100vw, 247px\" \/><\/figure>\n<\/div>\n\n\n<p>WordPress 6.2 has introduced tabs to categorize the design tools to make the Block Inspector sidebar more user-friendly and organised. Previously, the sidebar had become cluttered and difficult to navigate. The Block Inspector tabs now group the tools into following categories:<\/p>\n\n\n\n<ol class=\"wp-block-list\" type=\"1\">\n<li><strong>Settings<\/strong> &#8211; This tab contains the block&#8217;s configuration settings that are not related to appearance. For example, the number of columns or whether the block links to another resource.<\/li>\n\n\n\n<li><strong>Styles<\/strong> &#8211; Here, you&#8217;ll find panels and controls specifically for styling the appearance of the block. This includes options for typography and colors.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Distraction-Free_Writing_Mode\"><\/span>Distraction-Free Writing Mode<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/www.hostduplex.com\/blog\/wp-content\/uploads\/2023\/04\/distraction-free-mode-706x1024.webp\" alt=\"&quot;Screenshot showcasing the distraction-free mode in WordPress 6.2, providing a clean and focused editing environment for users\" class=\"wp-image-14162\" width=\"303\" height=\"439\" srcset=\"https:\/\/www.hostduplex.com\/blog\/wp-content\/uploads\/2023\/04\/distraction-free-mode-706x1024.webp 706w, https:\/\/www.hostduplex.com\/blog\/wp-content\/uploads\/2023\/04\/distraction-free-mode-207x300.webp 207w, https:\/\/www.hostduplex.com\/blog\/wp-content\/uploads\/2023\/04\/distraction-free-mode.webp 712w\" sizes=\"(max-width: 303px) 100vw, 303px\" \/><\/figure>\n<\/div>\n\n\n<p>One of the most exciting features of WordPress 6.2 is the introduction of a <a href=\"https:\/\/make.wordpress.org\/core\/2022\/10\/27\/whats-new-in-gutenberg-14-4-26-october\/#introduced-distraction-free-mode\" target=\"_blank\" rel=\"noreferrer noopener\">Distraction-Free Writing<\/a> Mode. This user-friendly addition has been designed to help content creators focus on their work without distractions, fostering a more productive writing atmosphere.<\/p>\n\n\n\n<p>Access the mode by clicking the &#8220;Toggle Fullscreen mode&#8221; button in the site editor toolbar. Once activated, the mode hides UI components, such as menus and sidebars, allowing writers to focus solely on creating content.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Additional_New_Changes_in_WordPress_62\"><\/span>Additional New Changes in WordPress 6.2<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Here are some of the additional new features:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/07\/sticky-position-block-support\/\" target=\"_blank\" rel=\"noreferrer noopener\">Sticky positioning<\/a> \u2013 choose to fix top-level group blocks that stay at the top of the page while visitors scroll.<\/li>\n\n\n\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2023\/01\/04\/whats-new-in-gutenberg-14-9-4-january\/#import-sidebar-widgets-to-template-parts\" target=\"_blank\" rel=\"noreferrer noopener\">Importing sidebar widgets<\/a> \u2013 Import your preferred widgets from Classic themes to Block themes with multiple options available.<\/li>\n\n\n\n<li><strong>Setting panel New Icon<\/strong> \u2013 The gear icon previously used to display the settings panel has now been replaced with a panel icon.<\/li>\n\n\n\n<li><strong>Download link for media files<\/strong> \u2013 Download media files directly from your library with the new Download File link in the list view of the media screen.<\/li>\n\n\n\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2022\/12\/09\/whats-new-in-gutenberg-14-7-7-december\/#improved-organization-of-block-settings-with-split-control\" target=\"_blank\" rel=\"noreferrer noopener\">Sub Panels for Block Styles and Settings<\/a> \u2013 Each block now has separate panels for settings and styles, providing clarity for editing options.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Changes_for_Developers\"><\/span>Changes for Developers<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>In addition to the new user-facing features, WordPress 6.2 also introduces <a href=\"https:\/\/www.hostduplex.com\/blog\/wordpress-developer-skills\/\" target=\"_blank\" rel=\"noopener\">changes for developers<\/a>, some of them are:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/07\/introducing-the-html-api-in-wordpress-6-2\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>New HTML API<\/strong><\/a><strong> &#8211; <\/strong>The new <a href=\"https:\/\/core.trac.wordpress.org\/ticket\/57575\" target=\"_blank\" rel=\"noreferrer noopener\">API<\/a> <code>WP_HTML_Tag_Processor<\/code> offers block authors a convenient way to adjust HTML tag attributes in block markup using PHP. As the first component in a new HTML processing API, developers can easily manipulate individual block markup by adding, removing, or updating attributes with regular expressions.<\/li>\n\n\n\n<li><strong>Patterns API and a New Template_types Property &#8211; <\/strong>Developers can create patterns for blocks, making customization easier for users without extensive design knowledge.<\/li>\n\n\n\n<li><strong>Upgrading to React V18.0 and Concurrency Mode &#8211; <\/strong>React v18 introduces new features, improvements, and bug fixes, including a cutting-edge rendering algorithm called <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/45235\" target=\"_blank\" rel=\"noreferrer noopener\">concurrent mode<\/a>. These improvements will significantly improve performance and user experience on complex web applications.<\/li>\n\n\n\n<li><strong>Introducing new move_dir() &#8211; <\/strong>a new function called <a href=\"https:\/\/core.trac.wordpress.org\/ticket\/57375\" target=\"_blank\" rel=\"noreferrer noopener\">move_dir()<\/a> allows developers to move a directory from one location to another efficiently. Previously, developers had to use the <code>copy_dir()<\/code> function and then delete the original version, which consumed more memory, disk space, and time.<\/li>\n\n\n\n<li><strong>Google Fonts are Included Locally in Bundled Themes &#8211;<\/strong> Starting from the next version, WordPress bundled themes (Twenty Twelve to Twenty Seventeen) will include Google Fonts locally due to privacy concerns. This change ensures fonts are fetched from the site&#8217;s domain rather than Google addresses.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Performance_Improvements\"><\/span>Performance Improvements<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<div class=\"wp-block-cover aligncenter is-light wp-duotone-unset-2\" style=\"font-size:0px;min-height:300px;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-10 has-background-dim\" style=\"background-color:#ffffff\"><\/span><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<div class=\"wp-block-cover is-repeated\" style=\"font-size:0px;min-height:289px;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim\"><\/span><div role=\"img\" class=\"wp-block-cover__image-background wp-image-10 is-repeated\" style=\"background-position:40% 56%;background-image:url(https:\/\/www.hostduplex.com\/blog\/wp-content\/uploads\/2022\/03\/milad-fakurian-bexwsdM5BCw-unsplash-scaled-1.jpg)\"><\/div><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\"><p class=\"fonts-plugin-block \" style=\"font-weight: normal;font-size: 33px;text-align: left\"><strong>Improve your WordPress load time by 90%<\/strong><\/p>\n\n\n<p class=\"has-text-align-left has-text-color\" style=\"color:#000000;font-size:14px\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-very-light-grey-color\"><a href=\"https:\/\/www.hostduplex.com\/blog\/wordpress-performance-with-edge-computing\/\" target=\"_blank\" rel=\"noopener\">Boost your website speed<\/a> with our Fastest WordPress Cache Engine and worldwide server locations. Plus, enjoy efficient page loads with Cloudflare CDN \u2013 guaranteed or your money back.<\/mark><\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/www.hostduplex.com\/managed-wordpress-hosting\/\" style=\"border-radius:100px\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Learn more<\/strong><\/a><\/div>\n<\/div>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<p>According to an <a href=\"https:\/\/docs.google.com\/spreadsheets\/d\/1LroIJoYz-O9CpfJzaiKYYMWJ7GbE5RZoW1rf1R4FqyA\/edit#gid=576773622\" target=\"_blank\" rel=\"noreferrer noopener\">analysis<\/a> by <a href=\"https:\/\/profiles.wordpress.org\/flixos90\/\" target=\"_blank\" rel=\"noreferrer noopener\">@flixos90<\/a>, WordPress 6.2 brings significant performance boosts, with block themes loading 14-18% faster and classic themes 2-5% faster. Server-side performance has also improved, increasing by 17-23% for block themes and 3-5% for classic themes.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"themejson_APIs_Enhancements\"><\/span><strong>theme.json&nbsp;APIs Enhancements<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>The theme.json API received performance-related attention in WordPress 6.2, aiming to improve Time To First Byte (TTFB), a server-side performance metric. The key changes include the following:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Launching <a href=\"https:\/\/github.com\/WordPress\/wordpress-develop\/pull\/3556\" target=\"_blank\" rel=\"noreferrer noopener\">new APIs<\/a><\/li>\n\n\n\n<li>Implementing caching for <a href=\"https:\/\/github.com\/WordPress\/wordpress-develop\/pull\/3789\" target=\"_blank\" rel=\"noreferrer noopener\">resource-intensive API operations<\/a><\/li>\n\n\n\n<li>Streamlining <a href=\"https:\/\/github.com\/WordPress\/wordpress-develop\/pull\/3609\" target=\"_blank\" rel=\"noreferrer noopener\">API usage<\/a><\/li>\n<\/ul>\n\n\n\n<p>Caching the <code>wp_get_global_settings<\/code> function <a href=\"https:\/\/docs.google.com\/spreadsheets\/d\/1jEUFtmkM_OyCAu2dBtylUKg1pcbkuLJNFxKDFyS80p8\/edit#gid=47669135\" target=\"_blank\" rel=\"noreferrer noopener\">proved<\/a> to have the most significant impact, improving classic themes by 9% and block themes by 24%.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Adjustments_to_Lazy-loading_images_for_Block_Themes\"><\/span><strong>Adjustments to Lazy-<\/strong>loading<strong> images&nbsp;for Block Themes<\/strong><strong><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>WordPress 6.2 addresses the <a href=\"https:\/\/web.dev\/lcp-lazy-loading\/\" target=\"_blank\" rel=\"noreferrer noopener\">issue of lazy-loading images<\/a> above the fold, negatively affecting user-perceived performance. As a result, the first image or iframe in a post will no longer be lazy-loaded for block themes.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Front-end_metrics\"><\/span><strong>Front-end metrics<\/strong><strong><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>To ensure developers have the necessary information to create performant features, front-end metrics are now readily available in the <a href=\"https:\/\/www.codevitals.run\/project\/gutenberg\" target=\"_blank\" rel=\"noreferrer noopener\">Gutenberg dashboard<\/a> and a new <a href=\"https:\/\/www.codevitals.run\/project\/wordpress\" target=\"_blank\" rel=\"noreferrer noopener\">WordPress core dashboard<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Bottom_line\"><\/span>Bottom line<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>WordPress 6.2 introduces a multitude of exciting features and enhancements that streamline content creation, design processes, and performance optimization for both users and developers. With these improvements, users can now easily <a href=\"https:\/\/www.hostduplex.com\/blog\/how-to-build-a-wordpress-website\/\" target=\"_blank\" rel=\"noopener\">create visually appealing and highly functional websites<\/a>.<\/p>\n\n\n\n<p>Performance improvements in this release ensure faster load times and a better user experience. This version improves the user experience and paves the way for more creative and efficient web design possibilities in the WordPress ecosystem.<\/p>\n\n\n\n<p>Don&#8217;t miss the opportunity to elevate your website with WordPress 6.2 and our managed WordPress hosting services. Check out our <a href=\"https:\/\/www.hostduplex.com\/managed-wordpress-hosting\/\" target=\"_blank\" data-type=\"URL\" data-id=\"https:\/\/www.hostduplex.com\/managed-wordpress-hosting\/\" rel=\"noreferrer noopener\">hosting services<\/a> and discover how we can help you take your online presence to new heights.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>WordPress 6.2 has arrived, and it&#8217;s packed with exciting features and improvements for you to explore. This release is named after the renowned jazz&#8230;<\/p>\n","protected":false},"author":8,"featured_media":14131,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[52],"tags":[53,190,189],"class_list":["post-14109","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","tag-wordpress","tag-wordpress-6-2","tag-wrodpress-upgrade","article","has-excerpt","has-avatar","has-author","has-date","has-comment-count","has-category-meta","has-read-more","thumbnail-"],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/www.hostduplex.com\/blog\/wp-content\/uploads\/2023\/04\/wordpress-6.2.webp","_links":{"self":[{"href":"https:\/\/www.hostduplex.com\/blog\/wp-json\/wp\/v2\/posts\/14109","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostduplex.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostduplex.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostduplex.com\/blog\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostduplex.com\/blog\/wp-json\/wp\/v2\/comments?post=14109"}],"version-history":[{"count":38,"href":"https:\/\/www.hostduplex.com\/blog\/wp-json\/wp\/v2\/posts\/14109\/revisions"}],"predecessor-version":[{"id":16256,"href":"https:\/\/www.hostduplex.com\/blog\/wp-json\/wp\/v2\/posts\/14109\/revisions\/16256"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostduplex.com\/blog\/wp-json\/wp\/v2\/media\/14131"}],"wp:attachment":[{"href":"https:\/\/www.hostduplex.com\/blog\/wp-json\/wp\/v2\/media?parent=14109"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostduplex.com\/blog\/wp-json\/wp\/v2\/categories?post=14109"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostduplex.com\/blog\/wp-json\/wp\/v2\/tags?post=14109"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}