{"id":2982,"date":"2022-04-19T11:38:32","date_gmt":"2022-04-19T11:38:32","guid":{"rendered":"https:\/\/www.hostinger.com\/blog\/?p=2982"},"modified":"2022-11-08T14:50:25","modified_gmt":"2022-11-08T14:50:25","slug":"wordpress-6-0-beta","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/blog\/wordpress-6-0-beta","title":{"rendered":"WordPress 6.0 Beta: First Look Into the Next Major Release"},"content":{"rendered":"<p>The first beta version of <a href=\"https:\/\/www.hostinger.com\/blog\/wordpress-6-0-what-to-expect-from-the-next-major-release\">WordPress 6.0<\/a> is finally ready, and the WordPress team is inviting everyone to install and test it.<\/p><p>WordPress 6.0 will introduce the new style switcher, block style retaining, and list view enhancements. Testing the beta version is the perfect opportunity to explore these new features and prepare yourself for the upcoming update.<\/p><p>If you&rsquo;re unsure how to start, we will explain how to install and test the beta version and list new features and improvements worth testing.<\/p><h2 class=\"wp-block-heading\" id=\"h-how-to-test-the-wordpress-6-0-beta-version\">How to Test the WordPress 6.0 Beta Version<\/h2><p>First of all, we recommend using a development environment to test the beta version, whether it&rsquo;s a <a href=\"\/tutorials\/wordpress-staging-environment\">staging environment<\/a> or a directory separate from your live website.<\/p><p>That&rsquo;s because the beta version may have bugs and compatibility issues with existing themes and plugins, making it potentially troublesome if you use it on your live site.<\/p><p>Once the development environment is ready for the beta testing, install the WordPress 6.0 beta version using one of these methods:<\/p><ul class=\"wp-block-list\">\n<li><strong>Use the WordPress Beta Tester plugin. <\/strong>Install and activate the plugin, then go to <strong>Tools -&gt; Beta Testing<\/strong>. Select the <strong>Bleeding edge <\/strong>channel and <strong>Beta\/RC Only<\/strong> stream. Save the changes and go to <strong>Dashboard -&gt; Updates <\/strong>to install the beta version.<\/li>\n\n\n\n<li><strong>Download the .zip file and install it manually. <\/strong>To avoid using it on your live website, you can install the beta version on a local computer or a separate directory in the <strong>public_html<\/strong> folder. If you would like to learn <a href=\"\/tutorials\/how-to-install-wordpress\">how to install WordPress manually<\/a>, we have a step-by-step tutorial to help you.<\/li>\n\n\n\n<li><strong>Use the WordPress command-line interface. <\/strong>If you have SSH access and WP-CLI installed, use the <code data-enlighter-language=\"generic\" class=\"EnlighterJSRAW\">wp core update --version=6.0-beta1<\/code> command on the command line.<\/li>\n<\/ul><p>You can help the WordPress team develop the major release by reporting any bugs you find in the <a href=\"https:\/\/wordpress.org\/support\/forum\/alphabeta\/\" target=\"_blank\" rel=\"noopener\">Alpha\/Beta forum<\/a> or on the <a href=\"https:\/\/core.trac.wordpress.org\/\" target=\"_blank\" rel=\"noopener\">WordPress Trac<\/a> if you know how to reproduce them. We recommend reading the <a href=\"https:\/\/make.wordpress.org\/test\/2022\/04\/12\/help-wanted-test-wordpress-6-0\/\" target=\"_blank\" rel=\"noopener\">testing guidelines<\/a> to know which features need testing.<\/p><h2 class=\"wp-block-heading\" id=\"h-what-s-new-in-wordpress-6-0-beta\">What&rsquo;s New In WordPress 6.0 Beta<\/h2><p>We&rsquo;ve tested this beta version and compared it to the previous release. Let&rsquo;s take a look at some of its new features and improvements that enhance the full site editing experience.<\/p><h3 class=\"wp-block-heading\" id=\"h-style-switcher\">Style Switcher<\/h3><p>The style switcher is one of the features we are looking for in WordPress 6.0. This new tool lets users easily switch between theme variations in the site editor.<\/p><p>You probably won&rsquo;t see this feature if you&rsquo;ve just installed the beta version, as the Twenty Twenty-Two theme still doesn&rsquo;t have theme variations by default.<\/p><p>If you want to add a theme variation to Twenty Twenty-Two to test this feature, create a new <strong>styles <\/strong>folder in the <strong>\/wp-content\/themes\/twentytwentytwo <\/strong>directory. Then, add a <strong>dark.json <\/strong>file and paste the code snippet from this <a href=\"https:\/\/gist.github.com\/kjellr\/1307387f8d97e84662c4b07af873a896#file-dark-json\" target=\"_blank\" rel=\"noopener\">Github Gist<\/a>.<\/p><p>The global style switcher is accessible using the <strong>Browse styles<\/strong> navigation on the global styles panel.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"413\" height=\"397\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/04\/browse-styles-button.png\/public\" alt=\"Browse styles button to show the available theme variations.\" class=\"wp-image-2983\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/04\/browse-styles-button.png\/w=413,fit=scale-down 413w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/04\/browse-styles-button.png\/w=300,fit=scale-down 300w\" sizes=\"(max-width: 413px) 100vw, 413px\" \/><\/figure><\/div><p>It will show all the available style variations. Click on one of them to switch the theme style quickly.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"551\" height=\"463\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/04\/styles-variations.png\/public\" alt=\"Theme variations options in the global styles panel.\" class=\"wp-image-2984\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/04\/styles-variations.png\/w=551,fit=scale-down 551w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/04\/styles-variations.png\/w=300,fit=scale-down 300w\" sizes=\"(max-width: 551px) 100vw, 551px\" \/><\/figure><\/div><h3 class=\"wp-block-heading\" id=\"h-selecting-text-across-blocks\">Selecting Text Across Blocks<\/h3><p>You can now select text across multiple text blocks such as <strong>paragraph<\/strong>, <strong>heading<\/strong>, and <strong>quote<\/strong>. In the previous version, you could only select entire blocks.<\/p><p>This improvement lets you delete or replace specific text instead of entire blocks.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"659\" height=\"343\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/04\/text-selection.png\/public\" alt=\"Selecting text across multiple blocks in the WordPress 6.0 site editor\" class=\"wp-image-2985\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/04\/text-selection.png\/w=659,fit=scale-down 659w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/04\/text-selection.png\/w=300,fit=scale-down 300w\" sizes=\"(max-width: 659px) 100vw, 659px\" \/><\/figure><\/div><p>However, this feature still has limitations. You can&rsquo;t copy the selected text &ndash; instead, the editor will copy all blocks that contain it.<\/p><h3 class=\"wp-block-heading\" id=\"h-webfonts-api\">Webfonts API<\/h3><p>The Webfonts API allows for easier management of the local fonts. This new feature helps theme developers to create a consistent theme across different websites.<\/p><p>If done correctly, the new web fonts will appear on the font family drop-down menu. We have tried this feature to add more typography options for the global styles.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"405\" height=\"229\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/04\/font-family.png\/public\" alt=\"Custom fonts in the typography drop-down menu.\" class=\"wp-image-2986\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/04\/font-family.png\/w=405,fit=scale-down 405w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/04\/font-family.png\/w=300,fit=scale-down 300w\" sizes=\"(max-width: 405px) 100vw, 405px\" \/><\/figure><\/div><p>You can test this feature by modifying the <strong>theme.json<\/strong> and <strong>functions.php<\/strong> files to register a new web font. WordPress developers have a <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/37140\" target=\"_blank\" rel=\"noopener\">GitHub issue<\/a> containing detailed instructions and code snippets.<\/p><h3 class=\"wp-block-heading\" id=\"h-block-style-retaining\">Block Style Retaining<\/h3><p>The block style retaining feature keeps the block&rsquo;s custom style when you transform it into another block or add a new button to a button block.<\/p><p>For example, if you&rsquo;ve modified a paragraph block&rsquo;s text and background color, the style will remain the same if you transform it into a heading block.<\/p><p>The same goes for the button block. It&rsquo;ll use the same custom style for the new buttons you add.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"531\" height=\"140\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/04\/button-blocks.png\/public\" alt=\"Adding a new button in a buttons block.\" class=\"wp-image-2987\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/04\/button-blocks.png\/w=531,fit=scale-down 531w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/04\/button-blocks.png\/w=300,fit=scale-down 300w\" sizes=\"(max-width: 531px) 100vw, 531px\" \/><\/figure><\/div><h3 class=\"wp-block-heading\" id=\"h-block-locking-ui\">Block Locking UI<\/h3><p>WordPress 6.0 introduces the block locking UI to the <a href=\"\/tutorials\/gutenberg-wordpress\">WordPress block editor<\/a>. You can now prevent any block from being moved or deleted.<\/p><p>Let&rsquo;s look at the two ways of doing this.<\/p><p>The first one is via the block toolbar. Click on the three dots to open the settings menu and select <strong>Lock<\/strong>. A pop-up will appear where you can select specific block locking attributes.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"427\" height=\"324\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/04\/block-lock-attributes.png\/public\" alt=\"The pop-up for choosing the block locking attributes.\" class=\"wp-image-2988\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/04\/block-lock-attributes.png\/w=427,fit=scale-down 427w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/04\/block-lock-attributes.png\/w=300,fit=scale-down 300w\" sizes=\"(max-width: 427px) 100vw, 427px\" \/><\/figure><\/div><p>The second method is via the list view. Select a block and click on the three dots to open the settings menu. Choose <strong>Lock, <\/strong>and the same lock attribute pop-up will appear.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"594\" height=\"454\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/04\/block-lock-listview.png\/public\" alt=\"Block lock option in the list view.\" class=\"wp-image-2989\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/04\/block-lock-listview.png\/w=594,fit=scale-down 594w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/04\/block-lock-listview.png\/w=300,fit=scale-down 300w\" sizes=\"(max-width: 594px) 100vw, 594px\" \/><\/figure><\/div><p>The steps to unlock a block are pretty much the same. Simply click on the <strong>Lock<\/strong> icon on the block toolbar to access the feature.<\/p><h3 class=\"wp-block-heading\" id=\"h-list-view-enhancements\">List View Enhancements<\/h3><p>The most significant list view enhancement is the ability to select multiple blocks by using <strong>shift + click<\/strong>. This allows you to perform bulk actions like moving, deleting, copying, or duplicating multiple blocks.<\/p><p>The next change is the collapsed view by default. This tweak makes navigating the list view easier, especially for a complex page structure with many nested blocks.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"608\" height=\"275\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/04\/default-list-view.png\/public\" alt=\"Default collapsed list view.\" class=\"wp-image-2990\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/04\/default-list-view.png\/w=608,fit=scale-down 608w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/04\/default-list-view.png\/w=300,fit=scale-down 300w\" sizes=\"(max-width: 608px) 100vw, 608px\" \/><\/figure><\/div><p>If you open the list view while having a block selected on the editor, it will open the relevant block nest to show the active block.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"610\" height=\"500\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/04\/expanded-list-view.png\/public\" alt=\"Expanded list view to see the active block.\" class=\"wp-image-2991\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/04\/expanded-list-view.png\/w=610,fit=scale-down 610w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/04\/expanded-list-view.png\/w=300,fit=scale-down 300w\" sizes=\"(max-width: 610px) 100vw, 610px\" \/><\/figure><\/div><p>Lastly, the list view will also display the lock icon for locked blocks.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"580\" height=\"253\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/04\/lock-icon.png\/public\" alt=\"Block lock icon in the list view.\" class=\"wp-image-2992\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/04\/lock-icon.png\/w=580,fit=scale-down 580w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/04\/lock-icon.png\/w=300,fit=scale-down 300w\" sizes=\"(max-width: 580px) 100vw, 580px\" \/><\/figure><\/div><h3 class=\"wp-block-heading\" id=\"h-featured-image-expansion\">Featured Image Expansion<\/h3><p>In WordPress 6.0, there&rsquo;s a new option on the toolbar that lets you use the featured image in the cover block.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"660\" height=\"502\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/04\/cover-block-featured-image.png\/public\" alt=\"Using a featured image for the cover block.\" class=\"wp-image-2993\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/04\/cover-block-featured-image.png\/w=660,fit=scale-down 660w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/04\/cover-block-featured-image.png\/w=300,fit=scale-down 300w\" sizes=\"(max-width: 660px) 100vw, 660px\" \/><\/figure><\/div><p>Enabling this option will connect the cover block to the featured image. For example, if you update the featured image, the cover block image will change accordingly.<\/p><h3 class=\"wp-block-heading\" id=\"h-block-improvements\">Block Improvements<\/h3><p>The block enhancements in WordPress 6.0 include new blocks, more transformation options, and a new preview pop-up. Let&rsquo;s see the new blocks available in the beta version:<\/p><ul class=\"wp-block-list\">\n<li><strong>The comment query loop block replaces the deprecated post comments block<\/strong>. This new block also comes with child blocks like comment author, comment date, comment edit, and comment reply.<\/li>\n<\/ul><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"659\" height=\"292\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/04\/comment-block.png\/public\" alt=\"Comment query loop block in the WordPress 6.0 editor.\" class=\"wp-image-2994\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/04\/comment-block.png\/w=659,fit=scale-down 659w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/04\/comment-block.png\/w=300,fit=scale-down 300w\" sizes=\"(max-width: 659px) 100vw, 659px\" \/><\/figure><\/div><ul class=\"wp-block-list\">\n<li><strong>Avatar block. <\/strong>A new dedicated block to display the username avatar image.<\/li>\n\n\n\n<li><strong>Read more. <\/strong>Use this block to add an anchor text that links to a post, page, or other content.<\/li>\n<\/ul><p>The new beta version also adds six more block transformation options. Along with the block style retaining, these new features should offer more flexibility when modifying content blocks.<\/p><ul class=\"wp-block-list\">\n<li><strong>Logo <\/strong>to <strong>Title<\/strong><\/li>\n\n\n\n<li><strong>Excerpt <\/strong>to <strong>Content<\/strong><\/li>\n\n\n\n<li><strong>Tag Cloud <\/strong>to <strong>Categories<\/strong><\/li>\n\n\n\n<li><strong>Calendar <\/strong>to <strong>Archives<\/strong><\/li>\n\n\n\n<li><strong>Paragraph <\/strong>to <strong>Code<\/strong><\/li>\n\n\n\n<li><strong>Group <\/strong>to <strong>Row<\/strong><\/li>\n<\/ul><p>Another improvement is the preview pop-up for the block style. Instead of showing permanent thumbnails as previews in the design tools, it will show a small preview pop-up as you hover over the style options.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"589\" height=\"292\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/04\/pop-up-preview.png\/public\" alt=\"The preview pop-up for the block style options.\" class=\"wp-image-2995\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/04\/pop-up-preview.png\/w=589,fit=scale-down 589w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/04\/pop-up-preview.png\/w=300,fit=scale-down 300w\" sizes=\"(max-width: 589px) 100vw, 589px\" \/><\/figure><\/div><h3 class=\"wp-block-heading\" id=\"h-pattern-prioritization\">Pattern Prioritization<\/h3><p>The quick inserter will show relevant pattern options instead of blocks. For example, if you open the quick inserter near the end of the template, it&rsquo;ll provide footer pattern options.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"346\" height=\"433\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/04\/wordpress-quick-inserter.png\/public\" alt=\"Pattern options in the quick inserter.\" class=\"wp-image-2996\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/04\/wordpress-quick-inserter.png\/w=346,fit=scale-down 346w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/04\/wordpress-quick-inserter.png\/w=240,fit=scale-down 240w\" sizes=\"(max-width: 346px) 100vw, 346px\" \/><\/figure><\/div><h3 class=\"wp-block-heading\" id=\"h-improvements-for-the-design-tools\">Improvements for the Design Tools<\/h3><p>While these improvements are not as substantial as other features, they offer a better user experience and new customization opportunities.<\/p><ul class=\"wp-block-list\">\n<li><strong>Container block transformation.<\/strong> With the new layout transformer, you can easily switch the container block layout to <strong>group<\/strong>, <strong>row<\/strong>, or <strong>stack<\/strong>.<\/li>\n<\/ul><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"486\" height=\"305\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/04\/group-block-transformation.png\/public\" alt=\"Layout transformer for container blocks in the design tool.\" class=\"wp-image-2997\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/04\/group-block-transformation.png\/w=486,fit=scale-down 486w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/04\/group-block-transformation.png\/w=300,fit=scale-down 300w\" sizes=\"(max-width: 486px) 100vw, 486px\" \/><\/figure><\/div><ul class=\"wp-block-list\">\n<li><strong>Featured image size selector.<\/strong> In the featured image block&rsquo;s dimensions control, select a pre-defined image size using the drop-down menu.<\/li>\n<\/ul><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"411\" height=\"323\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/04\/featured-image-size-selector.png\/public\" alt=\"The image size selector for the featured image block.\" class=\"wp-image-2998\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/04\/featured-image-size-selector.png\/w=411,fit=scale-down 411w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/04\/featured-image-size-selector.png\/w=300,fit=scale-down 300w\" sizes=\"(max-width: 411px) 100vw, 411px\" \/><\/figure><\/div><ul class=\"wp-block-list\">\n<li><strong>Layout transformation for multiple blocks. <\/strong>Select multiple blocks and transform them into <strong>group<\/strong>, <strong>row<\/strong>, or <strong>stack <\/strong>blocks using the new UI tool in the toolbar.<\/li>\n<\/ul><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"663\" height=\"488\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/04\/block-transformation-toolbar.png\/public\" alt=\"Layout transformation options in the block toolbar.\" class=\"wp-image-2999\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/04\/block-transformation-toolbar.png\/w=663,fit=scale-down 663w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/04\/block-transformation-toolbar.png\/w=300,fit=scale-down 300w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure><\/div><ul class=\"wp-block-list\">\n<li><strong>Gap support for the gallery block.<\/strong> This new feature lets you define a gap between the images in the gallery block, providing more layout possibilities.<\/li>\n\n\n\n<li><strong>Custom date format.<\/strong> A new option to use a custom date format for post date and comment date blocks.<\/li>\n\n\n\n<li><strong>Column block border.<\/strong> The column block now has a border control to define the border style, width, color, and radius.<\/li>\n<\/ul><h3 class=\"wp-block-heading\" id=\"h-new-template-types\">New Template Types<\/h3><p>In the previous version, users only had the <strong>front page<\/strong> option for creating a new template. WordPress 6.0 adds five more types to display posts based on <strong>author<\/strong>, <strong>category<\/strong>, <strong>date<\/strong>, <strong>tag<\/strong>, and <strong>taxonomy<\/strong>. These new options reduce the need for custom page templates.<\/p><h2 class=\"wp-block-heading\" id=\"h-upcoming-releases\">Upcoming Releases<\/h2><p>WordPress will release two more beta versions and three release candidates every Tuesday until the final release date on May 24, 2022.<\/p><p>Every test release will contain improvements, bug fixes, and new features, so be sure to follow the development process. If you want to get more involved, download the beta versions to test the new improvements and report any issues you find to the WordPress team.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The first beta version of WordPress 6.0 is finally ready, and the WordPress team is inviting everyone to install and test it.<\/p>\n<p>WordPress 6.0 will introduce the new style switche\u2026<\/p>\n","protected":false},"author":172,"featured_media":3559,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2365],"tags":[],"hashtags":[],"class_list":["post-2982","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\/2982","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=2982"}],"version-history":[{"count":3,"href":"https:\/\/www.hostinger.com\/blog\/wp-json\/wp\/v2\/posts\/2982\/revisions"}],"predecessor-version":[{"id":4083,"href":"https:\/\/www.hostinger.com\/blog\/wp-json\/wp\/v2\/posts\/2982\/revisions\/4083"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/blog\/wp-json\/wp\/v2\/media\/3559"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/blog\/wp-json\/wp\/v2\/media?parent=2982"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/blog\/wp-json\/wp\/v2\/categories?post=2982"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/blog\/wp-json\/wp\/v2\/tags?post=2982"},{"taxonomy":"hashtags","embeddable":true,"href":"https:\/\/www.hostinger.com\/blog\/wp-json\/wp\/v2\/hashtags?post=2982"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}