{"id":4663,"date":"2023-03-30T03:48:24","date_gmt":"2023-03-30T03:48:24","guid":{"rendered":"https:\/\/www.hostinger.com\/blog\/?p=4663"},"modified":"2023-04-27T06:49:47","modified_gmt":"2023-04-27T06:49:47","slug":"wordpress-6-2","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/blog\/wordpress-6-2","title":{"rendered":"WordPress 6.2 Is Finally Here: A Detailed Overview"},"content":{"rendered":"<p>The first major release of the year &ndash; WordPress 6.2 &ldquo;Dolphy&rdquo;, is finally here. This version brought over 900 enhancements and bug fixes in the core software.<\/p><p>WordPress 6.2 also marks the end of the <a href=\"https:\/\/wordpress.org\/about\/roadmap\/\" target=\"_blank\" rel=\"noopener\">Gutenberg Phase Two<\/a> project focused on customization. The next major update will begin Phase Three for better collaboration.<\/p><p>This version comes with an improved site editor to make your workflow even more efficient and open more customization possibilities. Let&rsquo;s dive into WordPress 6.2 and see what it has to offer.<\/p><p>\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_75 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<span class=\"ez-toc-title-toggle\"><\/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.hostinger.com\/blog\/wordpress-6-2\/#WordPress_62_YouTube_Video\">WordPress 6.2 YouTube Video<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.hostinger.com\/blog\/wordpress-6-2\/#Improved_Workflow_With_the_New_Site_Editor_Interface\">Improved Workflow With the New Site Editor Interface<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.hostinger.com\/blog\/wordpress-6-2\/#Browse_Mode\">Browse Mode<\/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.hostinger.com\/blog\/wordpress-6-2\/#Block_Settings_With_Split_Controls\">Block Settings With Split Controls<\/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.hostinger.com\/blog\/wordpress-6-2\/#Color-Coded_Template_Parts_and_Reusable_Blocks\">Color-Coded Template Parts and Reusable Blocks<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.hostinger.com\/blog\/wordpress-6-2\/#Improved_Content_Editing_Experience\">Improved Content Editing Experience<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.hostinger.com\/blog\/wordpress-6-2\/#Distraction-Free_Mode\">Distraction-Free Mode<\/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.hostinger.com\/blog\/wordpress-6-2\/#Openverse_Integration\">Openverse Integration<\/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.hostinger.com\/blog\/wordpress-6-2\/#Pattern_Inserter_Categorization_and_Interface_Improvements\">Pattern Inserter Categorization and Interface Improvements<\/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.hostinger.com\/blog\/wordpress-6-2\/#Post_Outline\">Post Outline<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/www.hostinger.com\/blog\/wordpress-6-2\/#Styles_Customization\">Styles Customization<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/www.hostinger.com\/blog\/wordpress-6-2\/#New_Global_Styles_Preview_and_Style_Book\">New Global Styles Preview and Style Book<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/www.hostinger.com\/blog\/wordpress-6-2\/#Inline_Block_Styles_Preview\">Inline Block Styles Preview<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/www.hostinger.com\/blog\/wordpress-6-2\/#Shadow_UI_Tools\">Shadow UI Tools<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/www.hostinger.com\/blog\/wordpress-6-2\/#Push_Block_Styles_to_Global_Settings_Copy_and_Paste_Block_Styles\">Push Block Styles to Global Settings &amp; Copy and Paste Block Styles<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-16\" href=\"https:\/\/www.hostinger.com\/blog\/wordpress-6-2\/#Intuitive_Navigation_Block_Tools\">Intuitive Navigation Block Tools<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-17\" href=\"https:\/\/www.hostinger.com\/blog\/wordpress-6-2\/#Other_Improvements\">Other Improvements<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-18\" href=\"https:\/\/www.hostinger.com\/blog\/wordpress-6-2\/#Sticky_Positioning\">Sticky Positioning<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-19\" href=\"https:\/\/www.hostinger.com\/blog\/wordpress-6-2\/#Variation_Picker_in_the_Group_Block_Placeholder\">Variation Picker in the Group Block Placeholder<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-20\" href=\"https:\/\/www.hostinger.com\/blog\/wordpress-6-2\/#Drag-and-Drop_Support_to_Add_Images_Into_an_Empty_Paragraph_Block\">Drag-and-Drop Support to Add Images Into an Empty Paragraph Block<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-21\" href=\"https:\/\/www.hostinger.com\/blog\/wordpress-6-2\/#Beta_Label_Removal_and_Site_Editor_Rename\">Beta Label Removal and Site Editor Rename<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-22\" href=\"https:\/\/www.hostinger.com\/blog\/wordpress-6-2\/#Update_Your_Site_to_WordPress_62_Now\">Update Your Site to WordPress 6.2 Now<\/a><\/li><\/ul><\/nav><\/div>\n\n\n\n\n<\/p><h2 class=\"wp-block-heading\" id=\"h-wordpress-6-2-youtube-video\"><span class=\"ez-toc-section\" id=\"WordPress_62_YouTube_Video\"><\/span>WordPress 6.2 YouTube Video<span class=\"ez-toc-section-end\"><\/span><\/h2><p>Find out the highlighted WordPress 6.2 features in this video.<\/p><figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"WordPress 6.2 Review: EXCITING New Features\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/TdQaQRZfLHo?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure><p>\n\n\n\n  <div class=\"youtube-shortcode\">\n    <div class=\"row\">\n      <div class=\"col-7 col-sm-8 d-flex align-items-center\">\n        <img decoding=\"async\" class=\"channel-logo\" src=\"https:\/\/www.hostinger.com\/blog\/wp-content\/themes\/blogthemeuplift\/public\/images\/youtube-channels\/hostinger-academy.jpg\" alt=\"youtube channel logo\">\n        <div class=\"d-flex flex-column justify-content-between\">\n          <span class=\"slogan d-none d-sm-block\">Subscribe For more educational videos!<\/span>\n          <span class=\"channel-name\">Hostinger Academy<\/span>\n                    <\/div>\n      <\/div>\n      <div class=\"col-5 col-sm-4 d-flex align-items-center justify-content-end\">\n          <a class=\"subscribe-button\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" href=\"http:\/\/www.youtube.com\/channel\/UCbNIC-svDbtUOH2qsLnPQPg?sub_confirmation=1\">\n            <img decoding=\"async\" src=\"https:\/\/www.hostinger.com\/blog\/wp-content\/themes\/blogthemeuplift\/public\/images\/icons\/youtube.svg\" alt=\"subscribe\">\n            <span>Subscribe<\/span>\n          <\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n\n    \n\n\n\n<\/p><h2 class=\"wp-block-heading\" id=\"h-improved-workflow-with-the-new-site-editor-interface\"><span class=\"ez-toc-section\" id=\"Improved_Workflow_With_the_New_Site_Editor_Interface\"><\/span>Improved Workflow With the New Site Editor Interface<span class=\"ez-toc-section-end\"><\/span><\/h2><p>The Site Editor interface has received several significant changes. Most notably &ndash; the Browse Mode. What&rsquo;s more, the new color-coding system and block settings panel updates result in a more intuitive and better workflow.<\/p><h3 class=\"wp-block-heading\" id=\"h-browse-mode\"><span class=\"ez-toc-section\" id=\"Browse_Mode\"><\/span>Browse Mode<span class=\"ez-toc-section-end\"><\/span><\/h3><p>Users can see the new interface immediately when they enter the Site Editor. Instead of taking you to the homepage template with no sidebar, it will start with the template preview that includes a sidebar to navigate the different templates. This interface is also called <strong>Browse Mode<\/strong>.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1494\" height=\"879\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/browse-mode.png\/public\" alt=\"The template browser panel on the site editor\" class=\"wp-image-4664\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/browse-mode.png\/w=1494,fit=scale-down 1494w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/browse-mode.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/browse-mode.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/browse-mode.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1494px) 100vw, 1494px\" \/><\/figure><\/div><p>The dark-gray left sidebar lets you browse through the available templates and template parts, while the main editor canvas on the right will preview the selected template. What&rsquo;s cool is that now you can switch and preview between templates and template parts seamlessly.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1488\" height=\"720\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/single-post-preview.png\/public\" alt=\"The template preview showing the single post template\" class=\"wp-image-4665\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/single-post-preview.png\/w=1488,fit=scale-down 1488w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/single-post-preview.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/single-post-preview.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/single-post-preview.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1488px) 100vw, 1488px\" \/><\/figure><\/div><p>While it may not seem significant, this lets you see subtle differences between templates for better design consistency. Previously, you&rsquo;d have to open the template panel, which took up the whole screen, hindering you from seeing the preview and switching between templates quickly.<\/p><p>Moreover, the sidebar width is adjustable. The preview will also change according to the canvas area, letting you see how the template responds to the changes to the viewport width.<\/p><p>When you&rsquo;d like to edit the selected template, click on the editor canvas or the <strong>Edit<\/strong> icon on the sidebar.<\/p><p>Click the <strong>Add New Template<\/strong> button on the sidebar to add a new template or template part from the browse mode. Alternatively, you can still access the old templates and templates parts panel by clicking the <strong>Manage all templates<\/strong> or <strong>Manage all template parts<\/strong> buttons.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1404\" height=\"743\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/templates-panel.png\/public\" alt=\"The panel to manage all templates\" class=\"wp-image-4666\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/templates-panel.png\/w=1404,fit=scale-down 1404w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/templates-panel.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/templates-panel.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/templates-panel.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1404px) 100vw, 1404px\" \/><\/figure><\/div><h3 class=\"wp-block-heading\" id=\"h-block-settings-with-split-controls\"><span class=\"ez-toc-section\" id=\"Block_Settings_With_Split_Controls\"><\/span>Block Settings With Split Controls<span class=\"ez-toc-section-end\"><\/span><\/h3><p>The interface changes don&rsquo;t end there. The <strong>Block Settings<\/strong> panel is also improved &ndash; it now has split controls.<\/p><p>Have you ever customized a block and felt annoyed at having to scroll to find a specific setting? Starting from WordPress 6.2, the block settings panel will have two tabs for the controls &ndash; <strong>Settings <\/strong>and <strong>Styles<\/strong>.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"410\" height=\"402\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/settings-panel-tabs.png\/public\" alt=\"The post title block settings panel, showing the two tabs to customize the block\" class=\"wp-image-4667\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/settings-panel-tabs.png\/w=410,fit=scale-down 410w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/settings-panel-tabs.png\/w=300,fit=scale-down 300w\" sizes=\"(max-width: 410px) 100vw, 410px\" \/><\/figure><\/div><p>The <strong>Settings <\/strong>tab &ndash; represented by a gear icon, contains block-specific options. For example, you can find the layout and position settings in the group block settings, while the post date block contains the <strong>Date Format<\/strong> and <strong>Link to the Post<\/strong> options. All advanced block settings to add CSS classes or HTML anchors are also in the Settings tab.<\/p><p>The <strong>Styles <\/strong>tab &ndash; represented by the WordPress style icon, contains the general style settings, such as color, dimensions, typography, and border. The customization options may differ for each block.<\/p><p>It&rsquo;s worth noting that the Site Editor block settings icon has been changed. Instead of a gear, it now resembles a screen with a right sidebar.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"413\" height=\"292\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/settings-panel.png\/public\" alt=\"The block settings button on the block editor\" class=\"wp-image-4668\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/settings-panel.png\/w=413,fit=scale-down 413w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/settings-panel.png\/w=300,fit=scale-down 300w\" sizes=\"(max-width: 413px) 100vw, 413px\" \/><\/figure><\/div><h3 class=\"wp-block-heading\" id=\"h-color-coded-template-parts-and-reusable-blocks\"><span class=\"ez-toc-section\" id=\"Color-Coded_Template_Parts_and_Reusable_Blocks\"><\/span>Color-Coded Template Parts and Reusable Blocks<span class=\"ez-toc-section-end\"><\/span><\/h3><p>Have you ever accidentally changed or deleted any reusable block or template component? Doing so may affect other parts of the website that use the same component.<\/p><p>In WordPress 6.2, template parts and reusable blocks are color-coded to differentiate them from other blocks. You will see a purple outline and icons when you select them, helping identify them. This change is applied in the list view, the block toolbar, and the editor canvas.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1420\" height=\"602\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/template-color-code.png\/public\" alt=\"The site editor interface, showing the header template part highlighted in purple\" class=\"wp-image-4669\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/template-color-code.png\/w=1420,fit=scale-down 1420w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/template-color-code.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/template-color-code.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/template-color-code.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1420px) 100vw, 1420px\" \/><\/figure><\/div><h2 class=\"wp-block-heading\" id=\"h-improved-content-editing-experience\"><span class=\"ez-toc-section\" id=\"Improved_Content_Editing_Experience\"><\/span>Improved Content Editing Experience<span class=\"ez-toc-section-end\"><\/span><\/h2><p>WordPress is all about creating content. Thus, every update improves the writing and editing experience, and WordPress 6.2 is no exception.<\/p><h3 class=\"wp-block-heading\" id=\"h-distraction-free-mode\"><span class=\"ez-toc-section\" id=\"Distraction-Free_Mode\"><\/span>Distraction-Free Mode<span class=\"ez-toc-section-end\"><\/span><\/h3><p>The distraction-free mode is available in the page and post editor. It hides all sidebars, the top navigation panel, and the block toolbar, leaving only the editor canvas and your content on the screen.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"789\" height=\"495\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/distraction-free.png\/public\" alt=\"The post editor interface with the distraction-free mode turned on\" class=\"wp-image-4670\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/distraction-free.png\/w=789,fit=scale-down 789w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/distraction-free.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/distraction-free.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 789px) 100vw, 789px\" \/><\/figure><\/div><p>To activate it, open the <strong>Options <\/strong>menu at the top-right corner of the screen and select <strong>Distraction free<\/strong>. When you want to return to the standard editing, hover over the screen&rsquo;s top section. The top navigation panel will appear, allowing you to access the <strong>Options<\/strong> menu again.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"515\" height=\"469\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/distraction-free-option.png\/public\" alt=\"The option to turn on the distraction-free mode\" class=\"wp-image-4671\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/distraction-free-option.png\/w=515,fit=scale-down 515w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/distraction-free-option.png\/w=300,fit=scale-down 300w\" sizes=\"(max-width: 515px) 100vw, 515px\" \/><\/figure><\/div><p>What we like the most about this feature is that it hides the block toolbar. It can be annoying when the block toolbar hides a portion of the text when writing. With the distraction-free mode, this won&rsquo;t happen.<\/p><p>The beauty of the distraction-free mode is that you can still add various blocks using the inserter in the editor area. This means that you&rsquo;re not restricted to editing text, and you can create content with images, videos, and other visual elements.<\/p><h3 class=\"wp-block-heading\" id=\"h-openverse-integration\"><span class=\"ez-toc-section\" id=\"Openverse_Integration\"><\/span>Openverse Integration<span class=\"ez-toc-section-end\"><\/span><\/h3><p>Need to add openly-licensed media to your content? There&rsquo;s no more need to look for it on a separate site, download it, and re-upload it to your site. The Openverse integration now lets you browse these images straight from your editor.<\/p><p>All you need to do is open the <strong>Block inserter<\/strong> from the top-left corner of the editor screen, open the <strong>Media<\/strong> tab, and select <strong>Openverse<\/strong>. Use the search bar to enter a query and find suitable images you need. When you finally find one, click on it, and it will be automatically inserted into your content.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"939\" height=\"897\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/openverse.png\/public\" alt=\"The Openverse panel on the block editor\" class=\"wp-image-4672\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/openverse.png\/w=939,fit=scale-down 939w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/openverse.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/openverse.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 939px) 100vw, 939px\" \/><\/figure><\/div><p>This integration has also been improved since the <a href=\"https:\/\/www.hostinger.com\/blog\/wordpress-6-2-beta\">beta version<\/a>. It now uploads the image to the media library to avoid problems with hotlinking. If it can&rsquo;t upload the image to the library, it will warn you before proceeding.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"676\" height=\"368\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/openverse-notice.png\/public\" alt=\"The warning message when the image can't be imported to the media library\" class=\"wp-image-4673\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/openverse-notice.png\/w=676,fit=scale-down 676w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/openverse-notice.png\/w=300,fit=scale-down 300w\" sizes=\"(max-width: 676px) 100vw, 676px\" \/><\/figure><\/div><h3 class=\"wp-block-heading\" id=\"h-pattern-inserter-categorization-and-interface-improvements\"><span class=\"ez-toc-section\" id=\"Pattern_Inserter_Categorization_and_Interface_Improvements\"><\/span>Pattern Inserter Categorization and Interface Improvements<span class=\"ez-toc-section-end\"><\/span><\/h3><p>Using block patterns is an easy way to get your content layout done. WordPress 6.2 features a redesigned pattern inserter to improve user-friendliness and at-a-glance navigation.<\/p><p>Now, pattern categories are listed in the inserter panel instead of a drop-down menu. This makes it easier to navigate between categories. The inserter panel also expands rightwards for a preview.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"687\" height=\"720\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/pattern-browser.png\/public\" alt=\"The improved pattern inserter interface\" class=\"wp-image-4674\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/pattern-browser.png\/w=687,fit=scale-down 687w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/pattern-browser.png\/w=286,fit=scale-down 286w\" sizes=\"(max-width: 687px) 100vw, 687px\" \/><\/figure><\/div><p>If you want to browse for a pattern using the dedicated block pattern panel, click <strong>Explore all patterns, <\/strong>and the pop-up will appear.<\/p><p>Other than the interface, block patterns are also recategorized in this version for better user-friendliness. Some of the changes are as follows:<\/p><ul class=\"wp-block-list\">\n<li><strong>Query<\/strong> patterns renamed to <strong>posts<\/strong><\/li>\n\n\n\n<li><strong>Columns <\/strong>merged with <strong>text<\/strong> patterns<\/li>\n\n\n\n<li><strong>Buttons <\/strong>replaced with <strong>calls to action<\/strong><\/li>\n\n\n\n<li>Three new categories &ndash; <strong>banner<\/strong>, <strong>header<\/strong>, and <strong>footer<\/strong><\/li>\n<\/ul><h3 class=\"wp-block-heading\" id=\"h-post-outline\"><span class=\"ez-toc-section\" id=\"Post_Outline\"><\/span>Post Outline<span class=\"ez-toc-section-end\"><\/span><\/h3><p>The post outline is now moved into the list view panel. Therefore, you&rsquo;ll notice the panel is now split into two tabs &ndash; <strong>List view<\/strong> and <strong>Outline<\/strong>.<\/p><p>In the outline tab, you can see the structure of your content, including its word count, time to read, and heading structure.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"512\" height=\"483\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/post-outline.png\/public\" alt=\"The new post outline interface, showing the content's heading structure\" class=\"wp-image-4675\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/post-outline.png\/w=512,fit=scale-down 512w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/post-outline.png\/w=300,fit=scale-down 300w\" sizes=\"(max-width: 512px) 100vw, 512px\" \/><\/figure><\/div><h2 class=\"wp-block-heading\" id=\"h-styles-customization\"><span class=\"ez-toc-section\" id=\"Styles_Customization\"><\/span>Styles Customization<span class=\"ez-toc-section-end\"><\/span><\/h2><p>Switching and customizing global styles is now more convenient with the refined global styles panel. Some new features will make your life easier, too.<\/p><h3 class=\"wp-block-heading\" id=\"h-new-global-styles-preview-and-style-book\"><span class=\"ez-toc-section\" id=\"New_Global_Styles_Preview_and_Style_Book\"><\/span>New Global Styles Preview and Style Book<span class=\"ez-toc-section-end\"><\/span><\/h3><p>The global styles panel now offers two improved ways to preview any style variation.<\/p><p>The first is the zoomed-out editor canvas to better provide a style overview when you enter the style browser. Previously, when selecting a style variation, the editor canvas would remain the same, so you&rsquo;d have to scroll down to see the changes on other parts of the site, such as the header and footer.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1237\" height=\"799\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/style-browser.png\/public\" alt=\"The style browser interface, showing the zoomed-out editor canvas for a better preview\" class=\"wp-image-4676\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/style-browser.png\/w=1237,fit=scale-down 1237w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/style-browser.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/style-browser.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/style-browser.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1237px) 100vw, 1237px\" \/><\/figure><\/div><p>You can also add patterns while in the zoomed-out editor canvas. This will let you experiment with different styles and patterns and choose one you see fit.<\/p><p>Another way to see a broad preview of style variations involves using the style book. You can access it by clicking the <strong>Eye<\/strong> <strong>icon<\/strong> on the <strong>Global Styles<\/strong> panel.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"416\" height=\"216\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/style-book-icon.png\/public\" alt=\"The style book icon on the global styles panel\" class=\"wp-image-4678\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/style-book-icon.png\/w=416,fit=scale-down 416w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/style-book-icon.png\/w=300,fit=scale-down 300w\" sizes=\"(max-width: 416px) 100vw, 416px\" \/><\/figure><\/div><p>This will show you how all website elements will look with every style variation. For example, in the text section, you can see all the heading levels, paragraphs, and quotes. The design section shows how buttons, columns, and links will look with a style variation.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1237\" height=\"880\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/style-book.png\/public\" alt=\"The style book on the site editor\" class=\"wp-image-4677\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/style-book.png\/w=1237,fit=scale-down 1237w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/style-book.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/style-book.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/style-book.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1237px) 100vw, 1237px\" \/><\/figure><\/div><p>The style book has five tabs &ndash; text, media, design, widget, and theme. Each contains main blocks that are often used for site customization.<\/p><h3 class=\"wp-block-heading\" id=\"h-inline-block-styles-preview\"><span class=\"ez-toc-section\" id=\"Inline_Block_Styles_Preview\"><\/span>Inline Block Styles Preview<span class=\"ez-toc-section-end\"><\/span><\/h3><p>The global styles panel lets you change block styles globally. However, the previous versions were missing the block preview feature. This means you couldn&rsquo;t see the changes unless the block in question was in the editor canvas.<\/p><p>This is solved in WordPress 6.2, which introduces the inline preview in the global style panels. Now you can see how the block will look at the top of the global styles panel.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"407\" height=\"704\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/inline-button-preview.png\/public\" alt=\"The button block global style panel, showing the inline preview at the top\" class=\"wp-image-4679\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/inline-button-preview.png\/w=407,fit=scale-down 407w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/inline-button-preview.png\/w=173,fit=scale-down 173w\" sizes=\"(max-width: 407px) 100vw, 407px\" \/><\/figure><\/div><h3 class=\"wp-block-heading\" id=\"h-shadow-ui-tools\"><span class=\"ez-toc-section\" id=\"Shadow_UI_Tools\"><\/span>Shadow UI Tools<span class=\"ez-toc-section-end\"><\/span><\/h3><p>Gutenberg introduced shadow support via the <strong>theme.json<\/strong> file in January 2023, allowing theme developers to incorporate shadow elements. This customization was code-based only.<\/p><p>WordPress 6.2 introduces UI tools to let end users change the shadow presets via the global styles panel.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"864\" height=\"547\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/shadow-tool.png\/public\" alt=\"The button block with the shadow effect enabled\" class=\"wp-image-4680\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/shadow-tool.png\/w=864,fit=scale-down 864w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/shadow-tool.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/shadow-tool.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 864px) 100vw, 864px\" \/><\/figure><p>Currently, four shadow presets are available by default, but you can add more via the <strong>theme.json<\/strong> file.<\/p><p>Here is a sample code snippet you can use to add a shadow preset:<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">{\n\t\"version\": 2,\n\t\"settings\": {\n\t\t\"shadow\": {\n\t\t\t\"presets\": [\n\t\t\t\t{\n\t\t\t\t\t\"name\": \"Small\",\n\t\t\t\t\t\"slug\": \"sm\",\n\t\t\t\t\t\"shadow\": \"0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"name\": \"Medium\",\n\t\t\t\t\t\"slug\": \"md\",\n\t\t\t\t\t\"shadow\": \"0 4px  10px 0 rgba( 0, 0, 0, 0.3 )\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"name\": \"Large\",\n\t\t\t\t\t\"slug\": \"lg\",\n\t\t\t\t\t\"shadow\": \"0 8px  15px 0 rgba( 0, 0, 0, 0.3 )\"\n\t\t\t\t}\n\t\t\t]\n\t\t}\n\t}\n}<\/pre><h3 class=\"wp-block-heading\" id=\"h-push-block-styles-to-global-settings-copy-and-paste-block-styles\"><span class=\"ez-toc-section\" id=\"Push_Block_Styles_to_Global_Settings_Copy_and_Paste_Block_Styles\"><\/span>Push Block Styles to Global Settings &amp; Copy and Paste Block Styles<span class=\"ez-toc-section-end\"><\/span><\/h3><p>When editing a block&rsquo;s style, you may decide to apply it to other similar blocks. For example, after styling a heading, you like the look and want to apply it to all the heading blocks on your site.<\/p><p>Instead of editing other blocks individually or making the same edit in the global styles panel, you can now open the block settings panel and select the <strong>Apply globally<\/strong> option from the <strong>Advanced <\/strong>section.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"343\" height=\"431\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/apply-globally.png\/public\" alt=\"The apply globally button on the block settings panel\" class=\"wp-image-4681\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/apply-globally.png\/w=343,fit=scale-down 343w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/apply-globally.png\/w=239,fit=scale-down 239w\" sizes=\"(max-width: 343px) 100vw, 343px\" \/><\/figure><\/div><p>Or, if you want to use the same style for a specific block, you can open the <strong>More options <\/strong>menu in the block toolbar, select <strong>Copy styles<\/strong>, and click <strong>Paste styles<\/strong> on the receiving block.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"617\" height=\"387\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/copy-paste-styles.png\/public\" alt=\"The copy styles and paste styles options in the block toolbar's drop-down menu\" class=\"wp-image-4682\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/copy-paste-styles.png\/w=617,fit=scale-down 617w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/copy-paste-styles.png\/w=300,fit=scale-down 300w\" sizes=\"(max-width: 617px) 100vw, 617px\" \/><\/figure><\/div><h2 class=\"wp-block-heading\" id=\"h-intuitive-navigation-block-tools\"><span class=\"ez-toc-section\" id=\"Intuitive_Navigation_Block_Tools\"><\/span>Intuitive Navigation Block Tools<span class=\"ez-toc-section-end\"><\/span><\/h2><p>WordPress 6.2 brings a new way of creating navigation links in the editor with the new navigation block UI tool.<\/p><p>This tool is accessible through the block settings panel. You will notice another tab for the navigation block list view. While this functions similarly to the block editor list view, the tools offer a more focused experience for editing the navigation, helping you implement good navigation on your site.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1203\" height=\"667\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/navigation-block.png\/public\" alt=\"The navigation block settings panel, showing the new list view UI\" class=\"wp-image-4683\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/navigation-block.png\/w=1203,fit=scale-down 1203w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/navigation-block.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/navigation-block.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/navigation-block.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1203px) 100vw, 1203px\" \/><\/figure><\/div><p>First, it&rsquo;s now easier to rearrange navigation items by dragging and dropping them on the UI. This is a great addition &ndash; you won&rsquo;t have to use the main list view or the block-moving tools.<\/p><p>You can also use the drag-and-drop system to create a sub-menu or move a sub-menu level to a higher level. Alternatively, you can open the options menu for each page link block to remove it or add a sub-menu.<\/p><p>When you click an individual page link, it will open the link settings where you can change the label, URL, description, and link rel attribute.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1054\" height=\"775\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/link-settings.png\/public\" alt=\"Individual link settings on the navigation block settings panel\" class=\"wp-image-4684\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/link-settings.png\/w=1054,fit=scale-down 1054w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/link-settings.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/link-settings.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/link-settings.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1054px) 100vw, 1054px\" \/><\/figure><\/div><p>Another improvement is adding more block types to the navigation block. For example, you can insert a page list block, and it will automatically add all pages to the navigation. Most importantly, it will have a simple single-button option to turn them into individual page link blocks, where you can edit and arrange them more freely.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1141\" height=\"577\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/page-list.png\/public\" alt=\"Using page list block in the navigation block\" class=\"wp-image-4685\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/page-list.png\/w=1141,fit=scale-down 1141w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/page-list.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/page-list.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/page-list.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1141px) 100vw, 1141px\" \/><\/figure><\/div><p>This new process is amazing when you have plenty of pages to add. Adding a page list block lets you get all the pages there without inserting the links individually.<\/p><p>To prevent any link and submenu changes, the <strong>Restrict Editing<\/strong> feature is now accessible via the block-locking tool. This feature is helpful for site admins or agencies to ensure the site&rsquo;s navigation won&rsquo;t be changed unexpectedly, which may cause the navigation to break.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"524\" height=\"528\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/navigation-lock.png\/public\" alt=\"The block locking interface for the navigation block, with the restrict editing option enabled\" class=\"wp-image-4686\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/navigation-lock.png\/w=524,fit=scale-down 524w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/navigation-lock.png\/w=298,fit=scale-down 298w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/navigation-lock.png\/w=150,fit=scale-down 150w\" sizes=\"(max-width: 524px) 100vw, 524px\" \/><\/figure><\/div><h2 class=\"wp-block-heading\" id=\"h-other-improvements\"><span class=\"ez-toc-section\" id=\"Other_Improvements\"><\/span>Other Improvements<span class=\"ez-toc-section-end\"><\/span><\/h2><p>Other than the holistic updates we&rsquo;ve discussed above, some major updates were also made to improve the editing experience in WordPress.<\/p><h3 class=\"wp-block-heading\" id=\"h-sticky-positioning\"><span class=\"ez-toc-section\" id=\"Sticky_Positioning\"><\/span>Sticky Positioning<span class=\"ez-toc-section-end\"><\/span><\/h3><p>The new sticky position support lets you keep a block at the top of the viewport when users scroll down the page. Currently, this feature is available in group, stack, and row blocks at the root level. You can use these container blocks to put an important notice on your website and set it sticky.<\/p><p>To set a sticky block, make sure it&rsquo;s in the root level. Then, open the block settings panel and find the <strong>Position <\/strong>option. Choose <strong>Sticky<\/strong> from the drop-down menu.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"305\" height=\"280\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/sticky-position.png\/public\" alt=\"The sticky position option in the block settings panel\" class=\"wp-image-4687\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/sticky-position.png\/w=305,fit=scale-down 305w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/sticky-position.png\/w=300,fit=scale-down 300w\" sizes=\"(max-width: 305px) 100vw, 305px\" \/><\/figure><\/div><h3 class=\"wp-block-heading\" id=\"h-variation-picker-in-the-group-block-placeholder\"><span class=\"ez-toc-section\" id=\"Variation_Picker_in_the_Group_Block_Placeholder\"><\/span>Variation Picker in the Group Block Placeholder<span class=\"ez-toc-section-end\"><\/span><\/h3><p>Group, row, and stack blocks have been easily transformable to each other with the dedicated transform tool in the block settings. WordPress 6.2 takes this flexibility further with the variation picker when you add a group block to the editor.<\/p><p>You will see the layout options, which let you start the group block as a row or stack block. Note that these options are not available in row and stack block placeholders.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"664\" height=\"205\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/group-block-placeholder.png\/public\" alt=\"The variation options in the group block placeholder\" class=\"wp-image-4688\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/group-block-placeholder.png\/w=664,fit=scale-down 664w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/03\/group-block-placeholder.png\/w=300,fit=scale-down 300w\" sizes=\"(max-width: 664px) 100vw, 664px\" \/><\/figure><\/div><h3 class=\"wp-block-heading\" id=\"h-drag-and-drop-support-to-add-images-into-an-empty-paragraph-block\"><span class=\"ez-toc-section\" id=\"Drag-and-Drop_Support_to_Add_Images_Into_an_Empty_Paragraph_Block\"><\/span>Drag-and-Drop Support to Add Images Into an Empty Paragraph Block<span class=\"ez-toc-section-end\"><\/span><\/h3><p>Adding an image from your computer is now easier than ever. You can drag and drop it from a local folder to an empty paragraph block. It will automatically transform into an image block and upload the image to the media library.<\/p><h3 class=\"wp-block-heading\" id=\"h-beta-label-removal-and-site-editor-rename\"><span class=\"ez-toc-section\" id=\"Beta_Label_Removal_and_Site_Editor_Rename\"><\/span>Beta Label Removal and Site Editor Rename<span class=\"ez-toc-section-end\"><\/span><\/h3><p>While this seems minor, removing the beta status means that the Site Editor is more stable than ever for WordPress website creation and customization. Plus, it&rsquo;s been renamed to just <strong>Editor<\/strong>.<\/p><p>Although this release officially ends the beta status of the site editor and Phase Two of Gutenberg, the WordPress team will still improve the editor and fix bugs through future WordPress and Gutenberg updates.<\/p><h2 class=\"wp-block-heading\" id=\"h-update-your-site-to-wordpress-6-2-now\"><span class=\"ez-toc-section\" id=\"Update_Your_Site_to_WordPress_62_Now\"><\/span>Update Your Site to WordPress 6.2 Now<span class=\"ez-toc-section-end\"><\/span><\/h2><p>Updating WordPress is relatively simple. However, be sure to <a href=\"https:\/\/www.hostinger.com\/tutorials\/backup-wordpress\">create a website backup<\/a> beforehand and use a staging environment to test the update before committing. WordPress 6.2 is a major release, and updating your live site may result in compatibility issues and errors.<\/p><p>\n\n\n<div class=\"protip\">\n                    <h4 class=\"title\">Pro Tip<\/h4>\n                    <p>The staging environment feature is available with <a href=\"\/wordpress-hosting\">WordPress Business and Pro<\/a> plans. Read our <a href=\"\/tutorials\/wordpress-staging-environment\">WordPress staging<\/a> tutorials to set up a test environment.<\/p>\n                <\/div>\n\n\n\n<\/p><p>Once you&rsquo;ve created a backup and tested the new version in a staging environment, you can update your main site without worry. Follow our tutorials to <a href=\"https:\/\/www.hostinger.com\/tutorials\/how-to-update-wordpress\">update your WordPress website<\/a>, and enjoy the new features in WordPress 6.2!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The first major release of the year \u2013 WordPress 6.2 &#8220;Dolphy&#8221;, is finally here. This version brought over 900 enhancements and bug fixes in the core software.<\/p>\n<p>WordPress 6.2 also\u2026<\/p>\n","protected":false},"author":172,"featured_media":4536,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2365],"tags":[],"hashtags":[],"class_list":["post-4663","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress"],"hreflangs":[],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/blog\/wp-json\/wp\/v2\/posts\/4663","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/blog\/wp-json\/wp\/v2\/users\/172"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/blog\/wp-json\/wp\/v2\/comments?post=4663"}],"version-history":[{"count":6,"href":"https:\/\/www.hostinger.com\/blog\/wp-json\/wp\/v2\/posts\/4663\/revisions"}],"predecessor-version":[{"id":4855,"href":"https:\/\/www.hostinger.com\/blog\/wp-json\/wp\/v2\/posts\/4663\/revisions\/4855"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/blog\/wp-json\/wp\/v2\/media\/4536"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/blog\/wp-json\/wp\/v2\/media?parent=4663"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/blog\/wp-json\/wp\/v2\/categories?post=4663"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/blog\/wp-json\/wp\/v2\/tags?post=4663"},{"taxonomy":"hashtags","embeddable":true,"href":"https:\/\/www.hostinger.com\/blog\/wp-json\/wp\/v2\/hashtags?post=4663"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}