{"id":7713,"date":"2024-03-10T11:19:25","date_gmt":"2024-03-10T05:19:25","guid":{"rendered":"https:\/\/codexpert.io\/?p=7713"},"modified":"2024-03-13T10:14:51","modified_gmt":"2024-03-13T04:14:51","slug":"whats-new-in-wordpress-5-9","status":"publish","type":"post","link":"https:\/\/codexpert.io\/blog\/whats-new-in-wordpress-5-9\/","title":{"rendered":"What&#8217;s new in WordPress 5.9"},"content":{"rendered":"<div class='cx-content-before'><\/div><p>The new WordPress 5.9 has been released with smarter features and huge improvements. The latest version has rolled out on January 25, 2022, with Full Site Editing (FSE) options. This version is named Josephine. This naming was done in honor of lifelong civil rights campaigner and international jazz singer Jos\u00e9phine Baker. This version of WordPress loads your sites faster than ever and is easier to design.<\/p>\n<p>&nbsp;<\/p>\n<h3 style=\"text-align: center;\" id=\"cx-heading-1\">Everything that&#8217;s new in this version<\/h3>\n<h3 style=\"text-align: center;\" id=\"cx-heading-2\">New theme<\/h3>\n<p>WordPress 5.9 also has a new theme Twenty Twenty-Two. This theme is packed with ready-made patterns that can be used in Gutenberg editor. The new feature Full Site Editing capabilities in WordPress 5.9 is available with the themes that support FSE including the new Twenty Twenty-Two theme.<\/p>\n<p>&nbsp;<\/p>\n<figure id=\"attachment_7771\" aria-describedby=\"caption-attachment-7771\" style=\"width: 400px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-7771 size-full\" src=\"https:\/\/codexpert.io\/wp-content\/uploads\/2022\/02\/New-theme-on-WordPress-5.9.jpg\" alt=\"New theme on WordPress 5.9\" width=\"400\" height=\"409\" srcset=\"https:\/\/codexpert.io\/blog\/wp-content\/uploads\/2022\/02\/New-theme-on-WordPress-5.9.jpg 400w, https:\/\/codexpert.io\/blog\/wp-content\/uploads\/2022\/02\/New-theme-on-WordPress-5.9-293x300.jpg 293w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><figcaption id=\"caption-attachment-7771\" class=\"wp-caption-text\">New theme on WordPress 5.9<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<h3 style=\"text-align: center;\" id=\"cx-heading-3\">Full Site Editor<\/h3>\n<p>The Full Site Editor feature can be easily accessible with a single click. This is a collection of features that allows you to edit an entire site with blocks. With the new update, you will see a new menu &#8211; Editor under Appearance on the dashboard if you are already using a theme that supports FSE. After clicking this menu you will be redirected to the full site editor to design your site. With this feature, you can fully design your website without writing a single code.<\/p>\n<p>&nbsp;<\/p>\n<figure id=\"attachment_7718\" aria-describedby=\"caption-attachment-7718\" style=\"width: 373px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-7718 size-full\" src=\"https:\/\/codexpert.io\/wp-content\/uploads\/2022\/02\/New-WordPress-5.9-FSE.jpg\" alt=\"New WordPress 5.9 Full Site Editorial \" width=\"373\" height=\"189\" srcset=\"https:\/\/codexpert.io\/blog\/wp-content\/uploads\/2022\/02\/New-WordPress-5.9-FSE.jpg 373w, https:\/\/codexpert.io\/blog\/wp-content\/uploads\/2022\/02\/New-WordPress-5.9-FSE-300x152.jpg 300w\" sizes=\"auto, (max-width: 373px) 100vw, 373px\" \/><figcaption id=\"caption-attachment-7718\" class=\"wp-caption-text\">WordPress 5.9 Full Site Editorial<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<h3 style=\"text-align: center;\" id=\"cx-heading-4\">New Blocks in WordPress 5.9<\/h3>\n<p>10 new blocks are introduced in <a href=\"https:\/\/wordpress.org\/download\/\" target=\"_blank\" rel=\"noopener\">WordPress Josephine 5.9<\/a>. These blocks can be used to design and customize site-wide.<\/p>\n<p>The new blocks include &#8211;<\/p>\n<ul>\n<li>Header<\/li>\n<li>Footer<\/li>\n<li>Template Part<\/li>\n<li>Navigation<\/li>\n<li>Post-Author<\/li>\n<li>Next Post<\/li>\n<li>Previous Post<\/li>\n<li>Post Comments<\/li>\n<li>Term Description<\/li>\n<li>Archive Title<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h3 style=\"text-align: center;\" id=\"cx-heading-5\">Global styling<\/h3>\n<p>This cool new feature of Gutenberg gives you the ability to apply styling across the entire website. All you need to do is click on the Style icon located at the top right corner of the Gutenberg editor as shown in the screenshot below.<\/p>\n<p>You can easily set your preferred typography and colors as global style for your website. Also, there&#8217;s an option to apply the design for particular templates and template parts. If you want to change the styling, all you need to do is click the Shado Circle at the top right corner of the editor screen.<\/p>\n<p>&nbsp;<\/p>\n<figure id=\"attachment_7726\" aria-describedby=\"caption-attachment-7726\" style=\"width: 290px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-7726 size-full\" src=\"https:\/\/codexpert.io\/wp-content\/uploads\/2022\/02\/Site-wide-styling.jpg\" alt=\"Site wide styling\" width=\"290\" height=\"654\" srcset=\"https:\/\/codexpert.io\/blog\/wp-content\/uploads\/2022\/02\/Site-wide-styling.jpg 290w, https:\/\/codexpert.io\/blog\/wp-content\/uploads\/2022\/02\/Site-wide-styling-133x300.jpg 133w\" sizes=\"auto, (max-width: 290px) 100vw, 290px\" \/><figcaption id=\"caption-attachment-7726\" class=\"wp-caption-text\">Sitewide styling in WordPress 5.9<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<p>You can also set site-wide styling for different blocks.<\/p>\n<p>&nbsp;<\/p>\n<figure id=\"attachment_7728\" aria-describedby=\"caption-attachment-7728\" style=\"width: 297px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-7728 size-full\" src=\"https:\/\/codexpert.io\/wp-content\/uploads\/2022\/02\/Style-blocks.jpg\" alt=\"Style sitewide Gutenberg blocks\" width=\"297\" height=\"692\" srcset=\"https:\/\/codexpert.io\/blog\/wp-content\/uploads\/2022\/02\/Style-blocks.jpg 297w, https:\/\/codexpert.io\/blog\/wp-content\/uploads\/2022\/02\/Style-blocks-129x300.jpg 129w\" sizes=\"auto, (max-width: 297px) 100vw, 297px\" \/><figcaption id=\"caption-attachment-7728\" class=\"wp-caption-text\">Style Gutenberg blocks globally<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<h3 style=\"text-align: center;\" id=\"cx-heading-6\">New method to add Navigation Menus<\/h3>\n<p>The \u201cMenu\u201d on the dashboard has been changed to \u201cNavigation Menus\u201d for the FSE compatible themes. You can easily add new using the Navigation Menu block in the Gutenberg editor.<\/p>\n<p>The new menu can be easily created using existing page links. Also, you can adjust the color, spacing, alignment, typography, and more.<\/p>\n<p>&nbsp;<\/p>\n<figure id=\"attachment_7725\" aria-describedby=\"caption-attachment-7725\" style=\"width: 911px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-7725 size-full\" src=\"https:\/\/codexpert.io\/wp-content\/uploads\/2022\/02\/New-Navigation-Menu.jpg\" alt=\"New Navigation Menu\" width=\"911\" height=\"444\" srcset=\"https:\/\/codexpert.io\/blog\/wp-content\/uploads\/2022\/02\/New-Navigation-Menu.jpg 911w, https:\/\/codexpert.io\/blog\/wp-content\/uploads\/2022\/02\/New-Navigation-Menu-300x146.jpg 300w, https:\/\/codexpert.io\/blog\/wp-content\/uploads\/2022\/02\/New-Navigation-Menu-768x374.jpg 768w\" sizes=\"auto, (max-width: 911px) 100vw, 911px\" \/><figcaption id=\"caption-attachment-7725\" class=\"wp-caption-text\">Create and edit Navigation Menu directly on Gutenberg editor<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<h3 style=\"text-align: center;\" id=\"cx-heading-7\">Better social icons set<\/h3>\n<p><span style=\"font-weight: 400;\">WordPress 5.9 has a better set of social icons with the ability to use the parent block\u2019s toolbar in child blocks. These icons also have a more refined design than the previous versions.<\/span><\/p>\n<p>&nbsp;<\/p>\n<figure id=\"attachment_7724\" aria-describedby=\"caption-attachment-7724\" style=\"width: 314px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-7724 size-full\" src=\"https:\/\/codexpert.io\/wp-content\/uploads\/2022\/02\/Social-Icons.jpg\" alt=\"Social Icons\" width=\"314\" height=\"353\" srcset=\"https:\/\/codexpert.io\/blog\/wp-content\/uploads\/2022\/02\/Social-Icons.jpg 314w, https:\/\/codexpert.io\/blog\/wp-content\/uploads\/2022\/02\/Social-Icons-267x300.jpg 267w\" sizes=\"auto, (max-width: 314px) 100vw, 314px\" \/><figcaption id=\"caption-attachment-7724\" class=\"wp-caption-text\">Refined Social Icons<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<h3 style=\"text-align: center;\" id=\"cx-heading-8\">Language switching on the login screen<\/h3>\n<p>If you want to enjoy this feature, it&#8217;s necessary to have a WordPress with more than one language. If you already have multiple languages installed on your site, you or the users will see a language switcher on the login screen whenever log in to log in.<\/p>\n<p>&nbsp;<\/p>\n<figure id=\"attachment_7733\" aria-describedby=\"caption-attachment-7733\" style=\"width: 322px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-7733 size-full\" src=\"https:\/\/codexpert.io\/wp-content\/uploads\/2022\/02\/Language-Switcher-1.jpg\" alt=\"Language Switcher\" width=\"322\" height=\"344\" srcset=\"https:\/\/codexpert.io\/blog\/wp-content\/uploads\/2022\/02\/Language-Switcher-1.jpg 322w, https:\/\/codexpert.io\/blog\/wp-content\/uploads\/2022\/02\/Language-Switcher-1-281x300.jpg 281w\" sizes=\"auto, (max-width: 322px) 100vw, 322px\" \/><figcaption id=\"caption-attachment-7733\" class=\"wp-caption-text\">Language Switcher on the login screen<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<p>WordPress 5.9 has many more improvements under the hood including bug fixes, Gutenberg editor improvements, rich URL preview, PHP Test Suite, lazy loading improvements, etc. Also, it has introduced <a href=\"https:\/\/make.wordpress.org\/core\/2021\/08\/20\/gallery-block-refactor-dev-note\/\" target=\"_blank\" rel=\"noopener\">refactored gallery block<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/04\/block-themes-a-new-way-to-build-themes-in-wordpress-5-9\/\" target=\"_blank\" rel=\"noopener\">theme.json for child themes<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/08\/locking-blocks-in-wordpress-5-9\/\" target=\"_blank\" rel=\"noopener\">block-level locking<\/a>, and <a href=\"https:\/\/make.wordpress.org\/core\/2021\/12\/15\/using-multiple-stylesheets-per-block\/\" target=\"_blank\" rel=\"noopener\">multiple stylesheets in a block<\/a> for the developers.<\/p>\n<p>Gutenberg editor is improving day by day but most users prefer other page builders to design their website. If you wish to try other page builders to design and explore unlimited options, you should definitely try <a href=\"https:\/\/elementor.com\/\" target=\"_blank\" rel=\"noopener\">Elementor<\/a>. Because Elementor page builder is the most popular page builder out there and has the most active users. Also, try <a href=\"https:\/\/wordpress.org\/plugins\/woolementor\/\" target=\"_blank\" rel=\"noopener\">CoDesigner<\/a> (a popular set of add-ons for Elementor) to set up a WooCommerce website in minutes. This plugin can help you set up <a href=\"https:\/\/codexpert.io\/blog\/design-woocommerce-shops-with-codesigner\/\">shop pages<\/a>, single product pages, <a href=\"https:\/\/codexpert.io\/blog\/woocommerce-cart-page-with-elementor-for-free\/\">cart<\/a>, <a href=\"https:\/\/codexpert.io\/blog\/woocommerce-checkout-page-with-woolementor\/\">checkout<\/a>, <a href=\"https:\/\/codexpert.io\/blog\/design-woocommerce-email-elementor-codesigner\/\">design WooCommerce emails<\/a>, and everything you need to run a successful online store.<\/p>\n<div class='cx-content-after'><\/div>","protected":false},"excerpt":{"rendered":"<p>The new WordPress 5.9 has been released with smarter features and huge improvements. The latest version has rolled out on January 25, 2022, with Full Site Editing (FSE) options. This version is named Josephine. This naming was done in honor of lifelong civil rights campaigner and international jazz singer Jos\u00e9phine Baker. This version of WordPress [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":7768,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[16],"tags":[352],"class_list":["post-7713","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","tag-general"],"_links":{"self":[{"href":"https:\/\/codexpert.io\/blog\/wp-json\/wp\/v2\/posts\/7713","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codexpert.io\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codexpert.io\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codexpert.io\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/codexpert.io\/blog\/wp-json\/wp\/v2\/comments?post=7713"}],"version-history":[{"count":1,"href":"https:\/\/codexpert.io\/blog\/wp-json\/wp\/v2\/posts\/7713\/revisions"}],"predecessor-version":[{"id":25445,"href":"https:\/\/codexpert.io\/blog\/wp-json\/wp\/v2\/posts\/7713\/revisions\/25445"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codexpert.io\/blog\/wp-json\/wp\/v2\/media\/7768"}],"wp:attachment":[{"href":"https:\/\/codexpert.io\/blog\/wp-json\/wp\/v2\/media?parent=7713"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codexpert.io\/blog\/wp-json\/wp\/v2\/categories?post=7713"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/codexpert.io\/blog\/wp-json\/wp\/v2\/tags?post=7713"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}