{"id":5607,"date":"2023-10-12T05:32:52","date_gmt":"2023-10-12T05:32:52","guid":{"rendered":"https:\/\/www.hostinger.com\/blog\/?p=5607"},"modified":"2023-12-20T04:16:17","modified_gmt":"2023-12-20T04:16:17","slug":"wordpress-6-4-preview","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/blog\/wordpress-6-4-preview","title":{"rendered":"WordPress 6.4 Preview: What to Expect"},"content":{"rendered":"<p>The wheels are in motion for <a href=\"https:\/\/make.wordpress.org\/core\/6-4\/\" target=\"_blank\" rel=\"noopener\">WordPress 6.4<\/a> &ndash; the beta version is available for testing, and the full release is set for <strong>November 7<\/strong>. This update introduces significant enhancements by integrating Gutenberg versions 16.2 to 16.7 into the WordPress core.<\/p><p>In this article, we&rsquo;ll highlight the most important changes in WordPress 6.4 and guide you on how to test it before the final release.&nbsp;&nbsp;<\/p><h2 class=\"wp-block-heading\" id=\"h-new-features-and-enhancements\">New Features and Enhancements<\/h2><p>Although WordPress 6.4 merged fewer <a href=\"https:\/\/www.hostinger.com\/tutorials\/gutenberg-wordpress\">Gutenberg<\/a> versions than past major releases, it still comes with many improvements for the block editor.<\/p><h3 class=\"wp-block-heading\" id=\"h-new-default-theme\">New Default Theme<\/h3><p><a href=\"https:\/\/make.wordpress.org\/core\/2023\/08\/24\/introducing-twenty-twenty-four\/\" target=\"_blank\" rel=\"noopener\">Twenty Twenty-Four<\/a> breaks away from traditional blog-centric themes as it fits businesses, agencies, and portfolios perfectly. This theme&rsquo;s versatility is evident in its pattern collection, introducing categories like portfolio, team, banner, and testimonial.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1507\" height=\"740\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/10\/patterns.png\/public\" alt=\"Pattern options in the Twenty Twenty-Four theme\" class=\"wp-image-5608\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/10\/patterns.png\/w=1507,fit=scale-down 1507w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/10\/patterns.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/10\/patterns.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/10\/patterns.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1507px) 100vw, 1507px\" \/><\/figure><\/div><p>The default homepage now mirrors a company website <a href=\"https:\/\/www.hostinger.com\/tutorials\/how-to-create-a-landing-page-in-wordpress\">landing page<\/a>, showcasing a business description, the services offered, and a subscription CTA. We also appreciate the abundance of placeholder text, making it easier for new users to kick-start their content creation.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1436\" height=\"830\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/10\/twenty-twenty-four.png\/public\" alt=\"Twenty Twenty-Four theme's homepage template\" class=\"wp-image-5609\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/10\/twenty-twenty-four.png\/w=1436,fit=scale-down 1436w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/10\/twenty-twenty-four.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/10\/twenty-twenty-four.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/10\/twenty-twenty-four.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1436px) 100vw, 1436px\" \/><\/figure><\/div><p>Overall, this theme offers more flexibility, making it a great starting point for new WordPress users.<\/p><h3 class=\"wp-block-heading\" id=\"h-custom-pattern-categories\">Custom Pattern Categories<\/h3><p>In WordPress 6.4, the pattern creation feature from version 6.3 is enhanced with custom pattern categories. As a result, you can now neatly categorize your custom patterns beyond the default &ldquo;my pattern&rdquo;.&nbsp;<\/p><p>Once you create a <a href=\"https:\/\/www.hostinger.com\/tutorials\/wordpress-block-patterns\">WordPress pattern<\/a>, whether synced or not, you will find the category field to register the custom pattern category. Users can assign the pattern to multiple categories, too.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"355\" height=\"368\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/10\/custom-pattern.png\/public\" alt=\"The interface for creating a pattern that has the categories field where users can enter custom categories\" class=\"wp-image-5610\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/10\/custom-pattern.png\/w=355,fit=scale-down 355w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/10\/custom-pattern.png\/w=289,fit=scale-down 289w\" sizes=\"(max-width: 355px) 100vw, 355px\" \/><\/figure><\/div><h3 class=\"wp-block-heading\" id=\"h-list-view\">List View<\/h3><p>The list view has some revamps for a better user experience.&nbsp;<\/p><p>Previously, users were struggling to find the <a href=\"https:\/\/www.hostinger.com\/tutorials\/wordpress-blocks\">block<\/a> they were looking for. To solve this problem, container blocks like group, stack, and row blocks can now be renamed.&nbsp;<\/p><p>You can do so directly in the list view by clicking the ellipsis icon and selecting <strong>rename<\/strong>. Once you group content in custom-named container blocks, navigating to the desired section in the list view becomes much simpler.&nbsp;<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"350\" height=\"295\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/10\/block-rename.png\/public\" alt=\"The list view panel with renamed group and stack blocks\" class=\"wp-image-5611\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/10\/block-rename.png\/w=350,fit=scale-down 350w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/10\/block-rename.png\/w=300,fit=scale-down 300w\" sizes=\"(max-width: 350px) 100vw, 350px\" \/><\/figure><\/div><p>Additionally, gallery and image blocks now feature thumbnail previews. While subtler than the renaming feature, it still eases the navigation in the list view, especially for image-rich content.<\/p><h3 class=\"wp-block-heading\" id=\"h-open-in-new-tab-toggle-in-the-link-preview\">Open in New Tab Toggle in the Link Preview<\/h3><p>When you <a href=\"https:\/\/www.hostinger.com\/tutorials\/how-to-create-hyperlink\">add a hyperlink<\/a> to a text, you can set it to open in a new tab. However, you will need to open the link editing interface and open the advanced settings, which is a hassle for such a simple thing.<\/p><p>In WordPress 6.4, an <strong>Open in new tab<\/strong> toggle option is available in the link preview, enabling you to change the settings quickly.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"517\" height=\"367\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/10\/link-preview.png\/public\" alt='The \"Open in new tab\" toggle in the link preview pop-up' class=\"wp-image-5612\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/10\/link-preview.png\/w=517,fit=scale-down 517w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/10\/link-preview.png\/w=300,fit=scale-down 300w\" sizes=\"(max-width: 517px) 100vw, 517px\" \/><\/figure><\/div><h3 class=\"wp-block-heading\" id=\"h-fixed-toolbar-for-navigation-list-and-quote-blocks\">Fixed Toolbar for Navigation, List, and Quote Blocks<\/h3><p>In WordPress 6.4, an improved toolbar for navigation, list, and quote blocks improves your workflow further.&nbsp;<\/p><p>These blocks have built-in child blocks by default. When working with the inner content, the toolbar now remains attached to the parent block position. Thus, the toolbar won&rsquo;t obstruct the content within these blocks.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"516\" height=\"335\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/10\/list-block.png\/public\" alt=\"The list block with the toolbar stuck at the top\" class=\"wp-image-5613\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/10\/list-block.png\/w=516,fit=scale-down 516w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/10\/list-block.png\/w=300,fit=scale-down 300w\" sizes=\"(max-width: 516px) 100vw, 516px\" \/><\/figure><\/div><p>Unfortunately, this feature is still limited to these three blocks, meaning it won&rsquo;t work on other nested blocks like columns, buttons, and group blocks.&nbsp;<\/p><h3 class=\"wp-block-heading\" id=\"h-image-block-improvements\">Image Block Improvements<\/h3><p>The image block in WordPress 6.4 includes an aspect ratio tool within its placeholder. Set the desired aspect ratio before <a href=\"https:\/\/www.hostinger.com\/tutorials\/how-to-add-images-wordpress\">uploading the image<\/a>, and the placeholder will adjust, previewing the space the image will occupy.&nbsp;<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"981\" height=\"494\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/10\/image-aspect-ratio.png\/public\" alt=\"The image block placeholder with the aspect ratio set to 3:2\" class=\"wp-image-5614\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/10\/image-aspect-ratio.png\/w=981,fit=scale-down 981w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/10\/image-aspect-ratio.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/10\/image-aspect-ratio.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 981px) 100vw, 981px\" \/><\/figure><\/div><p>Additionally, the image block introduces a lightbox feature. This lets users magnify images in an overlay instead of a new tab or page, enhancing the viewing experience. To activate it, enable the <strong>Expand on Click<\/strong> toggle in the image block&rsquo;s settings.<\/p><figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"862\" height=\"366\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/10\/lightbox.png\/public\" alt=\"The &quot;Expand on Click&quot; toggle in the image block's settings panel to enable the lightbox feature\n\" class=\"wp-image-5615\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/10\/lightbox.png\/w=862,fit=scale-down 862w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/10\/lightbox.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/10\/lightbox.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 862px) 100vw, 862px\" \/><\/figure><h3 class=\"wp-block-heading\" id=\"h-background-image-support-for-container-block\">Background Image Support for Container Block<\/h3><p>In WordPress 6.4, the background image support for group, stack, and row blocks lets you add a custom background image.<\/p><p>To do so, navigate to the styles tab on the block&rsquo;s settings panel, and you&rsquo;ll find the <strong>Background <\/strong>section to upload or choose an image from the media library.<\/p><p>As a result, you don&rsquo;t have to create content with a <a href=\"https:\/\/www.hostinger.com\/tutorials\/wordpress-background-images\">background image<\/a> using the cover block anymore. As container blocks offer more content layout options, this means more design possibilities for your website.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1572\" height=\"825\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/10\/group-background.png\/public\" alt=\"An example of a group block with a custom background image\" class=\"wp-image-5616\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/10\/group-background.png\/w=1572,fit=scale-down 1572w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/10\/group-background.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/10\/group-background.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/10\/group-background.png\/w=768,fit=scale-down 768w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/10\/group-background.png\/w=1536,fit=scale-down 1536w\" sizes=\"(max-width: 1572px) 100vw, 1572px\" \/><\/figure><\/div><p>Note that there&rsquo;s no way to adjust the opacity or reposition the image. Therefore, you must ensure the image has the right design before uploading it as the background.<\/p><h3 class=\"wp-block-heading\" id=\"h-query-loop-pagination-improvements\">Query Loop Pagination Improvements<\/h3><p>Before WordPress 6.4, the native pagination block was reloading the page when moving to another one, resulting in a slower browsing experience. To improve this, the <a href=\"https:\/\/www.hostinger.com\/tutorials\/the-loop-wordpress\">query loop<\/a> pagination will now switch pages without reloading the whole page.<\/p><p>Another improvement to the block is the customizable page navigation. Now, you can define the number of pages, allowing your visitors to browse faster.<\/p><h3 class=\"wp-block-heading\" id=\"h-more-commands-for-the-command-palette\">More Commands for the Command Palette<\/h3><p>Command Palette was a new addition in WordPress 6.3, and new commands have been added ever since. In WordPress 6.4, the following new block-centric commands are accessible:<\/p><ul class=\"wp-block-list\">\n<li>Group<\/li>\n\n\n\n<li>Ungroup<\/li>\n\n\n\n<li>Duplicate<\/li>\n\n\n\n<li>Remove<\/li>\n\n\n\n<li>Add before<\/li>\n\n\n\n<li>Add after<\/li>\n\n\n\n<li>Transform (will have all transformation options for any given block)<\/li>\n<\/ul><p>In addition, WordPress contributors have added some more contextual commands that apply in various places of editors:<\/p><ul class=\"wp-block-list\">\n<li>Open List View (in the Site Editor)<\/li>\n\n\n\n<li>Exit code editor<\/li>\n\n\n\n<li>Hide breadcrumbs<\/li>\n\n\n\n<li>Show breadcrumbs<\/li>\n\n\n\n<li>Enable pre-publish checklist&nbsp;<\/li>\n\n\n\n<li>Disable pre-publish checklist<\/li>\n\n\n\n<li>Preview in a new tab<\/li>\n<\/ul><h2 class=\"wp-block-heading\" id=\"h-how-to-test-wordpress-6-4\">How to Test WordPress 6.4<\/h2><p>WordPress 6.4 is set for release on November 7, 2023, but you can test the beta version before it to try the new features or check the compatibility with your website. The best practice is to set up a test environment or a staging site to do it safely.<\/p><p>\n\n\n<div class=\"protip\">\n                    <h4 class=\"title\">Suggested Reading<\/h4>\n                    <p>Follow our <a href=\"https:\/\/www.hostinger.com\/tutorials\/wordpress-staging-environment\">WordPress staging tutorial<\/a> on how to set up a test environment.<\/p>\n                <\/div>\n\n\n<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/www.hostinger.com\/wordpress-hosting\"><img decoding=\"async\" width=\"2048\" height=\"600\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2024\/08\/New-WP_in-text-banner.png\/public\" alt=\"\" class=\"wp-image-6639\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2024\/08\/New-WP_in-text-banner.png\/w=2048,fit=scale-down 2048w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2024\/08\/New-WP_in-text-banner.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2024\/08\/New-WP_in-text-banner.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2024\/08\/New-WP_in-text-banner.png\/w=768,fit=scale-down 768w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2024\/08\/New-WP_in-text-banner.png\/w=1536,fit=scale-down 1536w\" sizes=\"(max-width: 2048px) 100vw, 2048px\" \/><\/a><\/figure><\/div><p>Once you&rsquo;re ready, install the <a href=\"https:\/\/wordpress.org\/plugins\/wordpress-beta-tester\/\" target=\"_blank\" rel=\"noopener\">WordPress Beta Tester plugin<\/a>, choose the <strong>Bleeding Edge<\/strong> channel and the<strong> Beta\/RC Only<\/strong> stream from the plugin&rsquo;s settings panel. You&rsquo;ll then be able to update the test site to the WordPress 6.4 development version. Good luck!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The wheels are in motion for WordPress 6.4 \u2013 the beta version is available for testing, and the full release is set for November 7. This update introduces significant enhancements\u2026<\/p>\n","protected":false},"author":172,"featured_media":5768,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2365],"tags":[],"hashtags":[],"class_list":["post-5607","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\/5607","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=5607"}],"version-history":[{"count":2,"href":"https:\/\/www.hostinger.com\/blog\/wp-json\/wp\/v2\/posts\/5607\/revisions"}],"predecessor-version":[{"id":5618,"href":"https:\/\/www.hostinger.com\/blog\/wp-json\/wp\/v2\/posts\/5607\/revisions\/5618"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/blog\/wp-json\/wp\/v2\/media\/5768"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/blog\/wp-json\/wp\/v2\/media?parent=5607"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/blog\/wp-json\/wp\/v2\/categories?post=5607"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/blog\/wp-json\/wp\/v2\/tags?post=5607"},{"taxonomy":"hashtags","embeddable":true,"href":"https:\/\/www.hostinger.com\/blog\/wp-json\/wp\/v2\/hashtags?post=5607"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}