{"id":5750,"date":"2023-11-08T01:04:56","date_gmt":"2023-11-08T01:04:56","guid":{"rendered":"https:\/\/www.hostinger.com\/blog\/?p=5750"},"modified":"2024-08-20T10:25:53","modified_gmt":"2024-08-20T10:25:53","slug":"wordpress-6-4","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/blog\/wordpress-6-4","title":{"rendered":"WordPress 6.4: An In-Depth Overview of New Features, Improvements, and the Default Theme"},"content":{"rendered":"<p>The final major update of the year &ndash; WordPress 6.4 &ldquo;Shirley&rdquo;, is finally released. This new version merges six Gutenberg releases from 16.2 to 16.7, bringing plenty of workflow improvements for a seamless content creation experience.<\/p><p>One big note is the introduction of the Twenty Twenty-Four theme, which pushes the default theme beyond blogging. Combined with performance improvements in this release, WordPress 6.4 is set to be a versatile <a href=\"https:\/\/www.hostinger.com\/tutorials\/what-is-a-cms\/\">content management system<\/a> out of the box.<\/p><p>Let&rsquo;s have a detailed look into what&rsquo;s inside WordPress 6.4.<\/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-4\/#Twenty_Twenty-Four_Default_Theme\">Twenty Twenty-Four Default Theme<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.hostinger.com\/blog\/wordpress-6-4\/#Using_Twenty_Twenty-Four_for_Designing_a_Business_Website\">Using Twenty Twenty-Four for Designing a Business Website<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.hostinger.com\/blog\/wordpress-6-4\/#Using_Twenty_Twenty-Four_for_Designing_a_Photography_Website\">Using Twenty Twenty-Four for Designing a Photography Website<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.hostinger.com\/blog\/wordpress-6-4\/#Pattern_Personalization_and_Customization\">Pattern Personalization and Customization<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.hostinger.com\/blog\/wordpress-6-4\/#Custom_Pattern_Categories\">Custom Pattern Categories<\/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-4\/#Import_and_Export_Patterns_as_JSON_Files\">Import and Export Patterns as JSON Files<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.hostinger.com\/blog\/wordpress-6-4\/#Workflow_Improvements\">Workflow Improvements<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/www.hostinger.com\/blog\/wordpress-6-4\/#Better_Block_Organization_on_the_List_View\">Better Block Organization on the List View<\/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-4\/#Fix_the_Toolbar_on_the_Parrent_Block_for_Navigation_List_and_Quote_Blocks\">Fix the Toolbar on the Parrent Block for Navigation, List, and Quote Blocks<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/www.hostinger.com\/blog\/wordpress-6-4\/#Easier_Access_to_the_Open_in_New_Tab_Toggle\">Easier Access to the Open in New Tab Toggle<\/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-4\/#Style_Revision_Updates\">Style Revision Updates<\/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-4\/#Command_Palette_Updates\">Command Palette Updates<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/www.hostinger.com\/blog\/wordpress-6-4\/#Block_Improvements\">Block Improvements<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/www.hostinger.com\/blog\/wordpress-6-4\/#Image_Blocks_Aspect_Ratio_and_Lightbox_Tools\">Image Block&rsquo;s Aspect Ratio and Lightbox 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-4\/#Background_Image_Support_for_Container_Block\">Background Image Support for Container Block<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-16\" href=\"https:\/\/www.hostinger.com\/blog\/wordpress-6-4\/#Query_Loop_Pagination_Improvements\">Query Loop Pagination Improvements<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-17\" href=\"https:\/\/www.hostinger.com\/blog\/wordpress-6-4\/#Block_Hooks\">Block Hooks<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-18\" href=\"https:\/\/www.hostinger.com\/blog\/wordpress-6-4\/#Performance_Improvements\">Performance Improvements<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-19\" href=\"https:\/\/www.hostinger.com\/blog\/wordpress-6-4\/#PHP_Recommended_Versions\">PHP Recommended Versions<\/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-4\/#Split_Queries_in_Object_Caching\">Split Queries in Object Caching<\/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-4\/#Template_Loading_Improvement\">Template Loading Improvement<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-22\" href=\"https:\/\/www.hostinger.com\/blog\/wordpress-6-4\/#New_Admin_Notice_Functions\">New Admin Notice Functions<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-23\" href=\"https:\/\/www.hostinger.com\/blog\/wordpress-6-4\/#Updating_Your_Website_to_WordPress_64\">Updating Your Website to WordPress 6.4<\/a><\/li><\/ul><\/nav><\/div>\n\n\n\n\n<\/p><h2 class=\"wp-block-heading\" id=\"h-twenty-twenty-four-default-theme\"><span class=\"ez-toc-section\" id=\"Twenty_Twenty-Four_Default_Theme\"><\/span>Twenty Twenty-Four Default Theme<span class=\"ez-toc-section-end\"><\/span><\/h2><p>The new <a href=\"\/tutorials\/wordpress-twenty-twenty-four-theme\">Twenty Twenty-Four<\/a> default theme is officially launched alongside WordPress 6.4.<\/p><p>WordPress contributors decided to make this theme as versatile as possible, packing it with <strong>35 patterns<\/strong>, from the usual blog patterns to business and portfolio design.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1370\" height=\"842\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/11\/twenty-twenty-four.png\/public\" alt=\"Twenty Twenty-Four default homepage\" class=\"wp-image-5751\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/11\/twenty-twenty-four.png\/w=1370,fit=scale-down 1370w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/11\/twenty-twenty-four.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/11\/twenty-twenty-four.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/11\/twenty-twenty-four.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1370px) 100vw, 1370px\" \/><\/figure><\/div><p>Let&rsquo;s see how you can utilize the default theme besides blogging.<\/p><h3 class=\"wp-block-heading\" id=\"h-using-twenty-twenty-four-for-designing-a-business-website\"><span class=\"ez-toc-section\" id=\"Using_Twenty_Twenty-Four_for_Designing_a_Business_Website\"><\/span>Using Twenty Twenty-Four for Designing a Business Website<span class=\"ez-toc-section-end\"><\/span><\/h3><p>The default design of the Twenty Twenty-Four theme&rsquo;s home template is suitable for a company <a href=\"https:\/\/www.hostinger.com\/tutorials\/how-to-create-a-landing-page-in-wordpress\">landing page<\/a>, complete with a hero section, business description, and service list placeholders ready for customization.&nbsp;<\/p><p>All these design elements are available as <a href=\"https:\/\/www.hostinger.com\/tutorials\/wordpress-block-patterns\">block patterns<\/a> you can use on other pages or templates, too. To see what this theme offers for business websites, open the block inserter, select the <strong>Patterns<\/strong> tab, and click <strong>Explore all patterns<\/strong>.<\/p><p>Browse the <strong>Pages <\/strong>category to see the pre-built page templates that come with the theme. For business websites, you can use the <strong>Business Home, About, Portfolio Project Overview, <\/strong>and <strong>RSVP Landing Page<\/strong> to create essential landing pages quickly.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1281\" height=\"776\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/11\/pattern-library-1-2.png\/public\" alt=\"Page patterns in the Twenty Twenty-Four theme\" class=\"wp-image-5754\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/11\/pattern-library-1-2.png\/w=1281,fit=scale-down 1281w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/11\/pattern-library-1-2.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/11\/pattern-library-1-2.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/11\/pattern-library-1-2.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1281px) 100vw, 1281px\" \/><\/figure><\/div><p>If you prefer building the page section by section, browse the <strong>Banner, Call to Action, Services, <\/strong>and<strong> Text <\/strong>categories, and you&rsquo;ll find an abundance of useful templates like pricing, four-column team member display, and FAQ.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1282\" height=\"825\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/11\/pattern-library-2.png\/public\" alt=\"Call-to-action patterns in the Twenty Twenty-Four theme\" class=\"wp-image-5755\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/11\/pattern-library-2.png\/w=1282,fit=scale-down 1282w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/11\/pattern-library-2.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/11\/pattern-library-2.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/11\/pattern-library-2.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1282px) 100vw, 1282px\" \/><\/figure><\/div><h3 class=\"wp-block-heading\" id=\"h-using-twenty-twenty-four-for-designing-a-photography-website\"><span class=\"ez-toc-section\" id=\"Using_Twenty_Twenty-Four_for_Designing_a_Photography_Website\"><\/span>Using Twenty Twenty-Four for Designing a Photography Website<span class=\"ez-toc-section-end\"><\/span><\/h3><p>Although the default theme design focuses on business websites, you can either clear the home page template or create a new front page template.<\/p><p>Then, open the pattern library again and browse the <strong>Pages <\/strong>category. For photography or portfolio websites, choose the <strong>Portfolio home image gallery <\/strong>or <strong>Portfolio home with post featured images <\/strong>patterns that will showcase images.<\/p><p>There are also templates for your gallery or portfolio pages. Open the <strong>Portfolio <\/strong>category, and you&rsquo;ll find templates for projects, galleries, and full-screen images.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1260\" height=\"496\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/11\/pattern-library-3.png\/public\" alt=\"Portfolio patterns in the Twenty Twenty-Four theme\" class=\"wp-image-5756\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/11\/pattern-library-3.png\/w=1260,fit=scale-down 1260w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/11\/pattern-library-3.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/11\/pattern-library-3.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/11\/pattern-library-3.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1260px) 100vw, 1260px\" \/><\/figure><\/div><h2 class=\"wp-block-heading\" id=\"h-pattern-personalization-and-customization\"><span class=\"ez-toc-section\" id=\"Pattern_Personalization_and_Customization\"><\/span>Pattern Personalization and Customization<span class=\"ez-toc-section-end\"><\/span><\/h2><p>As block patterns are becoming an essential part of block-based site editing, it&rsquo;s no surprise that WordPress 6.4 introduces more ways to work with them.<\/p><h3 class=\"wp-block-heading\" id=\"h-custom-pattern-categories\"><span class=\"ez-toc-section\" id=\"Custom_Pattern_Categories\"><\/span>Custom Pattern Categories<span class=\"ez-toc-section-end\"><\/span><\/h3><p>In WordPress 6.4, you can create custom pattern categories and assign patterns to multiple categories, whether they are synced or not.<\/p><p>The category assignation or creation is available on the pattern creation prompt box.<\/p><p>Let&rsquo;s say you have a group block you want to save as a pattern. Select the block, open the <strong>Options<\/strong> menu from the block toolbar by clicking the ellipsis button, and click <strong>Create pattern<\/strong>. You will see the new <strong>Categories<\/strong> field in the box.<\/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\/11\/pattern-creation.png\/public\" alt=\"The interface for creating a pattern that has the categories field where users can enter custom categories\" class=\"wp-image-5757\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/11\/pattern-creation.png\/w=355,fit=scale-down 355w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/11\/pattern-creation.png\/w=289,fit=scale-down 289w\" sizes=\"(max-width: 355px) 100vw, 355px\" \/><\/figure><\/div><p>To create a new category, simply write the new category name in the text field, and it will be registered as a new category. You can use commas or the Enter key to add more categories.<\/p><h3 class=\"wp-block-heading\" id=\"h-import-and-export-patterns-as-json-files\"><span class=\"ez-toc-section\" id=\"Import_and_Export_Patterns_as_JSON_Files\"><\/span>Import and Export Patterns as JSON Files<span class=\"ez-toc-section-end\"><\/span><\/h3><p>If you manage multiple WordPress websites and want custom patterns available on all sites, you don&rsquo;t have to create them manually on each one. In WordPress 6.4, you can import and export patterns as <a href=\"https:\/\/www.hostinger.com\/tutorials\/what-is-json\">JSON<\/a> files.<\/p><p>To export a pattern in the Site Editor, open the pattern library and find the one you want to export. Click the <strong>Actions<\/strong> button (ellipsis icon) below the pattern thumbnail to open the drop-down menu and select <strong>Export as JSON<\/strong>.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"371\" height=\"479\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/11\/export-json.png\/public\" alt=\"The export as JSON option for a pattern\" class=\"wp-image-5758\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/11\/export-json.png\/w=371,fit=scale-down 371w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/11\/export-json.png\/w=232,fit=scale-down 232w\" sizes=\"(max-width: 371px) 100vw, 371px\" \/><\/figure><\/div><p>Your computer will then download the file. To import a pattern, click the <strong>Create pattern<\/strong> button (plus icon) on the pattern library and select <strong>Import pattern from JSON<\/strong>. Select the pattern you want to import, and it will be available in your pattern library.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"500\" height=\"182\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/11\/import-json.png\/public\" alt=\"Import pattern from JSON option\" class=\"wp-image-5759\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/11\/import-json.png\/w=500,fit=scale-down 500w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/11\/import-json.png\/w=300,fit=scale-down 300w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/figure><\/div><h2 class=\"wp-block-heading\" id=\"h-workflow-improvements\"><span class=\"ez-toc-section\" id=\"Workflow_Improvements\"><\/span>Workflow Improvements<span class=\"ez-toc-section-end\"><\/span><\/h2><p>WordPress contributors are continuously improving <a href=\"https:\/\/www.hostinger.com\/tutorials\/gutenberg-wordpress\">block editor<\/a>&rsquo;s experience through Gutenberg development. As this version merges six Gutenberg releases, you&rsquo;ll get a lot of enhancements.<\/p><h3 class=\"wp-block-heading\" id=\"h-better-block-organization-on-the-list-view\"><span class=\"ez-toc-section\" id=\"Better_Block_Organization_on_the_List_View\"><\/span>Better Block Organization on the List View<span class=\"ez-toc-section-end\"><\/span><\/h3><p>In WordPress 6.4, you can better organize your blocks, especially in content-heavy pages, posts, or templates, by using custom-named container blocks, like group, stack, and row blocks.<\/p><p>You can rename a container block via the list view or block toolbar. Either way, all you have to do is click the <strong>Options<\/strong> button (ellipsis icon) and select <strong>Rename<\/strong>. The prompt block will appear, and you simply add the block name and click <strong>Save<\/strong>.&nbsp;<\/p><p>Once you group content in custom-named container blocks, navigating to the desired section in the list view becomes much simpler.<\/p><p>Another new feature in the list view for better navigation is the thumbnail preview for image and gallery blocks. You&rsquo;ll see that small thumbnail at the right side of the image block text, allowing you to identify which image on the content this image block represents.<\/p><p>Although it&rsquo;s not as easy to use as the custom-named block, it still helps you navigate quicker on the list view panel.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"348\" height=\"445\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/11\/list-view.png\/public\" alt=\"An example of the list view panel with all container blocks renamed and an image block with a small thumbnail\" class=\"wp-image-5760\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/11\/list-view.png\/w=348,fit=scale-down 348w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/11\/list-view.png\/w=235,fit=scale-down 235w\" sizes=\"(max-width: 348px) 100vw, 348px\" \/><\/figure><\/div><h3 class=\"wp-block-heading\" id=\"h-fix-the-toolbar-on-the-parrent-block-for-navigation-list-and-quote-blocks\"><span class=\"ez-toc-section\" id=\"Fix_the_Toolbar_on_the_Parrent_Block_for_Navigation_List_and_Quote_Blocks\"><\/span>Fix the Toolbar on the Parrent Block for Navigation, List, and Quote Blocks<span class=\"ez-toc-section-end\"><\/span><\/h3><p>The block toolbar can pop up over another content and block it. To remedy this issue, the WordPress block editor has distraction-free and top toolbar modes to reduce distraction for a better user experience.&nbsp;<\/p><p>WordPress 6.4 introduces an even better solution for this issue.<\/p><p>Navigation, list, and quote blocks have built-in child blocks. When working with these child blocks, the toolbar will remain attached to the parent block position, allowing you to work more freely without obstructing the toolbar.&nbsp;<\/p><p>Simply put, having the toolbar on the top of the parent block makes it easier to access.<\/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\/11\/list-block.png\/public\" alt=\"The list block with the toolbar stuck at the top\" class=\"wp-image-5761\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/11\/list-block.png\/w=516,fit=scale-down 516w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/11\/list-block.png\/w=300,fit=scale-down 300w\" sizes=\"(max-width: 516px) 100vw, 516px\" \/><\/figure><\/div><h3 class=\"wp-block-heading\" id=\"h-easier-access-to-the-open-in-new-tab-toggle\"><span class=\"ez-toc-section\" id=\"Easier_Access_to_the_Open_in_New_Tab_Toggle\"><\/span>Easier Access to the Open in New Tab Toggle<span class=\"ez-toc-section-end\"><\/span><\/h3><p>Even the smallest improvements can have a great impact. We can see it from the text hyperlink settings in WordPress 6.4, as an <strong>Open in new tab<\/strong> toggle is now available in the link preview.&nbsp;<\/p><p>This feature lets you quickly set the open in a new tab attribute to a hyperlink. Before it, users had to open the link editing interface and the advanced settings to <a href=\"https:\/\/www.hostinger.com\/tutorials\/how-to-create-hyperlink\">add a hyperlink<\/a> and configure it.<\/p><p>Now, instead of completing two more steps, you can do it with a simple single click.<\/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\/11\/open-in-new-tab-checkbox.png\/public\" alt='The \"Open in new tab\" toggle in the link preview pop-up' class=\"wp-image-5762\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/11\/open-in-new-tab-checkbox.png\/w=517,fit=scale-down 517w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/11\/open-in-new-tab-checkbox.png\/w=300,fit=scale-down 300w\" sizes=\"(max-width: 517px) 100vw, 517px\" \/><\/figure><\/div><h3 class=\"wp-block-heading\" id=\"h-style-revision-updates\"><span class=\"ez-toc-section\" id=\"Style_Revision_Updates\"><\/span>Style Revision Updates<span class=\"ez-toc-section-end\"><\/span><\/h3><p>Style revision, a feature introduced in <a href=\"https:\/\/www.hostinger.com\/blog\/wordpress-6-3\">WordPress 6.3<\/a>, receives a couple of small changes that improve style workflow significantly.<\/p><p>First, a <strong>Reset to default<\/strong> button is now available to quickly and easily revert the style to the default settings. Before this, users had to scroll down the revisions list to find the earliest stored revision.<\/p><p>The next enhancement is the revision check before style revisions are available.&nbsp;<\/p><p>Previously, the style revisions panel was only available if users already made two changes to the styles. If not, users had to revert manually.<\/p><p>In WordPress 6.4, the check is now set to one revision only. Thus, whenever users change the style and save it, the style revisions panel will be available.<\/p><h3 class=\"wp-block-heading\" id=\"h-command-palette-updates\"><span class=\"ez-toc-section\" id=\"Command_Palette_Updates\"><\/span>Command Palette Updates<span class=\"ez-toc-section-end\"><\/span><\/h3><p>WordPress 6.4 introduces more block-centric commands to the Command Palette tool:<\/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>These are tasks that usually require users to navigate through the block toolbar or list view. By having them on the Command Palette, users can just simply type and find them.<\/p><p>In addition, more contextual commands are also now available:<\/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><p>As a short reminder, contextual commands are only available when you&rsquo;re in a specific editor. For example, <strong>exit code editor<\/strong> will be available when you&rsquo;re using the code editor view, and <strong>enable pre-publish checklist<\/strong> appears in the post editor.<\/p><h2 class=\"wp-block-heading\" id=\"h-block-improvements\"><span class=\"ez-toc-section\" id=\"Block_Improvements\"><\/span>Block Improvements<span class=\"ez-toc-section-end\"><\/span><\/h2><p>WordPress continuously enhances its block customizability for creating captivating content. In this version, we have exciting new features for existing blocks, as well as the new block hooks that allow an even more seamless content creation.<\/p><h3 class=\"wp-block-heading\" id=\"h-image-block-s-aspect-ratio-and-lightbox-tools\"><span class=\"ez-toc-section\" id=\"Image_Blocks_Aspect_Ratio_and_Lightbox_Tools\"><\/span>Image Block&rsquo;s Aspect Ratio and Lightbox Tools<span class=\"ez-toc-section-end\"><\/span><\/h3><p>The image block receives a couple of new features in WordPress 6.4.<\/p><p>The first is the aspect ratio tool in the placeholder. This is handy when you add the image block in a template or <a href=\"https:\/\/www.hostinger.com\/tutorials\/how-to-add-images-wordpress\">upload the image<\/a> later. Select a certain aspect ratio, and the placeholder will adjust its size accordingly, showing you how much space the image will occupy.<\/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\/11\/image-aspect-ratio.png\/public\" alt=\"The image block placeholder with the aspect ratio set to 3:2\" class=\"wp-image-5763\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/11\/image-aspect-ratio.png\/w=981,fit=scale-down 981w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/11\/image-aspect-ratio.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/11\/image-aspect-ratio.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 981px) 100vw, 981px\" \/><\/figure><\/div><p>The tool is available on the image block&rsquo;s settings panel, with the available aspect ratio as follows:<\/p><ul class=\"wp-block-list\">\n<li>Original aspect ratio<\/li>\n\n\n\n<li>Square (1:1)<\/li>\n\n\n\n<li>Wide (16:9)<\/li>\n\n\n\n<li>Standard (4:3)<\/li>\n\n\n\n<li>Classic (3:2)<\/li>\n\n\n\n<li>Tall (9:16)<\/li>\n\n\n\n<li>Portrait (3:4)<\/li>\n\n\n\n<li>Classic Portrait (2:3)<\/li>\n<\/ul><p>The next new feature is the native lightbox feature that lets users magnify images in an overlay instead of a new tab or page. You can enable the lightbox by clicking 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\/11\/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-5764\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/11\/lightbox.png\/w=862,fit=scale-down 862w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/11\/lightbox.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/11\/lightbox.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 862px) 100vw, 862px\" \/><\/figure><p>With the arrival of the lightbox feature, creating such a user experience no longer requires a separate lightbox or <a href=\"https:\/\/www.hostinger.com\/tutorials\/wordpress-slider\">slideshow plugin<\/a>, allowing your WordPress site to run more efficiently and safely.<\/p><h3 class=\"wp-block-heading\" id=\"h-background-image-support-for-container-block\"><span class=\"ez-toc-section\" id=\"Background_Image_Support_for_Container_Block\"><\/span>Background Image Support for Container Block<span class=\"ez-toc-section-end\"><\/span><\/h3><p>In WordPress 6.4, you can customize your site using a background image easier as the group, stack, and row blocks now have background image support.&nbsp;<\/p><p>Follow these steps to add a background image:<\/p><ol class=\"wp-block-list\">\n<li>Select a group, stack, or row block and open the block settings panel.<\/li>\n\n\n\n<li>Open the <strong>Styles <\/strong>tab and find the <strong>Background <\/strong>section.<\/li>\n\n\n\n<li>Click on the <strong>Background image <\/strong>button and choose either <strong>Open Media Library <\/strong>to select an image from your WordPress Media Library or <strong>Upload<\/strong> to upload a new image from your computer.<\/li>\n\n\n\n<li>If you would like to clear the background image, simply click <strong>Reset<\/strong>.<\/li>\n<\/ol><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\/11\/group-background-support.png\/public\" alt=\"An example of a group block with a custom background image\" class=\"wp-image-5765\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/11\/group-background-support.png\/w=1572,fit=scale-down 1572w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/11\/group-background-support.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/11\/group-background-support.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/11\/group-background-support.png\/w=768,fit=scale-down 768w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/11\/group-background-support.png\/w=1536,fit=scale-down 1536w\" sizes=\"(max-width: 1572px) 100vw, 1572px\" \/><\/figure><\/div><p>However, the background image support doesn&rsquo;t have an opacity control and image repositioning tool. Thus, you have to edit the image with the right design before uploading it as a background image.<\/p><h3 class=\"wp-block-heading\" id=\"h-query-loop-pagination-improvements\"><span class=\"ez-toc-section\" id=\"Query_Loop_Pagination_Improvements\"><\/span>Query Loop Pagination Improvements<span class=\"ez-toc-section-end\"><\/span><\/h3><p>The <a href=\"https:\/\/www.hostinger.com\/tutorials\/the-loop-wordpress\">query loop<\/a> pagination now allows you to set the number of pages displayed for the viewers. The setting is accessible in the page numbers block&rsquo;s settings panel. You&rsquo;ll see the <strong>number of links<\/strong> field.<\/p><p>This feature is useful when you have plenty of blog posts and want to let visitors jump between pages quickly.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1104\" height=\"494\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/11\/pagination-setting.png\/public\" alt=\"Number of links settings for the page numbers block\" class=\"wp-image-5767\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/11\/pagination-setting.png\/w=1104,fit=scale-down 1104w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/11\/pagination-setting.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/11\/pagination-setting.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/11\/pagination-setting.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1104px) 100vw, 1104px\" \/><\/figure><\/div><p>The next improvement is on the client-side <a href=\"https:\/\/www.hostinger.com\/tutorials\/wordpress-pagination\">pagination<\/a> for the query loop block. Client-side retrieves the query dataset on the initial server load. Thus, when visitors navigate to another page of the query loop block, the browser doesn&rsquo;t have to reload the page, creating a faster and better browsing experience.<\/p><p>To enable client-side navigation, select the query loop block on the editor, open the block&rsquo;s settings panel, and disable the <strong>Force page reload<\/strong>.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1109\" height=\"690\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/11\/query-loop-force-reload.png\/public\" alt=\"The force page reload toggle setting for the query loop block\" class=\"wp-image-5766\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/11\/query-loop-force-reload.png\/w=1109,fit=scale-down 1109w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/11\/query-loop-force-reload.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/11\/query-loop-force-reload.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2023\/11\/query-loop-force-reload.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1109px) 100vw, 1109px\" \/><\/figure><h3 class=\"wp-block-heading\" id=\"h-block-hooks\"><span class=\"ez-toc-section\" id=\"Block_Hooks\"><\/span>Block Hooks<span class=\"ez-toc-section-end\"><\/span><\/h3><p>WordPress 6.4 introduces <a href=\"https:\/\/make.wordpress.org\/core\/2023\/10\/15\/introducing-block-hooks-for-dynamic-blocks\/\" target=\"_blank\" rel=\"noopener\">Block Hooks<\/a>, a new feature that allows blocks to insert themselves into similar blocks automatically. This provides an extensibility mechanism for block themes, similar to how filters and actions extend classic themes.<\/p><p>For example, you can modify blocks to automatically add a post date block after inserting a post content block.<\/p><p>To use block hooks, you can include <strong>blockHooks<\/strong> property in the <strong>block.json<\/strong> file:<\/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    blockHooks: {\n        'core\/[key]': '[value]',\n    }\n}<\/pre><p>Where:<\/p><ul class=\"wp-block-list\">\n<li><strong>Key<\/strong> &ndash; the target block you want to hook into.<\/li>\n\n\n\n<li><strong>Value<\/strong> &ndash; the position relative to the key block.<\/li>\n<\/ul><p>In WordPress 6.4, there are four available position values to insert the block:<\/p><ul class=\"wp-block-list\">\n<li><strong>before<\/strong> &ndash; before the target block.<\/li>\n\n\n\n<li><strong>after<\/strong> &ndash; after the target block.<\/li>\n\n\n\n<li><strong>firstChild<\/strong> &ndash; before the first child block inside the target container block.<\/li>\n\n\n\n<li><strong>lastChild<\/strong> &ndash; after the last child block inside the target container block.<\/li>\n<\/ul><p>Here&rsquo;s an example of the <strong>blockHooks<\/strong> property:<\/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    blockHooks: {\n        'core\/query-loop': 'before',\n        'core\/post-content': 'after',\n        'core\/row': 'firstChild',\n        'core\/group': 'lastChild',\n    }\n}<\/pre><h2 class=\"wp-block-heading\" id=\"h-performance-improvements\"><span class=\"ez-toc-section\" id=\"Performance_Improvements\"><\/span>Performance Improvements<span class=\"ez-toc-section-end\"><\/span><\/h2><p>Each major WordPress update introduces performance optimizations and developer-oriented upgrades. Let&rsquo;s delve into the backend enhancements and see what WordPress 6.4 has to offer.<\/p><h3 class=\"wp-block-heading\" id=\"h-php-recommended-versions\"><span class=\"ez-toc-section\" id=\"PHP_Recommended_Versions\"><\/span>PHP Recommended Versions<span class=\"ez-toc-section-end\"><\/span><\/h3><p>After raising the minimum PHP requirement to 7.0.0 in WordPress 6.3, the PHP support is now upgraded again, with WordPress 6.4 recommended to run on <strong>PHP 8.1<\/strong> or <a href=\"https:\/\/www.hostinger.com\/blog\/php-8-2\"><strong>8.2<\/strong><\/a>.<\/p><p>As WordPress code is based on PHP, it&rsquo;s crucial to use the recommended versions to keep it secure and functional. Check with your hosting provider for the supported PHP versions and upgrade yours if necessary.<\/p><p>\n\n\n<div class=\"protip\">\n                    <h4 class=\"title\">Pro Tip<\/h4>\n                    <p>Hostinger&rsquo;s Managed WordPress Hosting supports both PHP 8.1 and PHP 8.2, and you can switch versions easily from hPanel. Refer to our tutorials on <a href=\"https:\/\/www.hostinger.com\/tutorials\/how-to-change-your-php-version\">how to change the PHP version via hPanel<\/a>.<\/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><h3 class=\"wp-block-heading\" id=\"h-split-queries-in-object-caching\"><span class=\"ez-toc-section\" id=\"Split_Queries_in_Object_Caching\"><\/span>Split Queries in Object Caching<span class=\"ez-toc-section-end\"><\/span><\/h3><p>WordPress 6.4 brings many improvements to <a href=\"https:\/\/www.hostinger.com\/tutorials\/what-is-object-cache\">object caching<\/a>, leading to better handling of filters, reduced database queries, and improved overall system efficiency.&nbsp;<\/p><p>One of the key changes is the introduction of <a href=\"https:\/\/make.wordpress.org\/core\/2023\/10\/17\/improvements-to-object-caching-in-wordpress-6-4\/\" target=\"_blank\" rel=\"noopener\">split queries<\/a>, which allow WordPress to break down complex queries into smaller, more efficient ones. This can significantly reduce the load time of the website and minimize the strain on your database, especially for sites with a lot of content.&nbsp;<\/p><h3 class=\"wp-block-heading\" id=\"h-template-loading-improvement\"><span class=\"ez-toc-section\" id=\"Template_Loading_Improvement\"><\/span>Template Loading Improvement<span class=\"ez-toc-section-end\"><\/span><\/h3><p>The WordPress 6.4 release introduces several <a href=\"https:\/\/make.wordpress.org\/core\/2023\/10\/17\/improvements-to-template-loading-in-wordpress-6-4\/\" target=\"_blank\" rel=\"noopener\">template loading enhancements<\/a> to improve performance and efficiency for both WordPress developers and users. Here are the new updates:<\/p><ul class=\"wp-block-list\">\n<li><strong>Reduced file lookups and file system access<\/strong>. WordPress 6.4 introduces a new <code data-enlighter-language=\"generic\" class=\"EnlighterJSRAW\">WP_Theme::get_block_patterns()caching<\/code> method to store block patterns in the cache and reduce file lookups. This change reduces CPU usage overhead and improves overall performance.<\/li>\n\n\n\n<li><strong>Optimized block template lookup<\/strong>. The <code data-enlighter-language=\"generic\" class=\"EnlighterJSRAW\">WP_Theme::get_block_template_folders()<\/code> caching method now provides quicker and more efficient lookups of block template folders within themes. This improvement benefits both developers and users working with block themes.<\/li>\n\n\n\n<li><strong>Improved error handling<\/strong>. When retrieving theme data, WordPress will now verify the theme&rsquo;s existence first before looking up the file. This update avoids any unnecessary file checks and improves the <code data-enlighter-language=\"generic\" class=\"EnlighterJSRAW\">get_block_theme_folders()<\/code> function&rsquo;s reliability.<\/li>\n<\/ul><h3 class=\"wp-block-heading\" id=\"h-new-admin-notice-functions\"><span class=\"ez-toc-section\" id=\"New_Admin_Notice_Functions\"><\/span>New Admin Notice Functions<span class=\"ez-toc-section-end\"><\/span><\/h3><p>Admin notices are messages displayed to WordPress users in the admin area. They commonly provide feedback, such as informing users about updates, settings changes, or potential errors.<\/p><p>Before WordPress 6.4, admin notices were created using a mix of HTML and PHP code. This made it difficult to maintain consistency and apply global styling to notices.<\/p><p>To address these challenges, WordPress 6.4 introduces two new admin notice functions for creating and displaying admin notices.<\/p><ul class=\"wp-block-list\">\n<li><strong>wp_get_admin_notice()<\/strong>. This function generates the HTML markup for an admin notice. It takes a message, an array of arguments, an optional type, a dismissible flag, an ID, and additional classes as parameters.<\/li>\n\n\n\n<li><strong>wp_admin_notice()<\/strong>. This function outputs the HTML markup for an admin notice directly to the page. It accepts the same parameters as <code data-enlighter-language=\"generic\" class=\"EnlighterJSRAW\">wp_get_admin_notice()<\/code>.<\/li>\n<\/ul><p>Other than promoting better consistency for admin notices, the new functions also enable arguments and filters that developers can use to customize the appearance and behavior of the notices.&nbsp;<\/p><p>Refer to the <a href=\"https:\/\/make.wordpress.org\/core\/2023\/10\/16\/introducing-admin-notice-functions-in-wordpress-6-4\/\" target=\"_blank\" rel=\"noopener\">admin notice developer note<\/a> for more detailed information about the function&rsquo;s parameters, filters, and actions.<\/p><h2 class=\"wp-block-heading\" id=\"h-updating-your-website-to-wordpress-6-4\"><span class=\"ez-toc-section\" id=\"Updating_Your_Website_to_WordPress_64\"><\/span>Updating Your Website to WordPress 6.4<span class=\"ez-toc-section-end\"><\/span><\/h2><p>With the release of WordPress 6.4, it&rsquo;s crucial to prepare your website for a seamless transition. We recommend taking the following steps to ensure a safe WordPress update process:<\/p><ol class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.hostinger.com\/tutorials\/backup-wordpress\"><strong>Back up your WordPress website<\/strong><\/a>. Before embarking on any update, creating a comprehensive backup of your website is paramount. This safeguards your data in case of unforeseen circumstances.<\/li>\n\n\n\n<li><strong>Test WordPress 6.4 in the <\/strong><a href=\"https:\/\/www.hostinger.com\/tutorials\/wordpress-staging-environment\"><strong>staging environment<\/strong><\/a>. A staging environment provides a safe space to test WordPress 6.4 without affecting your live website. This includes checking themes, plugins, and overall site performance.<\/li>\n\n\n\n<li><strong>Address compatibility issues<\/strong>. If you encounter any compatibility issues during testing, promptly address them within the staging environment. This may involve updating plugins, themes, or resolving specific conflicts.<\/li>\n\n\n\n<li><strong>Push the update to the live site<\/strong>. Once you&rsquo;re confident that your website is compatible with WordPress 6.4, proceed with the update on your live site.<\/li>\n<\/ol><p>By following these steps, you can ensure a successful transition to WordPress 6.4, keeping your website running optimally and securely.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The final major update of the year \u2013 WordPress 6.4 \u201cShirley\u201d, is finally released. This new version merges six Gutenberg releases from 16.2 to 16.7, bringing plenty of workflow im\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-5750","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\/5750","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=5750"}],"version-history":[{"count":6,"href":"https:\/\/www.hostinger.com\/blog\/wp-json\/wp\/v2\/posts\/5750\/revisions"}],"predecessor-version":[{"id":6626,"href":"https:\/\/www.hostinger.com\/blog\/wp-json\/wp\/v2\/posts\/5750\/revisions\/6626"}],"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=5750"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/blog\/wp-json\/wp\/v2\/categories?post=5750"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/blog\/wp-json\/wp\/v2\/tags?post=5750"},{"taxonomy":"hashtags","embeddable":true,"href":"https:\/\/www.hostinger.com\/blog\/wp-json\/wp\/v2\/hashtags?post=5750"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}