{"id":4031,"date":"2022-11-02T02:20:32","date_gmt":"2022-11-02T02:20:32","guid":{"rendered":"https:\/\/www.hostinger.com\/blog\/?p=4031"},"modified":"2023-01-27T13:15:01","modified_gmt":"2023-01-27T13:15:01","slug":"wordpress-6-1","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/blog\/wordpress-6-1","title":{"rendered":"WordPress 6.1: What\u2019s New in the New Major Release"},"content":{"rendered":"<p>2022&rsquo;s third major release of WordPress, version 6.1 &rdquo;Misha&rdquo;, is finally here. It introduces over <a href=\"https:\/\/core.trac.wordpress.org\/query?status=closed&amp;milestone=6.1&amp;order=priority\" target=\"_blank\" rel=\"noopener\">400 core enhancements and bug fixes<\/a> and various <a href=\"https:\/\/core.trac.wordpress.org\/ticket\/56467\" target=\"_blank\" rel=\"noopener\">backport changes from Gutenberg to the core software<\/a>.<\/p><p>As this version is still a part of the Gutenberg project phase two, it features many block editor improvements, including backports from over 10 Gutenberg releases after WordPress 6.0. On top of that, it comes with the new Twenty Twenty-Three default theme.<\/p><p>Let&rsquo;s discuss the new updates for <a href=\"https:\/\/wordpress.org\/news\/2022\/11\/misha\/\" target=\"_blank\" rel=\"noopener\">WordPress 6.1<\/a>.<\/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-1\/#New_Twenty_Twenty-Three_Default_Theme\">New Twenty Twenty-Three Default Theme<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.hostinger.com\/blog\/wordpress-6-1\/#Block_Editor_Improvements\">Block Editor Improvements<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.hostinger.com\/blog\/wordpress-6-1\/#Improved_Template_Options\">Improved Template Options<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.hostinger.com\/blog\/wordpress-6-1\/#Improved_Block_Locking\">Improved Block Locking<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.hostinger.com\/blog\/wordpress-6-1\/#Content-Only_Editing\">Content-Only Editing<\/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-1\/#Updated_Quote_and_List_Blocks\">Updated Quote and List Blocks<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.hostinger.com\/blog\/wordpress-6-1\/#Featured_Image_in_Cover_Block_Placeholder\">Featured Image in Cover Block Placeholder<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/www.hostinger.com\/blog\/wordpress-6-1\/#Design_Tools_Consistency\">Design Tools Consistency<\/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-1\/#Dimensions_Settings_Presets\">Dimensions Settings Presets<\/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-1\/#Updated_Preview_Button\">Updated Preview Button<\/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-1\/#Template_Parts_in_Block_Inserter\">Template Parts in Block Inserter<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/www.hostinger.com\/blog\/wordpress-6-1\/#New_Preference_Option\">New Preference Option<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/www.hostinger.com\/blog\/wordpress-6-1\/#Updated_Editor_Details\">Updated Editor Details<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/www.hostinger.com\/blog\/wordpress-6-1\/#Post_Summary_Update\">Post Summary Update<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/www.hostinger.com\/blog\/wordpress-6-1\/#Theme_Improvements\">Theme Improvements<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-16\" href=\"https:\/\/www.hostinger.com\/blog\/wordpress-6-1\/#Improved_Global_Styles\">Improved Global Styles<\/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-1\/#Starter_Patterns_for_All_Post_Types\">Starter Patterns for All Post Types<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-18\" href=\"https:\/\/www.hostinger.com\/blog\/wordpress-6-1\/#Fluid_Typography\">Fluid Typography<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-19\" href=\"https:\/\/www.hostinger.com\/blog\/wordpress-6-1\/#Block-Based_Template_Part_Support_for_Classic_Themes\">Block-Based Template Part Support for Classic Themes<\/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-1\/#Block_Theme_Filters\">Block Theme Filters<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-21\" href=\"https:\/\/www.hostinger.com\/blog\/wordpress-6-1\/#How_to_Update_to_WordPress_61\">How to Update to WordPress 6.1<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-22\" href=\"https:\/\/www.hostinger.com\/blog\/wordpress-6-1\/#Conclusion\">Conclusion<\/a><\/li><\/ul><\/nav><\/div>\n\n\n\n\n<\/p><h2 class=\"wp-block-heading\" id=\"h-new-twenty-twenty-three-default-theme\"><span class=\"ez-toc-section\" id=\"New_Twenty_Twenty-Three_Default_Theme\"><\/span>New Twenty Twenty-Three Default Theme<span class=\"ez-toc-section-end\"><\/span><\/h2><p>Following the Twenty Twenty-Two block theme released with WordPress 5.9, 6.1 introduces a new default block theme called Twenty Twenty-Three.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1358\" height=\"782\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/The-Twenty-Twenty-Three-default-WordPress-theme-with-the-global-styles-panel-and-the-theme-style-options-visible.png\/public\" alt=\"The Twenty Twenty-Three default WordPress theme, with the global styles panel and the theme style options visible\" class=\"wp-image-4032\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/The-Twenty-Twenty-Three-default-WordPress-theme-with-the-global-styles-panel-and-the-theme-style-options-visible.png\/w=1358,fit=scale-down 1358w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/The-Twenty-Twenty-Three-default-WordPress-theme-with-the-global-styles-panel-and-the-theme-style-options-visible.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/The-Twenty-Twenty-Three-default-WordPress-theme-with-the-global-styles-panel-and-the-theme-style-options-visible.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/The-Twenty-Twenty-Three-default-WordPress-theme-with-the-global-styles-panel-and-the-theme-style-options-visible.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1358px) 100vw, 1358px\" \/><\/figure>\n<\/div><p>It comes with eleven theme styles from the get-go, allowing you to easily switch the color scheme and typography via the global styles switcher feature. Even if you don&rsquo;t want to use pre-defined theme styles, the wide variety of options is a great starting point for customization.<\/p><p>Another improvement in Twenty Twenty-Three is the typography. Not only do you get more font family options, but they are available across all eleven styles. This allows more freedom to mix and match the typography between styles.<\/p><p>\n\n\n\n<div class=\"editor\">\n                    <h4 class=\"title\">Expert Tip<\/h4>\n                    <p>New users starting with an empty site will be offered the Twenty-Twenty-Three theme by default and can start customizing with the site editor.&nbsp;<\/p><p>The Twenty-Twenty-Three theme, with its style variations, the site editor, and the options to create templates for a single category and other archives, is quite suitable for content-heavy websites.<\/p><p>The site editor might still be in beta, but it gives new users plenty of customization tools in a more coherent interface than a classic theme.<\/p>\n                    <div class=\"d-flex mt-40\">\n                        <div class=\"author-photo\">\n                            <img decoding=\"async\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/Screenshot-2022-11-04-at-16.23.39.png\/w=65,h=65,fit=scale-down\" width=\"65\" height=\"65\" class=\"border-radius-50p\" alt=\"Editor\" \/>\n                        <\/div>\n                        <div class=\"mt-auto mb-auto\">\n                            <p class=\"author-name\">Birgit P.<\/p>\n                            <p class=\"author-position\">WordPress Developer Advocate<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n\n\n<\/p><h2 class=\"wp-block-heading\" id=\"h-block-editor-improvements\"><span class=\"ez-toc-section\" id=\"Block_Editor_Improvements\"><\/span>Block Editor Improvements<span class=\"ez-toc-section-end\"><\/span><\/h2><p>With over 10 Gutenberg releases merged into the WordPress 6.1 core, we can see plenty of block editor improvements in the new version. Let&rsquo;s discuss the most significant updates featured with the WordPress 6.1 block editor.<\/p><h3 class=\"wp-block-heading\" id=\"h-improved-template-options\"><span class=\"ez-toc-section\" id=\"Improved_Template_Options\"><\/span>Improved Template Options<span class=\"ez-toc-section-end\"><\/span><\/h3><p>6.1 comes with two new template options &ndash; <strong>Page<\/strong> and <strong>Single Item: Post<\/strong>. The new version also streamlines the <a href=\"https:\/\/make.wordpress.org\/core\/2022\/08\/25\/core-editor-improvement-refining-the-template-creation-experience\/\" target=\"_blank\" rel=\"noopener\">template creation process<\/a> by automatically adding relevant patterns, so you no longer have to start from scratch.<\/p><p>For example, when you add the <strong>Single Item: Post <\/strong>template, it will start with block patterns that include post content, the comments query loop, and template parts such as the header and footer. From that point, you can start customizing the layout or design.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1190\" height=\"688\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/The-Single-item-Post-template-with-pre-defined-patterns.png\/public\" alt=\"The Single item Post template with pre-defined patterns\" class=\"wp-image-4033\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/The-Single-item-Post-template-with-pre-defined-patterns.png\/w=1190,fit=scale-down 1190w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/The-Single-item-Post-template-with-pre-defined-patterns.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/The-Single-item-Post-template-with-pre-defined-patterns.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/The-Single-item-Post-template-with-pre-defined-patterns.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1190px) 100vw, 1190px\" \/><\/figure>\n<\/div><p>Another improvement is that you can choose to add the template to all items or a specific one. For example, when adding an author template, you&rsquo;ll be prompted to choose whether the template will apply to all authors or just one.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"644\" height=\"339\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/A-pop-up-asking-the-user-to-select-whether-to-apply-the-new-template-for-all-items-or-a-specific-one.png\/public\" alt=\"A pop-up asking the user to select whether to apply the new template for all items or a specific one\" class=\"wp-image-4034\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/A-pop-up-asking-the-user-to-select-whether-to-apply-the-new-template-for-all-items-or-a-specific-one.png\/w=644,fit=scale-down 644w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/A-pop-up-asking-the-user-to-select-whether-to-apply-the-new-template-for-all-items-or-a-specific-one.png\/w=300,fit=scale-down 300w\" sizes=\"(max-width: 644px) 100vw, 644px\" \/><\/figure>\n<\/div><p>As such, you can create tailored templates for <strong>Author<\/strong>, <strong>Category<\/strong>, and <strong>Single Item: Post<\/strong>.<\/p><p>In addition, there&rsquo;s now the <strong>Custom template <\/strong>option allowing you to create a new template for any post or page. It will feature a pattern similar to the post template, but you can reconstruct it to suit whatever type of content.<\/p><h3 class=\"wp-block-heading\" id=\"h-improved-block-locking\"><span class=\"ez-toc-section\" id=\"Improved_Block_Locking\"><\/span>Improved Block Locking<span class=\"ez-toc-section-end\"><\/span><\/h3><p>Block locking is a neat feature that ensures your content blocks won&rsquo;t be accidentally deleted or moved. However, locking a nested block can take a lot of time as you have to lock all individual blocks one by one.<\/p><p>WordPress 6.1 introduces a new improvement to this system, allowing you to apply block locking to all elements inside a group block. This option will appear on the block locking pop-up when you want to lock a group block. You&rsquo;ll see the <strong>Apply to all blocks inside<\/strong> toggle switch.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"634\" height=\"533\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/The-Lock-Group-pop-up-with-the-Apply-to-all-blocks-inside-option-highlighted.png\/public\" alt=\"The Lock Group pop-up, with the Apply to all blocks inside option highlighted\" class=\"wp-image-4035\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/The-Lock-Group-pop-up-with-the-Apply-to-all-blocks-inside-option-highlighted.png\/w=634,fit=scale-down 634w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/The-Lock-Group-pop-up-with-the-Apply-to-all-blocks-inside-option-highlighted.png\/w=300,fit=scale-down 300w\" sizes=\"(max-width: 634px) 100vw, 634px\" \/><\/figure>\n<\/div><p>\n\n\n<div class=\"editor\">\n                    <h4 class=\"title\">Expert Tip<\/h4>\n                    <p>The locking mechanism for block patterns and inner blocks allows site owners and administrators to curate the editor experience for content creators and standardize designs using the settings from the <strong>theme.json<\/strong> file.<\/p>\n                    <div class=\"d-flex mt-40\">\n                        <div class=\"author-photo\">\n                            <img decoding=\"async\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/Screenshot-2022-11-04-at-16.23.39.png\/w=65,h=65,fit=scale-down\" width=\"65\" height=\"65\" class=\"border-radius-50p\" alt=\"Editor\" \/>\n                        <\/div>\n                        <div class=\"mt-auto mb-auto\">\n                            <p class=\"author-name\">Birgit P.<\/p>\n                            <p class=\"author-position\">WordPress Developer Advocate<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n\n\n<\/p><h3 class=\"wp-block-heading\" id=\"h-content-only-editing\"><span class=\"ez-toc-section\" id=\"Content-Only_Editing\"><\/span>Content-Only Editing<span class=\"ez-toc-section-end\"><\/span><\/h3><p>WordPress 6.1 supports <a href=\"https:\/\/make.wordpress.org\/core\/2022\/10\/11\/content-locking-features-and-updates\/\" target=\"_blank\" rel=\"noopener\">content-only editing<\/a> for group, cover, and column blocks using the <strong>templateLock<\/strong> attribute. This lets you lock the content layout while writing, uploading images, or in any other way editing the content.<\/p><p>Patterns allow practical use of content-only editing. If a pattern uses a group block to contain several blocks, add the <strong>templateLock <\/strong>attribute to the pattern&rsquo;s code and set it to <strong>contentOnly<\/strong>.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1843\" height=\"538\" src=\"https:\/\/www.hostinger.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/11\/The-pattern-PHP-code-with-the-templateLock-attribute-added-to-a-group-block..png\" alt=\"The pattern PHP code, with the templateLock attribute added to a group block\" class=\"wp-image-4036\" srcset=\"https:\/\/www.hostinger.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/11\/The-pattern-PHP-code-with-the-templateLock-attribute-added-to-a-group-block..png 1843w, https:\/\/www.hostinger.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/11\/The-pattern-PHP-code-with-the-templateLock-attribute-added-to-a-group-block.-300x88.png 300w, https:\/\/www.hostinger.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/11\/The-pattern-PHP-code-with-the-templateLock-attribute-added-to-a-group-block.-1024x299.png 1024w, https:\/\/www.hostinger.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/11\/The-pattern-PHP-code-with-the-templateLock-attribute-added-to-a-group-block.-768x224.png 768w, https:\/\/www.hostinger.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/11\/The-pattern-PHP-code-with-the-templateLock-attribute-added-to-a-group-block.-1536x448.png 1536w\" sizes=\"(max-width: 1843px) 100vw, 1843px\" \/><\/figure>\n<\/div><p>With that pattern active on the block editor, the design tools will be removed from the sidebar panel. Instead, you will see a list of the content blocks in the group. The toolbar will also contain no block-moving tools after selecting a block. With the feature active, you can freely edit the actual content.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"918\" height=\"520\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/A-paragraph-block-with-no-block-moving-tools-on-its-toolbar-and-the-block-settings-panel-showing-the-content-list.png\/public\" alt=\"A paragraph block with no block-moving tools on its toolbar, and the block settings panel showing the content list\" class=\"wp-image-4037\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/A-paragraph-block-with-no-block-moving-tools-on-its-toolbar-and-the-block-settings-panel-showing-the-content-list.png\/w=918,fit=scale-down 918w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/A-paragraph-block-with-no-block-moving-tools-on-its-toolbar-and-the-block-settings-panel-showing-the-content-list.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/A-paragraph-block-with-no-block-moving-tools-on-its-toolbar-and-the-block-settings-panel-showing-the-content-list.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 918px) 100vw, 918px\" \/><\/figure>\n<\/div><p>You can temporarily disable content-only editing by clicking <strong>Modify <\/strong>on the group block&rsquo;s toolbar. When disabled, you can access all design and layout tools for the group block and its components. Click <strong>Done<\/strong> on the group block&rsquo;s toolbar to enable content-only editing again.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"759\" height=\"231\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/A-group-block-with-content-only-editing-enabled-showing-the-Modify-button-to-temporarily-disable-content-only-editing.png\/public\" alt=\"A group block with content-only editing enabled, showing the Modify button to temporarily disable content-only editing\" class=\"wp-image-4038\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/A-group-block-with-content-only-editing-enabled-showing-the-Modify-button-to-temporarily-disable-content-only-editing.png\/w=759,fit=scale-down 759w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/A-group-block-with-content-only-editing-enabled-showing-the-Modify-button-to-temporarily-disable-content-only-editing.png\/w=300,fit=scale-down 300w\" sizes=\"(max-width: 759px) 100vw, 759px\" \/><\/figure>\n<\/div><h3 class=\"wp-block-heading\" id=\"h-updated-quote-and-list-blocks\"><span class=\"ez-toc-section\" id=\"Updated_Quote_and_List_Blocks\"><\/span>Updated Quote and List Blocks<span class=\"ez-toc-section-end\"><\/span><\/h3><p>Quote and list blocks can now contain inner blocks for more content flexibility.<\/p><p>The block inserter is now available in the <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/25892\" target=\"_blank\" rel=\"noopener\">quote<\/a> block. You can use it to add any block in the quoted content by clicking the <strong>add block <\/strong>(<strong>+<\/strong>) icon or typing <strong>\/<\/strong> in the quote block line.<\/p><p>For example, you can use this improvement to add a heading block before writing the text below or to incorporate an image in the quote block.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"808\" height=\"544\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/A-quote-block-example-showing-a-list-block-inside-it.png\/public\" alt=\"A quote block example, showing a list block inside it\" class=\"wp-image-4039\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/A-quote-block-example-showing-a-list-block-inside-it.png\/w=808,fit=scale-down 808w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/A-quote-block-example-showing-a-list-block-inside-it.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/A-quote-block-example-showing-a-list-block-inside-it.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 808px) 100vw, 808px\" \/><\/figure>\n<\/div><p>Multiple blocks inside the quote block allow you to easily rearrange the inner content. Use the block moving tools in the block toolbar to move a block up or down.<\/p><p>The <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/42711\" target=\"_blank\" rel=\"noopener\">list<\/a> block now treats the items as individual blocks, resulting in a nested block structure. This allows for a more streamlined workflow as you can rearrange or remove list items more easily.<\/p><p>The improved list block uses a nested structure and treats the list items as individual blocks. The advantage is that you can rearrange or remove list items easily. The nested structure can also be seen from the block list view for easier bulk actions.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1029\" height=\"458\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/A-list-block-example-with-the-expanded-block-editor-list-view-showing-individual-list-item-blocks.png\/public\" alt=\"A list block example with the expanded block editor list view, showing individual list item blocks\" class=\"wp-image-4040\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/A-list-block-example-with-the-expanded-block-editor-list-view-showing-individual-list-item-blocks.png\/w=1029,fit=scale-down 1029w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/A-list-block-example-with-the-expanded-block-editor-list-view-showing-individual-list-item-blocks.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/A-list-block-example-with-the-expanded-block-editor-list-view-showing-individual-list-item-blocks.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/A-list-block-example-with-the-expanded-block-editor-list-view-showing-individual-list-item-blocks.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1029px) 100vw, 1029px\" \/><\/figure>\n<\/div><h3 class=\"wp-block-heading\" id=\"h-featured-image-in-cover-block-placeholder\"><span class=\"ez-toc-section\" id=\"Featured_Image_in_Cover_Block_Placeholder\"><\/span>Featured Image in Cover Block Placeholder<span class=\"ez-toc-section-end\"><\/span><\/h3><p>The previous major WordPress release introduced featured image support to the cover block. However, users had to add an image and then replace it with the featured image using a button on the toolbar, resulting in an awkward workflow.<\/p><p>WordPress 6.1 comes with the option to <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/41722\" target=\"_blank\" rel=\"noopener\">use the featured image<\/a> when you add a cover block. This way, you can set up the cover block easier and faster.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"825\" height=\"388\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/A-cover-block-placeholder-with-the-use-featured-image-option-highlighted.png\/public\" alt=\"A cover block placeholder, with the use featured image option highlighted\" class=\"wp-image-4041\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/A-cover-block-placeholder-with-the-use-featured-image-option-highlighted.png\/w=825,fit=scale-down 825w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/A-cover-block-placeholder-with-the-use-featured-image-option-highlighted.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/A-cover-block-placeholder-with-the-use-featured-image-option-highlighted.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 825px) 100vw, 825px\" \/><\/figure><h3 class=\"wp-block-heading\" id=\"h-design-tools-consistency\"><span class=\"ez-toc-section\" id=\"Design_Tools_Consistency\"><\/span>Design Tools Consistency<span class=\"ez-toc-section-end\"><\/span><\/h3><p>Starting with WordPress 6.1, we&rsquo;ll see improvements in design tools consistency for more customization using the block editor without custom CSS. This will allow users to find certain tools for a specific block easier.<\/p><p>In 6.1, over 50 blocks have typography and color tools, over 40 have dimension tools, and 30 have all three. You can find a complete list of the design tools available for each block in the <a href=\"https:\/\/make.wordpress.org\/core\/2022\/10\/11\/roster-of-design-tools-per-block\/\" target=\"_blank\" rel=\"noopener\">WordPress 6.1 Dev Notes<\/a>.<\/p><p>\n\n\n\n<div class=\"editor\">\n                    <h4 class=\"title\">Expert Tip<\/h4>\n                    <p>Contributors are working to bring most design tools to all blocks to ensure more consistency in the future.&nbsp;<\/p><p>Some design tools still need to be tested in different contexts and for different use cases and are only available for theme developers via the <strong>theme.json<\/strong> file. Once the feedback from that user group is incorporated into future updates, the design team will work on the user interface to bring the design tools to the site editor, allowing end users to customize their sites.<\/p>\n                    <div class=\"d-flex mt-40\">\n                        <div class=\"author-photo\">\n                            <img decoding=\"async\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/Screenshot-2022-11-04-at-16.23.39.png\/w=65,h=65,fit=scale-down\" width=\"65\" height=\"65\" class=\"border-radius-50p\" alt=\"Editor\" \/>\n                        <\/div>\n                        <div class=\"mt-auto mb-auto\">\n                            <p class=\"author-name\">Birgit P.<\/p>\n                            <p class=\"author-position\">WordPress Developer Advocate<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n\n\n<\/p><h3 class=\"wp-block-heading\" id=\"h-dimensions-settings-presets\"><span class=\"ez-toc-section\" id=\"Dimensions_Settings_Presets\"><\/span>Dimensions Settings Presets<span class=\"ez-toc-section-end\"><\/span><\/h3><p>WordPress 6.1 adds a slider with seven presets for dimensions settings, such as block spacing and margin. This allows users to set a value quickly and apply the same value for other blocks easily.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"407\" height=\"274\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/Block-spacing-tools-with-the-sliding-preset-bar.png\/public\" alt=\"Block spacing tools with the sliding preset bar\" class=\"wp-image-4042\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/Block-spacing-tools-with-the-sliding-preset-bar.png\/w=407,fit=scale-down 407w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/Block-spacing-tools-with-the-sliding-preset-bar.png\/w=300,fit=scale-down 300w\" sizes=\"(max-width: 407px) 100vw, 407px\" \/><\/figure>\n<\/div><p>That said, there&rsquo;s still a button to switch back to the old custom pixel field if you want to include custom values.<\/p><h3 class=\"wp-block-heading\" id=\"h-updated-preview-button\"><span class=\"ez-toc-section\" id=\"Updated_Preview_Button\"><\/span>Updated Preview Button<span class=\"ez-toc-section-end\"><\/span><\/h3><p>The block editor&rsquo;s <strong>Preview<\/strong> button is now labeled <strong>View<\/strong>, but it still functions similarly. It lets you choose between the editor&rsquo;s desktop, tablet, and mobile views and open the preview in a new tab.<\/p><p>The only significant difference is the new <strong>View site<\/strong> option in the site editor, which will open your site in a new tab. In the previous WordPress version, you had to manually type your URL in a new tab or go back to the dashboard to visit your site.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"422\" height=\"266\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/The-View-button-that-will-open-the-preview-options.png\/public\" alt=\"The View button that will open the preview options\" class=\"wp-image-4043\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/The-View-button-that-will-open-the-preview-options.png\/w=422,fit=scale-down 422w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/The-View-button-that-will-open-the-preview-options.png\/w=300,fit=scale-down 300w\" sizes=\"(max-width: 422px) 100vw, 422px\" \/><\/figure>\n<\/div><h3 class=\"wp-block-heading\" id=\"h-template-parts-in-block-inserter\"><span class=\"ez-toc-section\" id=\"Template_Parts_in_Block_Inserter\"><\/span>Template Parts in Block Inserter<span class=\"ez-toc-section-end\"><\/span><\/h3><p>Template parts are now available in the block inserter. This makes it easier to create or customize new templates as you can insert them in a few clicks.&nbsp;<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"433\" height=\"396\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/Template-part-options-in-the-block-inserter.png\/public\" alt=\"Template part options in the block inserter\" class=\"wp-image-4044\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/Template-part-options-in-the-block-inserter.png\/w=433,fit=scale-down 433w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/Template-part-options-in-the-block-inserter.png\/w=300,fit=scale-down 300w\" sizes=\"(max-width: 433px) 100vw, 433px\" \/><\/figure>\n<\/div><p>Moreover, with the existing options to create template parts from existing blocks, this feature can open more possibilities to utilize custom template elements.&nbsp;<\/p><h3 class=\"wp-block-heading\" id=\"h-new-preference-option\"><span class=\"ez-toc-section\" id=\"New_Preference_Option\"><\/span>New Preference Option<span class=\"ez-toc-section-end\"><\/span><\/h3><p>A new <strong>Always open list view<\/strong> option is available in the block editor preferences. To access it, click the <strong>Options <\/strong>button at the top-right corner of the editor and select <strong>Preferences<\/strong>.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"803\" height=\"608\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/The-preferences-panel-with-the-new-always-open-list-view-option.png\/public\" alt=\"The preferences panel with the new always open list view option\" class=\"wp-image-4045\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/The-preferences-panel-with-the-new-always-open-list-view-option.png\/w=803,fit=scale-down 803w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/The-preferences-panel-with-the-new-always-open-list-view-option.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/The-preferences-panel-with-the-new-always-open-list-view-option.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 803px) 100vw, 803px\" \/><\/figure>\n<\/div><p>By enabling this option, the list view will be opened by default when you open the block editor.<\/p><h3 class=\"wp-block-heading\" id=\"h-updated-editor-details\"><span class=\"ez-toc-section\" id=\"Updated_Editor_Details\"><\/span>Updated Editor Details<span class=\"ez-toc-section-end\"><\/span><\/h3><p>New metrics have been added to the editor <strong>Details <\/strong>menu. Now you can see the <strong>Time to read<\/strong> information along with the word and character counts. This way, you can better estimate how long the content you&rsquo;re writing will be and the time it will take to read it.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"861\" height=\"377\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/Block-editor-details-panel-showing-the-content-information-including-the-new-time-to-read-information.png\/public\" alt=\"Block editor details panel, showing the content information, including the new time to read information\" class=\"wp-image-4046\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/Block-editor-details-panel-showing-the-content-information-including-the-new-time-to-read-information.png\/w=861,fit=scale-down 861w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/Block-editor-details-panel-showing-the-content-information-including-the-new-time-to-read-information.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/Block-editor-details-panel-showing-the-content-information-including-the-new-time-to-read-information.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 861px) 100vw, 861px\" \/><\/figure>\n<\/div><h3 class=\"wp-block-heading\" id=\"h-post-summary-update\"><span class=\"ez-toc-section\" id=\"Post_Summary_Update\"><\/span>Post Summary Update<span class=\"ez-toc-section-end\"><\/span><\/h3><p>The <strong>Status &amp; visibility <\/strong>section of the post editor is now called <strong>Summary<\/strong>. The post&rsquo;s permalink and template settings are now within this section.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"343\" height=\"529\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/Post-summary-section-showing-the-post-URL-and-template-option.png\/public\" alt=\"Post summary section, showing the post URL and template option\" class=\"wp-image-4047\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/Post-summary-section-showing-the-post-URL-and-template-option.png\/w=343,fit=scale-down 343w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/Post-summary-section-showing-the-post-URL-and-template-option.png\/w=195,fit=scale-down 195w\" sizes=\"(max-width: 343px) 100vw, 343px\" \/><\/figure>\n<\/div><h2 class=\"wp-block-heading\" id=\"h-theme-improvements\"><span class=\"ez-toc-section\" id=\"Theme_Improvements\"><\/span>Theme Improvements<span class=\"ez-toc-section-end\"><\/span><\/h2><p>WordPress 6.1 brings a lot of enhancements to theme customization, including the improved global styles panel and custom starter patterns. Let&rsquo;s overview all the theme improvements in the latest version.<\/p><h3 class=\"wp-block-heading\" id=\"h-improved-global-styles\"><span class=\"ez-toc-section\" id=\"Improved_Global_Styles\"><\/span>Improved Global Styles<span class=\"ez-toc-section-end\"><\/span><\/h3><p>There are some new additions to the global styles interface.<\/p><p>The first one is the <strong>headings <\/strong>element that you can configure in the <strong>typography <\/strong>and <strong>color <\/strong>sections. In the previous version, headings followed the global text style, but in WordPress 6.1, you can make headings use different typography and colors throughout the website. This improves the workflow, as you no longer need to customize the heading blocks individually.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"302\" height=\"347\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/The-typography-global-styles-panel-with-the-new-headings-and-buttons-options.png\/public\" alt=\"The typography global styles panel with the new headings and buttons options\" class=\"wp-image-4048\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/The-typography-global-styles-panel-with-the-new-headings-and-buttons-options.png\/w=302,fit=scale-down 302w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/The-typography-global-styles-panel-with-the-new-headings-and-buttons-options.png\/w=261,fit=scale-down 261w\" sizes=\"(max-width: 302px) 100vw, 302px\" \/><\/figure>\n<\/div><p>The<strong> Buttons <\/strong>element is now also available in the <strong>typography <\/strong>and <strong>color<\/strong>. Similar to the headings element, you can now set different typography and colors for the button&rsquo;s text and background.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"304\" height=\"521\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/The-colors-global-styles-panel-with-the-new-headings-and-buttons-options.png\/public\" alt=\"The colors global styles panel with the new headings and buttons options\" class=\"wp-image-4049\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/The-colors-global-styles-panel-with-the-new-headings-and-buttons-options.png\/w=304,fit=scale-down 304w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/The-colors-global-styles-panel-with-the-new-headings-and-buttons-options.png\/w=175,fit=scale-down 175w\" sizes=\"(max-width: 304px) 100vw, 304px\" \/><\/figure>\n<\/div><p>The next are the <strong>layout<\/strong> global styles. In the previous version, you could only change <strong>padding <\/strong>settings. WordPress 6.1 significantly improved on this by adding content area width and block spacing controls. The padding and block spacing controls also feature a slider with presets to simplify customization.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"306\" height=\"696\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/The-layout-global-styles-panel-with-the-content-area-configuration-and-more-padding-settings.png\/public\" alt=\"The layout global styles panel with the content area configuration and more padding settings\" class=\"wp-image-4050\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/The-layout-global-styles-panel-with-the-content-area-configuration-and-more-padding-settings.png\/w=306,fit=scale-down 306w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/The-layout-global-styles-panel-with-the-content-area-configuration-and-more-padding-settings.png\/w=132,fit=scale-down 132w\" sizes=\"(max-width: 306px) 100vw, 306px\" \/><\/figure>\n<\/div><h3 class=\"wp-block-heading\" id=\"h-starter-patterns-for-all-post-types\"><span class=\"ez-toc-section\" id=\"Starter_Patterns_for_All_Post_Types\"><\/span>Starter Patterns for All Post Types<span class=\"ez-toc-section-end\"><\/span><\/h3><p>Theme authors and users can set up starter patterns for all post types to provide pattern options when creating a new post.&nbsp;<\/p><p>This requires adding the patterns&rsquo; PHP files into the theme&rsquo;s <strong>patterns<\/strong> folder. Such files contain code snippets that specify the pattern&rsquo;s title and post type, followed by the pattern&rsquo;s code.<\/p><p>Note that the new <strong>Twenty Twenty-Three <\/strong>theme already has the <strong>patterns <\/strong>folder by default. You may have to create the folder if you use another block theme.<\/p><p>For example, we can add a <a href=\"https:\/\/wordpress.org\/patterns\/pattern\/travel-blog\/\" target=\"_blank\" rel=\"noopener\">travel blog pattern<\/a> from the WordPress pattern directory. First, we must create a PHP file called <strong>blog.php<\/strong> with the following code:<\/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=\"\">&lt;?php\n \/**\n  * Title: Travel Blog\n  * Slug: twentytwentythree\/travel-blog\n  * Block Types: core\/post-content\n  * Post Types: post\n  * Categories: featured, text\n  *\/\n?&gt;<\/pre><p>You can change the title and categories to your liking. The next step involves copying and pasting the pattern from the pattern directory into the file using the <strong>Copy Pattern <\/strong>button.&nbsp;<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1093\" height=\"597\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/The-Travel-Blog-pattern-page-on-the-WordPress-pattern-directory-with-the-Copy-Pattern-button-highlighted.png\/public\" alt=\"The Travel Blog pattern page on the WordPress pattern directory, with the Copy Pattern button highlighted\" class=\"wp-image-4051\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/The-Travel-Blog-pattern-page-on-the-WordPress-pattern-directory-with-the-Copy-Pattern-button-highlighted.png\/w=1093,fit=scale-down 1093w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/The-Travel-Blog-pattern-page-on-the-WordPress-pattern-directory-with-the-Copy-Pattern-button-highlighted.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/The-Travel-Blog-pattern-page-on-the-WordPress-pattern-directory-with-the-Copy-Pattern-button-highlighted.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/The-Travel-Blog-pattern-page-on-the-WordPress-pattern-directory-with-the-Copy-Pattern-button-highlighted.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1093px) 100vw, 1093px\" \/><\/figure>\n<\/div><p>Paste the pattern on the <strong>blog.php <\/strong>file. Once done, the PHP file will look like this:<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1043\" height=\"569\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/The-blog.php-file-containing-the-PHP-script-and-the-HTML-code-for-the-FAQ-pattern.png\/public\" alt=\"The blog.php file containing the PHP script and the HTML code for the FAQ pattern\" class=\"wp-image-4052\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/The-blog.php-file-containing-the-PHP-script-and-the-HTML-code-for-the-FAQ-pattern.png\/w=1043,fit=scale-down 1043w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/The-blog.php-file-containing-the-PHP-script-and-the-HTML-code-for-the-FAQ-pattern.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/The-blog.php-file-containing-the-PHP-script-and-the-HTML-code-for-the-FAQ-pattern.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/The-blog.php-file-containing-the-PHP-script-and-the-HTML-code-for-the-FAQ-pattern.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1043px) 100vw, 1043px\" \/><\/figure>\n<\/div><p>Save the file and open your WordPress admin panel. To confirm that the pattern has been registered, navigate to <strong>Posts -&gt; Add New<\/strong> to create a new post. You should see a pop-up with a selection of the registered patterns.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"905\" height=\"603\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/The-Choose-a-pattern-pop-up-that-appears-when-adding-a-new-post.png\/public\" alt=\"The Choose a pattern pop-up that appears when adding a new post\" class=\"wp-image-4053\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/The-Choose-a-pattern-pop-up-that-appears-when-adding-a-new-post.png\/w=905,fit=scale-down 905w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/The-Choose-a-pattern-pop-up-that-appears-when-adding-a-new-post.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/The-Choose-a-pattern-pop-up-that-appears-when-adding-a-new-post.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 905px) 100vw, 905px\" \/><\/figure>\n<\/div><p>You can add as many starter patterns as you want. To add more, create another PHP file for the pattern and repeat the steps.&nbsp;<\/p><p>\n\n\n\n<div class=\"editor\">\n                    <h4 class=\"title\">Expert Tip<\/h4>\n                    <p>You can review the patterns bundled with a particular theme in the theme folder before deciding on an installation. Using a series of patterns helps any user to create a page rather quickly by just replacing text and images once the patterns are added to the canvas of the block editor.<\/p>\n                    <div class=\"d-flex mt-40\">\n                        <div class=\"author-photo\">\n                            <img decoding=\"async\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/Screenshot-2022-11-04-at-16.23.39.png\/w=65,h=65,fit=scale-down\" width=\"65\" height=\"65\" class=\"border-radius-50p\" alt=\"Editor\" \/>\n                        <\/div>\n                        <div class=\"mt-auto mb-auto\">\n                            <p class=\"author-name\">Birgit P.<\/p>\n                            <p class=\"author-position\">WordPress Developer Advocate<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n\n\n<\/p><h3 class=\"wp-block-heading\" id=\"h-fluid-typography\"><span class=\"ez-toc-section\" id=\"Fluid_Typography\"><\/span>Fluid Typography<span class=\"ez-toc-section-end\"><\/span><\/h3><p>WordPress 6.1 introduces <a href=\"https:\/\/make.wordpress.org\/themes\/2022\/08\/15\/testing-and-feedback-for-the-fluid-typography-feature\/\" target=\"_blank\" rel=\"noopener\">fluid typography support<\/a> via the <strong>theme.json<\/strong> file. It enhances responsiveness as the text size will automatically adjust based on the user&rsquo;s viewport.<\/p><p>To change the fluid typography settings in the <strong>theme.json <\/strong>file, include the <strong>fluid<\/strong> parameter in the <strong>settings.typography.fluid <\/strong>section. If you&rsquo;re using an older block theme, it may have fluid typography disabled by default, but you can add the <strong>fluid <\/strong>parameter and set its value to <strong>true.<\/strong><\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">{\n\t\"version\": 2,\n\t\"settings\": {\n\t\t\"typography\": {\n\t\t\t\"fluid\": true,\n\t\t}\n\t}\n}<\/pre><p>You can also disable fluid typography simply by setting the <strong>fluid <\/strong>value to <strong>false<\/strong>.<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">{\n\t\"version\": 2,\n\t\"settings\": {\n\t\t\"typography\": {\n\t\t\t\"fluid\": false,\n\t\t}\n\t}\n}<\/pre><p>You can configure the size for fluid typography in the <strong>settings.typography.fontSizes<\/strong> section of the file. Here, you can set the minimum and maximum values for each font size and disable fluid typography for specific font sizes.&nbsp;<\/p><p>For example, you can set the fluid typography size for the <strong>Normal <\/strong>font size by setting the <strong>fluid <\/strong>parameter value to <strong>true <\/strong>and specifying the minimum and maximum values. Then, disable fluid typography for the <strong>Large <\/strong>font size by setting a <strong>false <\/strong>value for the <strong>fluid <\/strong>parameter.<\/p><p>You can configure the text size for fluid typography in the <strong>settings.typography.fontSizes <\/strong>section.<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">{\n\t\"version\": 2,\n\t\"settings\": {\n\t\t\"typography\": {\n\t\t\t\"fluid\": true,\n\t\t\t\"fontSizes\": [\n\t\t\t\t{\n\t\t\t\t\t\"name\": \"Normal\",\n\t\t\t\t\t\"size\": \"1.125rem\",\n\t\t\t\t\t\"fluid\": {\n\t\t\t\t\t\t\"min\": \"1rem\",\n\t\t\t\t\t\t\"max\": \"1.5rem\"\n\t\t\t\t\t},\n\t\t\t\t\t\"slug\": \"normal\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"name\": \"Large\",\n\t\t\t\t\t\"size\": \"2rem\",\n\t\t\t\t\t\"fluid\": false,\n\t\t\t\t\t\"slug\": \"large\"\n\t\t\t\t}\n\t\t\t]\n\t\t}\n\t}\n}<\/pre><p>\n\n\n\n<div class=\"editor\">\n                    <h4 class=\"title\">Expert Tip<\/h4>\n                    <p>Fluid typography lets users increase or decrease font sizes dynamically between screen sizes. For now, it requires modifying the <strong>theme.json <\/strong>file to use it, as there is no tool in the site editor that allows end users to control the settings.<\/p>\n                    <div class=\"d-flex mt-40\">\n                        <div class=\"author-photo\">\n                            <img decoding=\"async\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/Screenshot-2022-11-04-at-16.23.39.png\/w=65,h=65,fit=scale-down\" width=\"65\" height=\"65\" class=\"border-radius-50p\" alt=\"Editor\" \/>\n                        <\/div>\n                        <div class=\"mt-auto mb-auto\">\n                            <p class=\"author-name\">Birgit P.<\/p>\n                            <p class=\"author-position\">WordPress Developer Advocate<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n\n\n<\/p><h3 class=\"wp-block-heading\" id=\"h-block-based-template-part-support-for-classic-themes\"><span class=\"ez-toc-section\" id=\"Block-Based_Template_Part_Support_for_Classic_Themes\"><\/span>Block-Based Template Part Support for Classic Themes<span class=\"ez-toc-section-end\"><\/span><\/h3><p>WordPress 6.1 also introduces the <a href=\"https:\/\/make.wordpress.org\/themes\/2022\/09\/12\/testing-and-feedback-for-using-block-based-template-parts-in-classic-themes\/\" target=\"_blank\" rel=\"noopener\">block-based template part support<\/a> feature that expands classic theme usability with the block editor.<\/p><p>Enabling this feature takes two steps. First, you must add template part support by adding the following function to the theme&rsquo;s <strong>functions.php<\/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=\"\">function add_block_template_part_support() {\n    add_theme_support( 'block-template-parts' );\n}\n\nadd_action( 'after_setup_theme', 'add_block_template_part_support' );<\/pre><p>You&rsquo;ll see the <strong>Template Parts <\/strong>option in the dashboard&rsquo;s <strong>Appearance <\/strong>menu.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"490\" height=\"323\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/The-Template-Parts-menu-on-the-WordPress-dashboard.png\/public\" alt=\"The Template Parts menu on the WordPress dashboard\" class=\"wp-image-4054\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/The-Template-Parts-menu-on-the-WordPress-dashboard.png\/w=490,fit=scale-down 490w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/The-Template-Parts-menu-on-the-WordPress-dashboard.png\/w=300,fit=scale-down 300w\" sizes=\"(max-width: 490px) 100vw, 490px\" \/><\/figure>\n<\/div><p>However, you&rsquo;ll find no template parts options in the editor &ndash; you&rsquo;ll have to add them manually by creating an HTML file in the <strong>parts<\/strong> folder within the theme&rsquo;s root directory.<\/p><p>For example, we&rsquo;ll add a footer template part to the Twenty Twenty-One theme. Start by creating an HTML file with the path of <strong>\/public_html\/wp-content\/themes\/twentytwentyone\/parts\/footer.html<\/strong>.<\/p><p>Paste the the following code snippet into the 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=\"\">&lt;!-- wp:group {\"layout\":{\"inherit\":true}} --&gt;\n&lt;div class=\"wp-block-group\"&gt;\n\t&lt;!-- wp:group {\"style\":{\"spacing\":{\"padding\":{\"top\":\"80px\",\"bottom\":\"30px\"}}}} --&gt;\n\t&lt;div class=\"wp-block-group\" style=\"padding-top:80px;padding-bottom:30px\"&gt;\n\t\t&lt;!-- wp:paragraph {\"align\":\"center\"} --&gt;\n\t\t&lt;p class=\"has-text-align-center\"&gt;Proudly Powered by &lt;a href=\"https:\/\/wordpress.org\" rel=\"nofollow\"&gt;WordPress&lt;\/a&gt;&lt;\/p&gt;\n\t\t&lt;!-- \/wp:paragraph --&gt;\n\t&lt;\/div&gt;\n\t&lt;!-- \/wp:group --&gt;\n&lt;\/div&gt;\n&lt;!-- \/wp:group --&gt;<\/pre><p>Go back to the WordPress dashboard and navigate to <strong>Appearance -&gt; Template Parts<\/strong>. You should see the <strong>footer<\/strong> template part is now available, and you can start editing it using the block editor.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"934\" height=\"289\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/The-Template-Parts-panel-showing-the-footer-template-part-option.png\/public\" alt=\"The Template Parts panel, showing the footer template part option\" class=\"wp-image-4055\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/The-Template-Parts-panel-showing-the-footer-template-part-option.png\/w=934,fit=scale-down 934w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/The-Template-Parts-panel-showing-the-footer-template-part-option.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/The-Template-Parts-panel-showing-the-footer-template-part-option.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 934px) 100vw, 934px\" \/><\/figure>\n<\/div><p>You can add more HTML files in the <strong>parts <\/strong>folder to register more block-based template parts for the theme.<\/p><p>\n\n\n\n<div class=\"editor\">\n                    <h4 class=\"title\">Expert Tip<\/h4>\n                    <p>When it comes to integrating classic themes with the block-based environment, WordPress 5.9 introduced the <strong>theme.json <\/strong>file that allows configuring blocks for classic themes, and WordPress 6.1 comes with the ability to use block-based template parts.&nbsp;<\/p><p>Both features are provided to the theme developers to offer their end users block-based customization in classic themes. It will be up to them to deliver the features to their users.<\/p>\n                    <div class=\"d-flex mt-40\">\n                        <div class=\"author-photo\">\n                            <img decoding=\"async\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/Screenshot-2022-11-04-at-16.23.39.png\/w=65,h=65,fit=scale-down\" width=\"65\" height=\"65\" class=\"border-radius-50p\" alt=\"Editor\" \/>\n                        <\/div>\n                        <div class=\"mt-auto mb-auto\">\n                            <p class=\"author-name\">Birgit P.<\/p>\n                            <p class=\"author-position\">WordPress Developer Advocate<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n\n\n<\/p><h3 class=\"wp-block-heading\" id=\"h-block-theme-filters\"><span class=\"ez-toc-section\" id=\"Block_Theme_Filters\"><\/span>Block Theme Filters<span class=\"ez-toc-section-end\"><\/span><\/h3><p>Following the update to the WordPress theme repository, which features a new <strong>Block Themes<\/strong> filter, the WordPress dashboard has received a similar update.<\/p><p>When you navigate to <strong>Appearance -&gt; Themes -&gt; Add New<\/strong>, you can see the <strong>Block Themes <\/strong>filter.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1067\" height=\"602\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/The-block-themes-filter-in-the-WordPress-add-themes-panel.png\/public\" alt=\"The block themes filter in the WordPress add themes panel\" class=\"wp-image-4056\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/The-block-themes-filter-in-the-WordPress-add-themes-panel.png\/w=1067,fit=scale-down 1067w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/The-block-themes-filter-in-the-WordPress-add-themes-panel.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/The-block-themes-filter-in-the-WordPress-add-themes-panel.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/11\/The-block-themes-filter-in-the-WordPress-add-themes-panel.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1067px) 100vw, 1067px\" \/><\/figure>\n<\/div><h2 class=\"wp-block-heading\" id=\"h-how-to-update-to-wordpress-6-1\"><span class=\"ez-toc-section\" id=\"How_to_Update_to_WordPress_61\"><\/span>How to Update to WordPress 6.1<span class=\"ez-toc-section-end\"><\/span><\/h2><p>Updating to WordPress 6.1 should only take a few minutes, and there are a few ways to do it easily. We recommend <a href=\"https:\/\/www.hostinger.com\/tutorials\/backup-wordpress\">creating a backup<\/a> and testing the new version in a <a href=\"https:\/\/www.hostinger.com\/tutorials\/wordpress-staging-environment\">staging environment<\/a> before proceeding with the update on your main site.<\/p><p>This way, you&rsquo;ll be sure that the new version works perfectly with your website&rsquo;s content, themes, and plugins.&nbsp;<\/p><p>Once you&rsquo;re ready to proceed, choose one of the following ways to <a href=\"https:\/\/www.hostinger.com\/tutorials\/how-to-update-wordpress\">update WordPress<\/a>:<\/p><ul class=\"wp-block-list\">\n<li><strong>WordPress dashboard<\/strong> &ndash; go to the update page by navigating to <strong>Dashboard -&gt; Updates <\/strong>or clicking the <strong>Please update now <\/strong>button on the top banner. Once you&rsquo;re in the update page, click <strong>Update to version 6.1<\/strong>.<\/li>\n\n\n\n<li><strong>hPanel <\/strong>&ndash; navigate to <strong>WordPress -&gt; Dashboard<\/strong> and click <strong>Update to 6.1 <\/strong>on the <strong>WordPress version <\/strong>section in the bottom right corner. Note that this method is only possible for users of Hostinger&rsquo;s WordPress, Shared, and Cloud hosting plans.<\/li>\n\n\n\n<li><strong>Manual update <\/strong>&ndash; download the WordPress 6.1 files from WordPress.org. Extract the <strong>.zip<\/strong> file and delete the <strong>wp-content <\/strong>folder and <strong>wp-config-sample.php<\/strong> file. Then, use an FTP client or a file manager to overwrite the WordPress core files and folders, excluding the <strong>wp-content <\/strong>folder and <strong>wp-config-sample.php<\/strong> file.<\/li>\n\n\n\n<li><strong>WordPress command-line interface (WP-CLI) <\/strong>&ndash; use SSH to access your website&rsquo;s <strong>public_html<\/strong> root directory and run the wp core update command to perform the update.<\/li>\n<\/ul><h2 class=\"wp-block-heading\" id=\"h-conclusion\"><span class=\"ez-toc-section\" id=\"Conclusion\"><\/span>Conclusion<span class=\"ez-toc-section-end\"><\/span><\/h2><p>WordPress 6.1 adds more enhancements to the block editor to simplify the workflow and introduce additional customization, such as an improved global styles panel and block locking features. The new version also comes with a new default theme and more options available in the <strong>theme.json <\/strong>file.<\/p><p>Update your site to WordPress 6.1 if you haven&rsquo;t done so already. This way, you&rsquo;ll benefit from the new features and protect yourself from potential vulnerabilities. Remember to back up your site and use a staging environment to test the latest version beforehand.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>2022\u2019s third major release of WordPress, version 6.1 \u201dMisha\u201d, is finally here. It introduces over 400 core enhancements and bug fixes and various backport changes from Gutenberg t\u2026<\/p>\n","protected":false},"author":172,"featured_media":4059,"comment_status":"open","ping_status":"open","sticky":true,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2365],"tags":[],"hashtags":[],"class_list":["post-4031","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\/4031","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=4031"}],"version-history":[{"count":9,"href":"https:\/\/www.hostinger.com\/blog\/wp-json\/wp\/v2\/posts\/4031\/revisions"}],"predecessor-version":[{"id":4462,"href":"https:\/\/www.hostinger.com\/blog\/wp-json\/wp\/v2\/posts\/4031\/revisions\/4462"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/blog\/wp-json\/wp\/v2\/media\/4059"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/blog\/wp-json\/wp\/v2\/media?parent=4031"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/blog\/wp-json\/wp\/v2\/categories?post=4031"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/blog\/wp-json\/wp\/v2\/tags?post=4031"},{"taxonomy":"hashtags","embeddable":true,"href":"https:\/\/www.hostinger.com\/blog\/wp-json\/wp\/v2\/hashtags?post=4031"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}