{"id":116649,"date":"2024-12-18T08:28:00","date_gmt":"2024-12-18T08:28:00","guid":{"rendered":"https:\/\/make.wordpress.org\/core\/?p=116649"},"modified":"2024-12-18T08:32:33","modified_gmt":"2024-12-18T08:32:33","slug":"whats-new-in-gutenberg-19-9-19-december","status":"publish","type":"post","link":"https:\/\/make.wordpress.org\/core\/2024\/12\/18\/whats-new-in-gutenberg-19-9-19-december\/","title":{"rendered":"What\u2019s new in Gutenberg 19.9? (19 December)"},"content":{"rendered":"

\u201cWhat\u2019s new in GutenbergGutenberg<\/span> The Gutenberg project is the new Editor Interface for WordPress. The editor improves the process and experience of creating new content, making writing rich content much simpler. It uses \u2018blocks\u2019 to add richness rather than shortcodes, custom HTML etc.\rhttps:\/\/wordpress.org\/gutenberg\/<\/a><\/span><\/span><\/span>\u201d posts (#gutenberg-new<\/a>) appear on a biweekly basis after every Gutenberg release, and showcase the latest features and improvements.\u00a0<\/p>\n\n\n\n

Interested in learning more? Here\u2019s an overview<\/a> of how you can keep up with news and events related to Gutenberg and the BlockBlock<\/span> Block is the abstract term used to describe units of markup that, composed together, form the content or layout of a webpage using the WordPress editor. The idea combines concepts of what in the past may have achieved with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience.<\/span><\/span><\/span> Editor.<\/p>\n\n\n\n

\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n

Gutenberg 19.9<\/a> is out of the oven and ready to download<\/a>.<\/p>\n\n\n\n

The last release of 2024 introduces the Style Book to classic themes, a new Query Total block, a swathe of component library enhancements, and code quality improvements.<\/p>\n\n\n\n

Table of contents<\/strong><\/p>\n\n\n\n

    \n
  1. Style Book in classic themes<\/a><\/li>\n\n\n\n
  2. Introducing the Query Total block<\/a><\/li>\n\n\n\n
  3. More Highlights<\/a><\/li>\n\n\n\n
  4. Changelog<\/a><\/li>\n\n\n\n
  5. First-time contributors<\/a><\/li>\n\n\n\n
  6. Contributors<\/a><\/li>\n<\/ol>\n\n\n\n

    Style Book in classic themes<\/h2>\n\n\n\n

    The Style Book now appears in supported classic themes<\/a> under Appearance > Design > Styles<\/strong> in the adminadmin<\/span> (and super admin)<\/span><\/span><\/span> menu.\u00a0<\/p>\n\n\n\n

    Support is available for classic themes that either support editor styles via add_theme_support( 'editor-styles' )<\/code> or have a theme.jsonJSON<\/span> JSON, or JavaScript Object Notation, is a minimal, readable format for structuring data. It is used primarily to transmit data between a server and web application, as an alternative to XML.<\/span><\/span><\/span> file.\u00a0<\/p>\n\n\n\n

    The Style Book provides a comprehensive overview of your site\u2019s colors, typography, and block styles in an organized layout. Each block example and style group is labeled, making it easy to preview and understand your theme\u2019s current design settings. Think of it as if your theme threw a party, and all the design elements showed up wearing name tags. \ud83d\ude00<\/p>\n\n\n\n

    Testing is an important step for this feature before it\u2019s introduced to WordPress CoreCore<\/span> Core is the set of software required to run WordPress. The Core Development Team builds WordPress.<\/span><\/span><\/span>. If you have the time, please help identify potential issues, and suggest areas for improvement by logging your feedback<\/a> on GitHubGitHub<\/span> GitHub is a website that offers online implementation of git repositories that can easily be shared, copied and modified by other developers. Public repositories are free to host, private repositories require a paid subscription. GitHub introduced the concept of the \u2018pull request\u2019 where code changes done in branches by contributors can be reviewed and discussed before being merged by the repository owner. https:\/\/github.com\/<\/a><\/span><\/span><\/span>. Testing instructions can be found on the original PR<\/a>. Thank you!<\/p>\n\n\n\n

    Introducing the Query Total block<\/h2>\n\n\n\n

    You know how many results are in your queries, but do your site\u2019s readers? The new Query Total block<\/a> is here to help.<\/p>\n\n\n\n

    \"\"<\/a><\/figure>\n\n\n\n

    When added within a Query LoopLoop<\/span> The Loop is PHP code used by WordPress to display posts. Using The Loop, WordPress processes each post to be displayed on the current page, and formats it according to how it matches specified criteria within The Loop tags. Any HTML or PHP code in the Loop will be processed on each post. https:\/\/codex.wordpress.org\/The_Loop<\/a><\/span><\/span><\/span> block, the Query Total block displays the number of results the query has returned, or, alternatively, the current range in a set of paginated results.<\/p>\n\n\n\n

    More Highlights<\/h2>\n\n\n\n

    Gutenberg 19.9 introduces phpMyAdmin to wp-env as a launch option. phpMyAdmin will automatically connect to the running mysqlMySQL<\/span> MySQL is a relational database management system. A database is a structured collection of data where content, configuration and other options are stored. https:\/\/www.mysql.com<\/a><\/span><\/span><\/span> database service, allowing you to inspect and manage the local WordPress database as you develop. (#67588<\/a>).<\/p>\n\n\n\n

    Featured imageFeatured image<\/span> A featured image is the main image used on your blog archive page and is pulled when the post or page is shared on social media. The image can be used to display in widget areas on your site or in a summary list of posts.<\/span><\/span><\/span> backgrounds in the Cover block now come with resolution controls so that you can change their sizes (#67273<\/a>).\u00a0<\/p>\n\n\n\n

    Reset colors for blocks and global styles in the editor with a single click thanks to the inline reset button added to all color controls (#67116<\/a>).<\/p>\n\n\n\n

    Looking to replace your Query block\u2019s design? Query block patterns have been relocated from a modal to a dropdown. It\u2019s still in the block toolbar, now under \u201cChange design\u201d (#66993<\/a>).<\/p>\n\n\n\n

    You can now also set your site\u2019s home page from within the Site Editor via the page actions menu (#65426<\/a>). This is the equivalent of updating the Reading Settings in \u201cSettings > Reading\u201d<\/strong>. Under \u201cPages\u201d in the editor, find the page you\u2019d like to set as your homepage, click on the action menu, and select \u2018Set as homepage\u2019.<\/p>\n\n\n\n

    Changelog<\/h2>\n\n\n\n

    Enhancements<\/h3>\n\n\n\n