{"id":4500,"date":"2023-02-13T23:33:23","date_gmt":"2023-02-13T23:33:23","guid":{"rendered":"https:\/\/www.hostinger.com\/blog\/?p=4500"},"modified":"2024-08-21T07:20:34","modified_gmt":"2024-08-21T07:20:34","slug":"wordpress-6-2-beta","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/blog\/wordpress-6-2-beta","title":{"rendered":"WordPress 6.2 Beta: What\u2019s Coming in the Next Major Release"},"content":{"rendered":"<p>The WordPress team has released the first <a href=\"https:\/\/wordpress.org\/news\/2023\/02\/wordpress-6-2-beta-1\/\" target=\"_blank\" rel=\"noopener\">WordPress 6.2 Beta<\/a> for testing. The full version is scheduled to come out on March 28, 2023 &ndash; it will be the first major WordPress release in 2023, the last one scheduled for the <a href=\"https:\/\/wordpress.org\/about\/roadmap\/\" target=\"_blank\" rel=\"noopener\">Gutenberg project phase two<\/a>. It will complete the Site Editor with all the necessary features to enhance the customization experience.<\/p><p>We recommend testing WordPress 6.2 Beta before the final release to familiarize yourself with the new features and ensure everything works as intended.<\/p><p>This blog post will explain how to install WordPress 6.2 Beta and list all the new features for you to check out.<\/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-beta\/#Why_You_Should_Test_the_Beta_Version\">Why You Should Test the Beta Version<\/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-beta\/#How_to_Install_WordPress_62_Beta\">How to Install WordPress 6.2 Beta<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.hostinger.com\/blog\/wordpress-6-2-beta\/#WordPress_62_New_Features\">WordPress 6.2 New Features<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.hostinger.com\/blog\/wordpress-6-2-beta\/#Templates_and_Template_Parts_Preview\">Templates and Template Parts Preview<\/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-beta\/#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-6\" href=\"https:\/\/www.hostinger.com\/blog\/wordpress-6-2-beta\/#New_Block_Settings_Panel_Interface\">New Block Settings Panel Interface<\/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.hostinger.com\/blog\/wordpress-6-2-beta\/#Color-Coded_Template_Parts_and_Reusable_Blocks\">Color-Coded 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-8\" href=\"https:\/\/www.hostinger.com\/blog\/wordpress-6-2-beta\/#Style_Book_and_Improved_Styles_Preview\">Style Book and Improved Styles Preview<\/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-beta\/#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-10\" href=\"https:\/\/www.hostinger.com\/blog\/wordpress-6-2-beta\/#Improved_Navigation_Block_UI\">Improved Navigation Block UI<\/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.hostinger.com\/blog\/wordpress-6-2-beta\/#Improved_Pattern_Inserter\">Improved Pattern Inserter<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/www.hostinger.com\/blog\/wordpress-6-2-beta\/#Copy_Block_Styles_and_Push_Block_Styles_to_Global_Settings\">Copy Block Styles and Push Block Styles to Global Settings<\/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-beta\/#Sticky_Block_Position\">Sticky Block Position<\/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-beta\/#Beta_Label_Removal\">Beta Label Removal<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/www.hostinger.com\/blog\/wordpress-6-2-beta\/#Whats_Next\">What&rsquo;s Next<\/a><\/li><\/ul><\/nav><\/div>\n\n\n\n\n<\/p><h2 class=\"wp-block-heading\" id=\"h-why-you-should-test-the-beta-version\"><span class=\"ez-toc-section\" id=\"Why_You_Should_Test_the_Beta_Version\"><\/span>Why You Should Test the Beta Version<span class=\"ez-toc-section-end\"><\/span><\/h2><p>Testing a WordPress beta version on a copy of your site lets you identify bugs or compatibility issues before the final release. This ensures plugins, themes, and custom post types on your site will work as intended when the update arrives. It also gives you a first glance at the new features.<\/p><p>And best of all, you can report any issues or bugs or give suggestions by posting on the <a href=\"https:\/\/wordpress.org\/support\/forum\/alphabeta\/\" target=\"_blank\" rel=\"noopener\">Alpha\/Beta forum<\/a> or submitting a <a href=\"https:\/\/core.trac.wordpress.org\/\" target=\"_blank\" rel=\"noopener\">Trac ticket<\/a>.<\/p><h2 class=\"wp-block-heading\" id=\"h-how-to-install-wordpress-6-2-beta\"><span class=\"ez-toc-section\" id=\"How_to_Install_WordPress_62_Beta\"><\/span>How to Install WordPress 6.2 Beta<span class=\"ez-toc-section-end\"><\/span><\/h2><p>It&rsquo;s best to test a WordPress beta release in a staging environment. This will prevent serious bugs or compatibility issues from impacting your live website.<\/p><p>\n\n\n<div class=\"protip\">\n                    <h4 class=\"title\">Pro Tip<\/h4>\n                    <p>Hostinger&rsquo;s got you covered! The staging environment feature is available with select hosting 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>There are two easy ways to install the beta of WordPress 6.2. The first method involves manually downloading and installing the version from the <a href=\"https:\/\/make.wordpress.org\/core\/6-2\/\" target=\"_blank\" rel=\"noopener\">official WordPress site<\/a>. However, this can be tricky &ndash; you might have to reupload your website content after installing WordPress.<\/p><p>The second method is easier &ndash; using the <a href=\"https:\/\/wordpress.org\/plugins\/wordpress-beta-tester\/\" target=\"_blank\" rel=\"noopener\">WordPress Beta Tester plugin<\/a>. If you&rsquo;ve already got a copy of your WordPress site running, you&rsquo;ll only need to install the extension. From the plugin settings, choose the <strong>Bleeding edge<\/strong> channel and the <strong>Beta\/RC Only<\/strong> stream. This will allow you to update your site to the WordPress 6.2 beta from the WordPress dashboard&rsquo;s update section.<\/p><h2 class=\"wp-block-heading\" id=\"h-wordpress-6-2-new-features\"><span class=\"ez-toc-section\" id=\"WordPress_62_New_Features\"><\/span>WordPress 6.2 New Features<span class=\"ez-toc-section-end\"><\/span><\/h2><p>WordPress 6.2 Beta includes new features from nine Gutenberg releases &ndash; 14.2 to 15.0. To be precise, there are 292 enhancements and 354 bug fixes for the block editor. In addition, WordPress 6.2 resolves 195 WordPress core tickets.<\/p><p>Let&rsquo;s not dilly-dally any further and dive into the new features of WordPress 6.2.<\/p><h3 class=\"wp-block-heading\" id=\"h-templates-and-template-parts-preview\"><span class=\"ez-toc-section\" id=\"Templates_and_Template_Parts_Preview\"><\/span>Templates and Template Parts Preview<span class=\"ez-toc-section-end\"><\/span><\/h3><p>The new Site Editor interface will feature a preview panel for templates and template parts. This feature is also known as <strong>Browse Mode<\/strong> &ndash; it has been discussed since the development of WordPress 6.1 began.<\/p><p>This feature is accessible through the Site Editor sidebar, which you usually use to switch templates. Click <strong>WordPress <\/strong>or your site logo on the top-left corner of the Site Editor, and Browse Mode will open.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1205\" height=\"743\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/02\/The-browse-mode-in-the-Site-Editor-showing-the-sidebar-with-templates-options-and-the-main-panel-that-provides-preview-of-the-template.png\/public\" alt=\"The browse mode in the Site Editor, showing the sidebar with templates options and the main panel that provides preview of the template\" class=\"wp-image-4501\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/02\/The-browse-mode-in-the-Site-Editor-showing-the-sidebar-with-templates-options-and-the-main-panel-that-provides-preview-of-the-template.png\/w=1205,fit=scale-down 1205w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/02\/The-browse-mode-in-the-Site-Editor-showing-the-sidebar-with-templates-options-and-the-main-panel-that-provides-preview-of-the-template.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/02\/The-browse-mode-in-the-Site-Editor-showing-the-sidebar-with-templates-options-and-the-main-panel-that-provides-preview-of-the-template.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/02\/The-browse-mode-in-the-Site-Editor-showing-the-sidebar-with-templates-options-and-the-main-panel-that-provides-preview-of-the-template.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1205px) 100vw, 1205px\" \/><\/figure><\/div><p>You can navigate through the template and template part options via the sidebar. If you click any template, it will appear on the main preview panel &ndash; click it to start editing. You can also add a new template easily by clicking the <strong>plus <\/strong>(<strong>+<\/strong>) icon next to <strong>Templates<\/strong>.<\/p><p>This feature provides easy access to viewing the templates you&rsquo;ve got. That said, there&rsquo;s still the old <strong>Manage all templates<\/strong> panel if you want to work on your templates.<\/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 new distraction-free mode eliminates all panels on the screen. This feature is only available in the post and page editor via the <strong>Options <\/strong>menu at the top-right corner of the screen.<\/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\/02\/The-distraction-free-option-in-the-Site-Editors-drop-down-menu.png\/public\" alt=\"The distraction-free option in the Site Editor's drop-down menu\" class=\"wp-image-4502\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/02\/The-distraction-free-option-in-the-Site-Editors-drop-down-menu.png\/w=515,fit=scale-down 515w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/02\/The-distraction-free-option-in-the-Site-Editors-drop-down-menu.png\/w=300,fit=scale-down 300w\" sizes=\"(max-width: 515px) 100vw, 515px\" \/><\/figure><\/div><p>A clean interface will let you focus on writing and creating content. Even the block toolbar, which may block a portion of the page, won&rsquo;t appear. That said, you can still use the block inserter to add a new block.<\/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\/02\/The-post-editor-with-the-distraction-free-mode-enabled.png\/public\" alt=\"The post editor with the distraction-free mode enabled\" class=\"wp-image-4503\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/02\/The-post-editor-with-the-distraction-free-mode-enabled.png\/w=789,fit=scale-down 789w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/02\/The-post-editor-with-the-distraction-free-mode-enabled.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/02\/The-post-editor-with-the-distraction-free-mode-enabled.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 789px) 100vw, 789px\" \/><\/figure><\/div><p>To view the editor&rsquo;s top bar, hover over the screen&rsquo;s top section. You can exit the distraction-free mode via the same <strong>Options <\/strong>menu or by publishing the content.<\/p><h3 class=\"wp-block-heading\" id=\"h-new-block-settings-panel-interface\"><span class=\"ez-toc-section\" id=\"New_Block_Settings_Panel_Interface\"><\/span>New Block Settings Panel Interface<span class=\"ez-toc-section-end\"><\/span><\/h3><p>The block settings panel is now split into two &ndash; <strong>Settings<\/strong> and <strong>Styles<\/strong>. You can choose between them using the icons on the settings panel.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"343\" height=\"506\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/02\/The-group-block-settings-panel-showing-the-new-settings-and-styles-tabs.png\/public\" alt=\"The group block settings panel showing the new settings and styles tabs\" class=\"wp-image-4504\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/02\/The-group-block-settings-panel-showing-the-new-settings-and-styles-tabs.png\/w=343,fit=scale-down 343w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/02\/The-group-block-settings-panel-showing-the-new-settings-and-styles-tabs.png\/w=203,fit=scale-down 203w\" sizes=\"(max-width: 343px) 100vw, 343px\" \/><\/figure><\/div><p>This feature reduces the need to scroll down the panel to find certain configurations, especially when you have all the typography and dimensions options displayed on the panel.<\/p><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>Template parts and reusable blocks now have a colored icon in all sections of the Site Editor, including the list view, the settings panel, the block toolbar, and even the editor canvas itself.<\/p><p>This helps identify reusable blocks and template parts more quickly. Recognizing that you&rsquo;re working with these blocks also prevents unwanted changes to the reusable blocks.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1148\" height=\"598\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/02\/The-Site-Editor-showing-the-color-coded-template-part.png\/public\" alt=\"The Site Editor showing the color-coded template part\" class=\"wp-image-4505\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/02\/The-Site-Editor-showing-the-color-coded-template-part.png\/w=1148,fit=scale-down 1148w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/02\/The-Site-Editor-showing-the-color-coded-template-part.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/02\/The-Site-Editor-showing-the-color-coded-template-part.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/02\/The-Site-Editor-showing-the-color-coded-template-part.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1148px) 100vw, 1148px\" \/><\/figure><\/div><h3 class=\"wp-block-heading\" id=\"h-style-book-and-improved-styles-preview\"><span class=\"ez-toc-section\" id=\"Style_Book_and_Improved_Styles_Preview\"><\/span>Style Book and Improved Styles Preview<span class=\"ez-toc-section-end\"><\/span><\/h3><p>The global styles panel has received a couple of improvements.<\/p><p>First, the editor canvas will zoom out when you open the <strong>Browse styles <\/strong>menu. This way, you can better view the page when changing the styles.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1103\" height=\"732\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/02\/The-browse-styles-panel-shows-the-zoomed-out-content-for-a-better-preview-of-the-selected-style.png\/public\" alt=\"The browse styles panel shows the zoomed-out content for a better preview of the selected style\" class=\"wp-image-4506\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/02\/The-browse-styles-panel-shows-the-zoomed-out-content-for-a-better-preview-of-the-selected-style.png\/w=1103,fit=scale-down 1103w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/02\/The-browse-styles-panel-shows-the-zoomed-out-content-for-a-better-preview-of-the-selected-style.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/02\/The-browse-styles-panel-shows-the-zoomed-out-content-for-a-better-preview-of-the-selected-style.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/02\/The-browse-styles-panel-shows-the-zoomed-out-content-for-a-better-preview-of-the-selected-style.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1103px) 100vw, 1103px\" \/><\/figure><\/div><p>The second improvement is the new <strong>Style book <\/strong>feature accessible via the global styles panel. It lets you see how the style will look for every site element.<\/p><p>The elements are grouped into five tabs:<\/p><ul class=\"wp-block-list\">\n<li><strong>Text<\/strong>. In this section, you can see the style for text-based content, such as headings, paragraphs, quotes, and tables.<\/li>\n\n\n\n<li><strong>Media<\/strong>. Contains previews of embedded media like images, audio, and videos.<\/li>\n\n\n\n<li><strong>Design<\/strong>. Shows various design block elements like buttons, groups, and columns.<\/li>\n\n\n\n<li><strong>Widgets<\/strong>. Shows previews of how widgets like archives, calendars, page lists, and RSS look on your site.<\/li>\n\n\n\n<li><strong>Theme<\/strong>. Contains the styles for navigation, site logo, and site title blocks.<\/li>\n<\/ul><p>You can adjust the viewport&rsquo;s width to see how these elements look on various devices.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1104\" height=\"733\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/02\/The-style-book-that-shows-how-the-text-content-will-be-displayed-with-the-selected-style.png\/public\" alt=\"The style book that shows how the text content will be displayed with the selected style\" class=\"wp-image-4507\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/02\/The-style-book-that-shows-how-the-text-content-will-be-displayed-with-the-selected-style.png\/w=1104,fit=scale-down 1104w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/02\/The-style-book-that-shows-how-the-text-content-will-be-displayed-with-the-selected-style.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/02\/The-style-book-that-shows-how-the-text-content-will-be-displayed-with-the-selected-style.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/02\/The-style-book-that-shows-how-the-text-content-will-be-displayed-with-the-selected-style.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1104px) 100vw, 1104px\" \/><\/figure><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><a href=\"https:\/\/openverse.org\/about\" target=\"_blank\" rel=\"noopener\">Openverse<\/a> is a search engine that helps find media under public copyright. It is part of the WordPress project and is intended to help users find free content for their sites.<\/p><p>In WordPress 6.2, we will see the first integration of Openverse in WordPress core in the <strong>media<\/strong> tab on the block inserter panel. Click the <strong>Openverse <\/strong>option, and the panel will expand, showing image previews and a search bar for queries. Click on any image, and the Site Editor will import it into the content.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"778\" height=\"591\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/02\/The-Site-Editor-inserter-panel-showing-Openverse-integration-and-image-previews.png\/public\" alt=\"The Site Editor inserter panel, showing Openverse integration and image previews\" class=\"wp-image-4508\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/02\/The-Site-Editor-inserter-panel-showing-Openverse-integration-and-image-previews.png\/w=778,fit=scale-down 778w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/02\/The-Site-Editor-inserter-panel-showing-Openverse-integration-and-image-previews.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/02\/The-Site-Editor-inserter-panel-showing-Openverse-integration-and-image-previews.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 778px) 100vw, 778px\" \/><\/figure><\/div><h3 class=\"wp-block-heading\" id=\"h-improved-navigation-block-ui\"><span class=\"ez-toc-section\" id=\"Improved_Navigation_Block_UI\"><\/span>Improved Navigation Block UI<span class=\"ez-toc-section-end\"><\/span><\/h3><p>Customizing the navigation block is now easier, thanks to the new user interface of its settings panel. The navigation list view has a separate tab for easier nav item management.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1006\" height=\"542\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/02\/The-navigation-block-with-the-improved-block-settings-panel-shows-the-list-of-navigation-items.png\/public\" alt=\"The navigation block with the improved block settings panel shows the list of navigation items\" class=\"wp-image-4509\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/02\/The-navigation-block-with-the-improved-block-settings-panel-shows-the-list-of-navigation-items.png\/w=1006,fit=scale-down 1006w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/02\/The-navigation-block-with-the-improved-block-settings-panel-shows-the-list-of-navigation-items.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/02\/The-navigation-block-with-the-improved-block-settings-panel-shows-the-list-of-navigation-items.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1006px) 100vw, 1006px\" \/><\/figure><\/div><p>The new UI lets you move and rearrange menu items by dragging and dropping, similar to the list view UI. You can also add new submenus by opening the options menu of each item.<\/p><p>Using the new UI, you can add these elements to the navigation block:<\/p><ul class=\"wp-block-list\">\n<li>Page link<\/li>\n\n\n\n<li>Custom link<\/li>\n\n\n\n<li>Submenu<\/li>\n\n\n\n<li>Page list<\/li>\n\n\n\n<li>Home link<\/li>\n\n\n\n<li>Site logo<\/li>\n\n\n\n<li>Site title<\/li>\n\n\n\n<li>Search block<\/li>\n<\/ul><p>The addition of the search block is unique, as you can now easily embed a search function in the site navigation instead of placing it in a separate container block.<\/p><p>If you have multiple menus, you can easily switch between them by clicking the <strong>three dots icon<\/strong> next to <strong>Menu<\/strong>.<\/p><h3 class=\"wp-block-heading\" id=\"h-improved-pattern-inserter\"><span class=\"ez-toc-section\" id=\"Improved_Pattern_Inserter\"><\/span>Improved Pattern Inserter<span class=\"ez-toc-section-end\"><\/span><\/h3><p>Block pattern inserter has a new interface to improve the user experience.<\/p><p>Instead of displaying pattern previews and a drop-down menu to select a pattern category, the pattern inserter panel contains the list of pattern categories. When you click on one, the panel will expand to show the previews. This way, you can quickly switch between categories to find a suitable pattern.<\/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\/02\/The-pattern-inserter-with-the-pattern-category-options-and-expanded-sidebar-to-provide-pattern-previews.png\/public\" alt=\"The pattern inserter with the pattern category options and expanded sidebar to provide pattern previews\" class=\"wp-image-4510\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/02\/The-pattern-inserter-with-the-pattern-category-options-and-expanded-sidebar-to-provide-pattern-previews.png\/w=687,fit=scale-down 687w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/02\/The-pattern-inserter-with-the-pattern-category-options-and-expanded-sidebar-to-provide-pattern-previews.png\/w=286,fit=scale-down 286w\" sizes=\"(max-width: 687px) 100vw, 687px\" \/><\/figure><\/div><p>You can still open the pattern explorer panel by clicking the <strong>Explore all patterns<\/strong> button at the bottom of the panel.<\/p><h3 class=\"wp-block-heading\" id=\"h-copy-block-styles-and-push-block-styles-to-global-settings\"><span class=\"ez-toc-section\" id=\"Copy_Block_Styles_and_Push_Block_Styles_to_Global_Settings\"><\/span>Copy Block Styles and Push Block Styles to Global Settings<span class=\"ez-toc-section-end\"><\/span><\/h3><p>Applying block style customizations is now easy, thanks to two new features.<\/p><p>The <strong>Copy block style<\/strong> feature lets you copy and paste block styles. This way, you don&rsquo;t have to manually customize several blocks to get a uniform look.<\/p><p>To do so, select a customized block, click on the <strong>three vertical dots<\/strong> to open the options drop-down menu, and select <strong>Copy styles<\/strong>. Then, select the target block and choose <strong>Paste styles<\/strong> from the same drop-down menu.<\/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\/02\/The-copy-styles-and-paste-styles-options-in-the-block-toolbars-drop-down-menu.png\/public\" alt=\"The copy styles and paste styles options in the block toolbar's drop-down menu\" class=\"wp-image-4511\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/02\/The-copy-styles-and-paste-styles-options-in-the-block-toolbars-drop-down-menu.png\/w=617,fit=scale-down 617w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/02\/The-copy-styles-and-paste-styles-options-in-the-block-toolbars-drop-down-menu.png\/w=300,fit=scale-down 300w\" sizes=\"(max-width: 617px) 100vw, 617px\" \/><\/figure><\/div><p>Another option is to push the customized block styles to the global settings. Once you&rsquo;ve customized a block&rsquo;s styles, open the <strong>Advanced <\/strong>section on the block&rsquo;s settings panel and click <strong>Apply globally<\/strong>. Note that this feature is still only available on limited blocks.<\/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\/02\/The-apply-globally-button-on-the-block-settings-panel.png\/public\" alt=\"The apply globally button on the block settings panel\" class=\"wp-image-4512\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/02\/The-apply-globally-button-on-the-block-settings-panel.png\/w=343,fit=scale-down 343w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/02\/The-apply-globally-button-on-the-block-settings-panel.png\/w=239,fit=scale-down 239w\" sizes=\"(max-width: 343px) 100vw, 343px\" \/><\/figure><\/div><h3 class=\"wp-block-heading\" id=\"h-sticky-block-position\"><span class=\"ez-toc-section\" id=\"Sticky_Block_Position\"><\/span>Sticky Block Position<span class=\"ez-toc-section-end\"><\/span><\/h3><p>WordPress 6.2 has added a new sticky block position to keep a block at the top of the viewport when users scroll down the page. You can use this feature with group, stack, and row blocks.<\/p><p>Currently, this only works on root-level blocks. To implement it, add a new group block at the root level and open the block settings panel. You should see the <strong>Position<\/strong> option on the block settings &ndash; 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\/02\/The-sticky-position-option-in-the-block-settings-panel.png\/public\" alt=\"The sticky position option in the block settings panel\" class=\"wp-image-4513\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/02\/The-sticky-position-option-in-the-block-settings-panel.png\/w=305,fit=scale-down 305w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/02\/The-sticky-position-option-in-the-block-settings-panel.png\/w=300,fit=scale-down 300w\" sizes=\"(max-width: 305px) 100vw, 305px\" \/><\/figure><\/div><p>Once you set a block as sticky, try scrolling down the Site Editor or use the preview mode to see if it stays at the top of the viewport.<\/p><p>The <strong>Position<\/strong> option won&rsquo;t be available if the block is not root level or nested in a container block. You can check whether a block is at the root level via the editor&rsquo;s list view.<\/p><h3 class=\"wp-block-heading\" id=\"h-beta-label-removal\"><span class=\"ez-toc-section\" id=\"Beta_Label_Removal\"><\/span>Beta Label Removal<span class=\"ez-toc-section-end\"><\/span><\/h3><p>It&rsquo;s been over a year since the Site Editor introduction in WordPress 5.9. In the last three WordPress major releases, the Site Editor displayed the Beta label when you navigated to <strong>Appearance &rarr; Site Editor<\/strong>. The label has been removed from the core, indicating that the Site Editor is more stable than ever for WordPress website creation and customization.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"490\" height=\"117\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/02\/The-Site-Editor-navigation-on-the-WordPress-dashboard-without-the-beta-label.png\/public\" alt=\"The Site Editor navigation on the WordPress dashboard without the beta label\" class=\"wp-image-4514\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/02\/The-Site-Editor-navigation-on-the-WordPress-dashboard-without-the-beta-label.png\/w=490,fit=scale-down 490w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/02\/The-Site-Editor-navigation-on-the-WordPress-dashboard-without-the-beta-label.png\/w=300,fit=scale-down 300w\" sizes=\"(max-width: 490px) 100vw, 490px\" \/><\/figure><\/div><p>That said, the WordPress team will keep improving the Site Editor and fixing bugs in future WordPress and Gutenberg releases.<\/p><h2 class=\"wp-block-heading\" id=\"h-what-s-next\"><span class=\"ez-toc-section\" id=\"Whats_Next\"><\/span>What&rsquo;s Next<span class=\"ez-toc-section-end\"><\/span><\/h2><p>The roadmap for WordPress 6.2 has four beta versions planned to roll out by the end of February. This means you have a few weeks to test and report issues to the developers.<\/p><p>Before the release of the final version on March 28, 2023, there will be three Release Candidate versions. These are the more stable pre-release versions, and you can expect to see the final product during this phase.We recommend testing all beta and Release Candidate versions &ndash; each will introduce new improvements and bug fixes. Vist the WordPress core project site to see the complete <a href=\"https:\/\/make.wordpress.org\/core\/6-2\" target=\"_blank\" rel=\"noopener\">WordPress 6.2 release schedule<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The WordPress team has released the first WordPress 6.2 Beta for testing. The full version is scheduled to come out on March 28, 2023 \u2013 it will be the first major WordPress releas\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-4500","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\/4500","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=4500"}],"version-history":[{"count":5,"href":"https:\/\/www.hostinger.com\/blog\/wp-json\/wp\/v2\/posts\/4500\/revisions"}],"predecessor-version":[{"id":6646,"href":"https:\/\/www.hostinger.com\/blog\/wp-json\/wp\/v2\/posts\/4500\/revisions\/6646"}],"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=4500"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/blog\/wp-json\/wp\/v2\/categories?post=4500"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/blog\/wp-json\/wp\/v2\/tags?post=4500"},{"taxonomy":"hashtags","embeddable":true,"href":"https:\/\/www.hostinger.com\/blog\/wp-json\/wp\/v2\/hashtags?post=4500"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}