{"id":37812,"date":"2022-02-22T23:55:00","date_gmt":"2022-02-22T21:55:00","guid":{"rendered":"https:\/\/dragosoft.info\/?p=37812"},"modified":"2022-02-22T00:21:24","modified_gmt":"2022-02-21T22:21:24","slug":"wordpress-5-9-quality-edited-on-saint","status":"publish","type":"post","link":"https:\/\/dragosoft.info\/en\/wordpress-5-9-quality-edited-on-saint\/","title":{"rendered":"WordPress 5.9: An in-depth look at full site editing"},"content":{"rendered":"<div data-elementor-type=\"wp-post\" data-elementor-id=\"37812\" class=\"elementor elementor-37812\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f9d0fdb elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f9d0fdb\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-64c01fa\" data-id=\"64c01fa\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-dc4beb0 elementor-widget elementor-widget-text-editor\" data-id=\"dc4beb0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><a href=\"https:\/\/wordpress.org\/news\/2022\/01\/josephine\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" data-wpel-link=\"external\">WordPress 5.9<\/a>\u00a0is the first major release for 2022 since it was released on January 25, 2022. This latest version brings new features and enhancements that make full site customization even easier.<\/p><p>Previous stable version,\u00a0<a href=\"https:\/\/www.hostinger.com\/tutorials\/wordpress-5-8-new-features\" rel=\"follow nofollow noopener\" data-wpel-link=\"internal\" target=\"_blank\">WordPress 5.8<\/a>\u00a0, already required full site editing with the integration of the Gutenberg block editor for building publications and pages.\u00a0<\/p><p>WordPress 5.9 expands the functionality even further by introducing a block-based theme editor along with more features and changes. This article will discuss all the neat features, changes, and bug fixes in this new version of WordPress.<\/p><h2 id=\"h-a-quick-overview-of-the-new-features-and-changes\">Quick overview of new features and changes<\/h2><p>The new features and enhancements to the design and user interface aim to make internal web design possible using WordPress. Here's an overview of the new features and enhancements for full site editing in WordPress 5.9:<\/p><ul><li><strong>Full site editing<\/strong>\u00a0- A new full page editor and global stylesheet interface replaces the classic WordPress editor and provides a new complete site editing experience. The new global styles panel helps you customize styles throughout your site with ease.<\/li><li><strong>Brand new default theme<\/strong>\u00a0- subject <b>Twenty Twenty-Two<\/b> WordPress is the first block-based default theme that works perfectly with the new site editor.<\/li><li><strong>Block and UX improvements<\/strong>\u00a0- WordPress 5.9 introduces many enhancements to the block editor, such as focus mode, collapsible list view, and drag-and-drop reordering of blocks. New blocks and design tools are also available.<\/li><li><strong>New features for developers<\/strong>\u00a0- WordPress 5.9 now supports legacy\u00a0<strong>theme.json<\/strong>\u00a0for subsidiary topics. Blocks also get new attributes and support for multiple stylesheets, giving more creative space for block developers.\u00a0<\/li><li><strong>Improvements<\/strong>\u00a0in performance - a new modification of lazy charging has been introduced to speed up charging speed. WordPress 5.9 now supports the latest\u00a0<a href=\"https:\/\/www.hostinger.com\/tutorials\/php-8-1\" rel=\"follow nofollow noopener\" data-wpel-link=\"internal\" target=\"_blank\">PHP 8.1<\/a>\u00a0and introduces an improvement in\u00a0<a href=\"https:\/\/www.hostinger.com\/tutorials\/best-php-framework\" rel=\"follow nofollow noopener\" data-wpel-link=\"internal\" target=\"_blank\">the PHP testing framework<\/a>\u00a0for better compatibility.<\/li><\/ul><h2 id=\"h-full-site-editing\"><span id=\"Full_Site_Editing\" class=\"ez-toc-section\"><\/span>Full site editing<\/h2><p>WordPress has revamped its site customization with the introduction of a block editor. This site editor provides\u00a0<a href=\"https:\/\/www.hostinger.com\/tutorials\/gutenberg-wordpress\" rel=\"follow nofollow noopener\" data-wpel-link=\"internal\" target=\"_blank\">Gutenberg-based page builder,<\/a>\u00a0which was previously only available for WordPress posts and pages site-wide.<\/p><p>New global theme style options allow users to customize every aspect of the site without changing theme files or styles too often.<\/p><p>On top of that, the new flexible default WordPress theme is a perfect start to get familiar with the new full site editing features.\u00a0<\/p><h3 id=\"h-block-site-editor\"><span id=\"Block_Site_Editor\" class=\"ez-toc-section\"><\/span>Blocks editor on the site<\/h3><p>One of the highlights of WordPress 5.9 is the new block editor. This feature essentially replaces the\u00a0<strong>personalize<\/strong>\u00a0,\u00a0<strong>menus<\/strong>\u00a0\u0438\u00a0<strong><a href=\"https:\/\/www.hostinger.com\/tutorials\/wordpress-widgets\" rel=\"follow nofollow noopener\" data-wpel-link=\"internal\" target=\"_blank\">Widgets<\/a>\u00a0<\/strong>in the section\u00a0<strong>Appearance<\/strong>\u00a0.<\/p><p>If you go to the section\u00a0<strong>Appearance<\/strong>\u00a0on the WordPress dashboard, you will find\u00a0<strong>of the editor<\/strong>.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-62839e9 elementor-widget elementor-widget-image\" data-id=\"62839e9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"486\" height=\"106\" src=\"https:\/\/dragosoft.info\/wp-content\/uploads\/2022\/02\/appearance-editor-wordpress-dashboard.png\" class=\"attachment-large size-large wp-image-37816\" alt=\"\" srcset=\"https:\/\/dragosoft.info\/wp-content\/uploads\/2022\/02\/appearance-editor-wordpress-dashboard.png 486w, https:\/\/dragosoft.info\/wp-content\/uploads\/2022\/02\/appearance-editor-wordpress-dashboard-300x65.png 300w\" sizes=\"(max-width: 486px) 100vw, 486px\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ae90523 elementor-widget elementor-widget-text-editor\" data-id=\"ae90523\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>!!! The new site editor is only available when using a block-based WordPress theme. If you activate a non-blocking theme, the Appearance menu will display the Customizer, Menus and Widgets.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-76a4a78 elementor-widget elementor-widget-text-editor\" data-id=\"76a4a78\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span>The interface is similar to the block editor, which was previously only available for posts and pages. You can create or edit theme templates or parts of templates using the\u00a0<\/span><a href=\"https:\/\/www.hostinger.com\/tutorials\/wordpress-blocks\" rel=\"follow nofollow noopener\" data-wpel-link=\"internal\" target=\"_blank\"><span>WordPress blocks<\/span><\/a><span>\u00a0, with topic elements such as the header and footer having their own blocks.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a11c848 elementor-widget elementor-widget-image\" data-id=\"a11c848\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"346\" src=\"https:\/\/dragosoft.info\/wp-content\/uploads\/2022\/02\/wordpress-sample-page-5.9.png\" class=\"attachment-large size-large wp-image-37820\" alt=\"\" srcset=\"https:\/\/dragosoft.info\/wp-content\/uploads\/2022\/02\/wordpress-sample-page-5.9.png 1024w, https:\/\/dragosoft.info\/wp-content\/uploads\/2022\/02\/wordpress-sample-page-5.9-300x130.png 300w, https:\/\/dragosoft.info\/wp-content\/uploads\/2022\/02\/wordpress-sample-page-5.9-768x332.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-95420ed elementor-widget elementor-widget-text-editor\" data-id=\"95420ed\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span>When you go to the editor, it will open the default home page template editor. To edit other templates, such as those for the\u00a0<\/span><a href=\"https:\/\/www.hostinger.com\/tutorials\/fix-404-error-wordpress\" rel=\"follow nofollow noopener\" data-wpel-link=\"internal\" target=\"_blank\"><span>404 page<\/span><\/a><span>\u00a0or the post template, click the WordPress logo in the top left corner and click\u00a0<\/span><strong><span>Templates<\/span><\/strong><span>\u00a0in the pop-up sidebar.\u00a0<\/span><\/p><p><span>You will see the available templates. Select the one you want to edit. You will also find parts of templates in the pop-up sidebar.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cfd9228 elementor-widget elementor-widget-image\" data-id=\"cfd9228\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"355\" src=\"https:\/\/dragosoft.info\/wp-content\/uploads\/2022\/02\/Shablon-list-1024x455.png\" class=\"attachment-large size-large wp-image-37821\" alt=\"\" srcset=\"https:\/\/dragosoft.info\/wp-content\/uploads\/2022\/02\/Shablon-list-1024x455.png 1024w, https:\/\/dragosoft.info\/wp-content\/uploads\/2022\/02\/Shablon-list-300x133.png 300w, https:\/\/dragosoft.info\/wp-content\/uploads\/2022\/02\/Shablon-list-768x341.png 768w, https:\/\/dragosoft.info\/wp-content\/uploads\/2022\/02\/Shablon-list.png 1303w\" sizes=\"(max-width: 800px) 100vw, 800px\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c9f6f9b elementor-widget elementor-widget-text-editor\" data-id=\"c9f6f9b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span>There is also an option to change the block styles. Click\u00a0<\/span><strong><span>Blocks<\/span><\/strong><span>\u00a0in the Global Styles panel and it will display the list of customizable blocks. Note that some blocks may only have custom colors and layouts, while others have typography tools.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-df97923 elementor-widget elementor-widget-image\" data-id=\"df97923\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"483\" height=\"385\" src=\"https:\/\/dragosoft.info\/wp-content\/uploads\/2022\/02\/styles-wp5-9.png\" class=\"attachment-large size-large wp-image-37822\" alt=\"\" srcset=\"https:\/\/dragosoft.info\/wp-content\/uploads\/2022\/02\/styles-wp5-9.png 483w, https:\/\/dragosoft.info\/wp-content\/uploads\/2022\/02\/styles-wp5-9-300x239.png 300w\" sizes=\"(max-width: 483px) 100vw, 483px\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7a6804d elementor-widget elementor-widget-text-editor\" data-id=\"7a6804d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h2 id=\"h-block-and-ux-improvements\"><span>UX blocks and improvements<\/span><\/h2><p><span>Many WordPress users spend most of their time in the block editor to create and manage their content. Therefore, this new version of WordPress brings many improvements to the blocks editor, such as a better user interface and new blocks.<\/span><\/p><h3 id=\"h-interface-improvement\"><span id=\"Interface_Improvement\" class=\"ez-toc-section\"><\/span><span>Improving the interface<\/span><\/h3><p><span>The new version of WordPress also improves the interface design and user experience. The list view has drag and drop capability to rearrange content simply by dragging and dropping items.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-69f195b elementor-widget elementor-widget-image\" data-id=\"69f195b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"385\" src=\"https:\/\/dragosoft.info\/wp-content\/uploads\/2022\/02\/wp5.9-list-view-1024x493.png\" class=\"attachment-large size-large wp-image-37823\" alt=\"\" srcset=\"https:\/\/dragosoft.info\/wp-content\/uploads\/2022\/02\/wp5.9-list-view-1024x493.png 1024w, https:\/\/dragosoft.info\/wp-content\/uploads\/2022\/02\/wp5.9-list-view-300x144.png 300w, https:\/\/dragosoft.info\/wp-content\/uploads\/2022\/02\/wp5.9-list-view-768x370.png 768w, https:\/\/dragosoft.info\/wp-content\/uploads\/2022\/02\/wp5.9-list-view.png 1064w\" sizes=\"(max-width: 800px) 100vw, 800px\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ba2f803 elementor-widget elementor-widget-text-editor\" data-id=\"ba2f803\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span>Items in the list view are also collapsible, making it easy to manage complex block structures. In addition, it is possible to add HTML anchors to blocks for quick navigation.<\/span><\/p><p><span>The topic editor also has a focus mode for the header and footer. This feature is accessible from the top panel of the editor and displays only the part you want to edit.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>WordPress 5.9&nbsp;\u0435 \u043f\u044a\u0440\u0432\u0430\u0442\u0430 \u0433\u043e\u043b\u044f\u043c\u0430 \u0432\u0435\u0440\u0441\u0438\u044f \u0437\u0430 2022 \u0433., \u0442\u044a\u0439 \u043a\u0430\u0442\u043e \u0431\u0435\u0448\u0435 \u043f\u0443\u0441\u043d\u0430\u0442\u0430 \u043d\u0430 25 \u044f\u043d\u0443\u0430\u0440\u0438 2022 \u0433. \u0422\u0430\u0437\u0438 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0430 \u0432\u0435\u0440\u0441\u0438\u044f \u043d\u043e\u0441\u0438 \u043d\u043e\u0432\u0438 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u0438 \u043f\u043e\u0434\u043e\u0431\u0440\u0435\u043d\u0438\u044f, \u043a\u043e\u0438\u0442\u043e \u043f\u0440\u0430\u0432\u044f\u0442 \u043f\u044a\u043b\u043d\u043e\u0442\u043e \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u0438\u0437\u0438\u0440\u0430\u043d\u0435 \u043d\u0430 \u0441\u0430\u0439\u0442\u0430 \u043e\u0449\u0435 \u043f\u043e-\u043b\u0435\u0441\u043d\u043e. \u041f\u0440\u0435\u0434\u0438\u0448\u043d\u0430\u0442\u0430 \u0441\u0442\u0430\u0431\u0438\u043b\u043d\u0430 \u0432\u0435\u0440\u0441\u0438\u044f,&nbsp;WordPress 5.8&nbsp;, \u0432\u0435\u0447\u0435 \u043d\u0430\u043b\u0430\u0433\u0430\u0448\u0435 \u043f\u044a\u043b\u043d\u043e \u0440\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u0430\u043d\u0435 \u043d\u0430 \u0441\u0430\u0439\u0442\u043e\u0432\u0435 \u0441 \u0438\u043d\u0442\u0435\u0433\u0440\u0438\u0440\u0430\u043d\u0435\u0442\u043e \u043d\u0430 \u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440\u0430 \u043d\u0430 \u0431\u043b\u043e\u043a\u043e\u0432\u0435 Gutenberg \u0437\u0430 \u0438\u0437\u0433\u0440\u0430\u0436\u0434\u0430\u043d\u0435 \u043d\u0430 \u043f\u0443\u0431\u043b\u0438\u043a\u0430\u0446\u0438\u0438 \u0438 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":37813,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[74],"tags":[],"class_list":["post-37812","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress-novini-i-funkcii"],"_links":{"self":[{"href":"https:\/\/dragosoft.info\/en\/wp-json\/wp\/v2\/posts\/37812","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dragosoft.info\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dragosoft.info\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dragosoft.info\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dragosoft.info\/en\/wp-json\/wp\/v2\/comments?post=37812"}],"version-history":[{"count":0,"href":"https:\/\/dragosoft.info\/en\/wp-json\/wp\/v2\/posts\/37812\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dragosoft.info\/en\/wp-json\/wp\/v2\/media\/37813"}],"wp:attachment":[{"href":"https:\/\/dragosoft.info\/en\/wp-json\/wp\/v2\/media?parent=37812"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dragosoft.info\/en\/wp-json\/wp\/v2\/categories?post=37812"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dragosoft.info\/en\/wp-json\/wp\/v2\/tags?post=37812"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}