{"id":79393,"date":"2020-02-05T19:12:25","date_gmt":"2020-02-05T19:12:25","guid":{"rendered":"https:\/\/make.wordpress.org\/core\/?p=79393"},"modified":"2020-02-06T16:59:00","modified_gmt":"2020-02-06T16:59:00","slug":"whats-new-in-gutenberg-5-february","status":"publish","type":"post","link":"https:\/\/make.wordpress.org\/core\/2020\/02\/05\/whats-new-in-gutenberg-5-february\/","title":{"rendered":"What\u2019s new in Gutenberg? (5 February)"},"content":{"rendered":"<p class=\"wp-block-paragraph\">More than <strong>51<\/strong> contributors participated in this exciting release.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">It introduce some handy color related features to the Group and Columns <span tabindex='0' class='glossary-item-container'>block<span class='glossary-item-hidden-content'><span class='glossary-item-header'>Block<\/span> <span class='glossary-item-description'>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>. Instead of changing the text color block by block you can now wrap a group blocks in a Group block and assign the base color to the parent block.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"949\" height=\"442\" data-attachment-id=\"79416\" data-permalink=\"https:\/\/make.wordpress.org\/core\/2020\/02\/05\/whats-new-in-gutenberg-5-february\/group-block\/#main\" data-orig-file=\"https:\/\/make.wordpress.org\/core\/files\/2020\/02\/Group-block.png\" data-orig-size=\"949,442\" data-comments-opened=\"1\" data-image-meta='{\"aperture\":\"0\",\"credit\":\"\",\"camera\":\"\",\"caption\":\"\",\"created_timestamp\":\"0\",\"copyright\":\"\",\"focal_length\":\"0\",\"iso\":\"0\",\"shutter_speed\":\"0\",\"title\":\"\",\"orientation\":\"0\"}' data-image-title=\"Group-block\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/make.wordpress.org\/core\/files\/2020\/02\/Group-block.png\" src=\"https:\/\/make.wordpress.org\/core\/files\/2020\/02\/Group-block.png\" alt=\"\" class=\"wp-image-79416\" srcset=\"https:\/\/make.wordpress.org\/core\/files\/2020\/02\/Group-block.png 949w, https:\/\/make.wordpress.org\/core\/files\/2020\/02\/Group-block-300x140.png 300w, https:\/\/make.wordpress.org\/core\/files\/2020\/02\/Group-block-768x358.png 768w\" sizes=\"auto, (max-width: 949px) 100vw, 949px\"><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">For consistency with the Navigation and the buttons block, the Link <span tabindex='0' class='glossary-item-container'>UI<span class='glossary-item-hidden-content'><span class='glossary-item-header'>UI<\/span> <span class='glossary-item-description'>User interface<\/span><\/span><\/span> has been updated in the RichText formats.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"712\" height=\"247\" data-attachment-id=\"79418\" data-permalink=\"https:\/\/make.wordpress.org\/core\/2020\/02\/05\/whats-new-in-gutenberg-5-february\/linkcontrol-1\/#main\" data-orig-file=\"https:\/\/make.wordpress.org\/core\/files\/2020\/02\/linkcontrol-1.png\" data-orig-size=\"712,247\" data-comments-opened=\"1\" data-image-meta='{\"aperture\":\"0\",\"credit\":\"\",\"camera\":\"\",\"caption\":\"\",\"created_timestamp\":\"0\",\"copyright\":\"\",\"focal_length\":\"0\",\"iso\":\"0\",\"shutter_speed\":\"0\",\"title\":\"\",\"orientation\":\"0\"}' data-image-title=\"linkcontrol-1\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/make.wordpress.org\/core\/files\/2020\/02\/linkcontrol-1.png\" src=\"https:\/\/make.wordpress.org\/core\/files\/2020\/02\/linkcontrol-1.png\" alt=\"\" class=\"wp-image-79418\" srcset=\"https:\/\/make.wordpress.org\/core\/files\/2020\/02\/linkcontrol-1.png 712w, https:\/\/make.wordpress.org\/core\/files\/2020\/02\/linkcontrol-1-300x104.png 300w\" sizes=\"auto, (max-width: 712px) 100vw, 712px\"><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">This is also an exciting release of the block authors, we now have an official tool to scaffold blocks quickly. It\u2019s as easy as running <code>npm init @wordpress\/block<\/code> locally.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"652\" data-attachment-id=\"79442\" data-permalink=\"https:\/\/make.wordpress.org\/core\/2020\/02\/05\/whats-new-in-gutenberg-5-february\/wordpress-create-block\/#main\" data-orig-file=\"https:\/\/make.wordpress.org\/core\/files\/2020\/02\/wordpress-create-block.gif\" data-orig-size=\"800,652\" data-comments-opened=\"1\" data-image-meta='{\"aperture\":\"0\",\"credit\":\"\",\"camera\":\"\",\"caption\":\"\",\"created_timestamp\":\"0\",\"copyright\":\"\",\"focal_length\":\"0\",\"iso\":\"0\",\"shutter_speed\":\"0\",\"title\":\"\",\"orientation\":\"0\"}' data-image-title=\"wordpress-create-block\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/make.wordpress.org\/core\/files\/2020\/02\/wordpress-create-block.gif\" src=\"https:\/\/make.wordpress.org\/core\/files\/2020\/02\/wordpress-create-block.gif\" alt=\"\" class=\"wp-image-79442\"><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">7.4 \ud83c\uddf0\ud83c\uddf7<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Features<\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li>Add background color support to the Columns block. <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/17813\">17813<\/a><\/li><li>Add text color support for the Group block. <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19181\">19181<\/a><\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Enhancements<\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li>Navigation Block:<ul><li>Add submenu chevron indication setting. <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19601\">19601<\/a><\/li><li>Save the ID to the destination entity. <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/18641\">18641<\/a><\/li><li>Select Parent Navigation Block after clicking \u201cCreate from all top-level pages\u201d. <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19817\">19817<\/a><\/li><li>Update Appender visibility. <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19598\">19598<\/a> <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19846\">19846<\/a><\/li><li>Move the Link Settings panel. <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19917\">19917<\/a><\/li><li>Improve the <span tabindex='0' class='glossary-item-container'>UX<span class='glossary-item-hidden-content'><span class='glossary-item-header'>UX<\/span> <span class='glossary-item-description'>User experience<\/span><\/span><\/span> to add links. <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19686\">19686<\/a><\/li><\/ul><\/li><li>Multi-selection: don\u2019t focus first selected block. <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19762\">19762<\/a><\/li><li>Use the new link control component in the RichText link format. <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19462\">19462<\/a><\/li><li>Copy: Apply sentence case formatting to panel titles. <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19901\">19901<\/a><\/li><li><span tabindex='0' class='glossary-item-container'>A11y<span class='glossary-item-hidden-content'><span class='glossary-item-header'>Accessibility<\/span> <span class='glossary-item-description'>Accessibility (commonly shortened to a11y) refers to the design of products, devices, services, or environments for people with disabilities. The concept of accessible design ensures both \u201cdirect access\u201d (i.e. unassisted) and \u201cindirect access\u201d meaning compatibility with a person\u2019s assistive technology (for example, computer screen readers). (https:\/\/en.wikipedia.org\/wiki\/Accessibility)<\/span><\/span><\/span>: Add conditions and new <span tabindex='0' class='glossary-item-container'>translation<span class='glossary-item-hidden-content'><span class='glossary-item-header'>translation<\/span> <span class='glossary-item-description'>The process (or result) of changing text, words, and display formatting to support another language. Also see <a href=\"#l10n\">localization<\/a>, <a href=\"#i18n\">internationalization<\/a>.<\/span><\/span><\/span> strings for the BlockMover. <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19757\">19757<\/a><\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">New APIs<\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li>Add a new wordpress\/create-block package for block scaffolding. <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19773\">19773<\/a> <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19867\">19867<\/a><\/li><li>Add a new wordpress\/icons package:<ul><li>Introduce the package. <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/17055\">17055<\/a> <\/li><\/ul><ul><li>Make it a package that is always embedded to avoid loading all the icons at once. <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19809\">19809<\/a><\/li><li>Move icons used in the project to the package. <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19944\">19944<\/a> <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19808\">19808<\/a> <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19834\">19834<\/a> <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19862\">19862<\/a> <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19838\">19838<\/a> <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19943\">19943<\/a> <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19926\">19926<\/a><\/li><\/ul><\/li><li>Add a new wordpress\/primitives package. <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19781\">19781<\/a> <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19876\">19876<\/a><\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Bug Fixes<\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li>Prevent gallery images from creating undo levels as they load. <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19937\">19937<\/a><\/li><li>FontSizePicker: Adjust Select Button size. <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19479\">19479<\/a><\/li><li>Remove post title escaping. <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19955\">19955<\/a><\/li><li>Fix Failure message styling in placeholders. <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19673\">19673<\/a><\/li><li>Fix RTL styles for the Media Text block. <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/18764\">18764<\/a><\/li><li>Fix panel <span tabindex='0' class='glossary-item-container'>header<span class='glossary-item-hidden-content'><span class='glossary-item-header'>Header<\/span> <span class='glossary-item-description'>The header of your site is typically the first thing people will experience. The masthead or header art located across the top of your page is part of the look and feel of your website. It can influence a visitor\u2019s opinion about your content and you\/ your organization\u2019s brand. It may also look different on different screen sizes.<\/span><\/span><\/span> styles. <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19842\">19842<\/a><\/li><li>Fix the editor fixed position at the 960px breakpoint. <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19970\">19970<\/a><\/li><li>Allow disabling color selection but keeping gradient support. <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19925\">19925<\/a><\/li><li>Prevent crash when creating a hierarchical post without a title. <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19936\">19936<\/a><\/li><li>Media &amp; Text block: \u201cCrop image to fill entire column\u201d setting resets on image change. <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19765\">19765<\/a><\/li><li>Prevent Alt+F10 from scrolling to the top. <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19896\">19896<\/a><\/li><li>Fix clearing multi-selection with side click. <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19787\">19787<\/a><\/li><li>Update hover and focus selectors for \u201cMove to <span tabindex='0' class='glossary-item-container'>Trash<span class='glossary-item-hidden-content'><span class='glossary-item-header'>Trash<\/span> <span class='glossary-item-description'>Trash in WordPress is like the Recycle Bin on your PC or Trash in your Macintosh computer. Users with the proper permission level (administrators and editors) have the ability to delete a post, page, and\/or comments. When you delete the item, it is moved to the trash folder where it will remain for 30 days.<\/span><\/span><\/span>\u201d to ensure the link is always red <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19974\">19974<\/a>.<\/li><li>Popover component:<ul><li>clean up requestAnimationFrame. <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19771\">19771<\/a><\/li><li>fix typo causing the mobile inserter to go out of view. <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19978\">19978<\/a><\/li><\/ul><\/li><li>Fix <span tabindex='0' class='glossary-item-container'>bug<span class='glossary-item-hidden-content'><span class='glossary-item-header'>bug<\/span> <span class='glossary-item-description'>A bug is an error or unexpected result. Performance improvements, code optimization, and are considered enhancements, not defects. After feature freeze, only bugs are dealt with, with regressions (adverse changes from the previous version) being the highest priority.<\/span><\/span><\/span> in block multi-selection causing Rich text editing to be disabled. <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19839\">19839<\/a><\/li><li>Fix useSelect <span tabindex='0' class='glossary-item-container'>React<span class='glossary-item-hidden-content'><span class='glossary-item-header'>React<\/span> <span class='glossary-item-description'>React is a JavaScript library that makes it easy to reason about, construct, and maintain stateless and stateful user interfaces.\r<a href=\"https:\/\/reactjs.org\/\">https:\/\/reactjs.org<\/a><\/span><\/span><\/span> hook timing and rerendering issues. <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19286\">19286<\/a><\/li><li><span tabindex='0' class='glossary-item-container'>Core<span class='glossary-item-hidden-content'><span class='glossary-item-header'>Core<\/span> <span class='glossary-item-description'>Core is the set of software required to run WordPress. The Core Development Team builds WordPress.<\/span><\/span><\/span>-data: do not publish outdated state to subscribers during updates. <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19752\">19752<\/a><\/li><li>LinkControl component (Navigation and buttons blocks):<ul><li>Initialize inputValue state from value prop. <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19737\">19737<\/a><\/li><\/ul><ul><li>Handle submission via form handler. <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19651\">19651<\/a><\/li><li>Use <span tabindex='0' class='glossary-item-container'>URL<span class='glossary-item-hidden-content'><span class='glossary-item-header'>URL<\/span> <span class='glossary-item-description'>A specific web address of a website or web page on the Internet, such as a website\u2019s URL www.wordpress.org<\/span><\/span><\/span> as a link when title empty. <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19739\">19739<\/a><\/li><li>Prevent focus loss in edit mode toggle. <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19931\">19931<\/a><\/li><li>Resolve error when value is undefined. <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19856\">19856<\/a><\/li><li>Handle Popover onClose for LinkControl. <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19885\">19885<\/a><\/li><\/ul><\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Experiments<\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li>Add AnglePicker Component and useDragging hook. <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19637\">19637<\/a><\/li><li>Add Global styles <span tabindex='0' class='glossary-item-container'>CSS<span class='glossary-item-hidden-content'><span class='glossary-item-header'>CSS<\/span> <span class='glossary-item-description'>Cascading Style Sheets.<\/span><\/span><\/span> variables generation mechanism. <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19883\">19883<\/a><\/li><li>Allow blocks to register variations that shows-up in the inserter. <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19243\">19243<\/a><\/li><li>Block Directory: Refactor the reducer by breaking out the block management actions into their own reducer. <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19330\">19330<\/a><\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Documentation<\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li>Add docs for LocalAutosaveMonitor and __experimentalUpdateLocalAutosaveInterval. <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19915\">19915<\/a><\/li><li>Add markdownlint script to lint docs markup. <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19855\">19855<\/a><\/li><li>Add format-js detailed documentaation to wordpress\/scripts package. <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19946\">19946<\/a><\/li><li>Reorganize the Contributors Guide. <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19853\">19853<\/a><\/li><li>Clarify when isEligible function is called. <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19899\">19899<\/a><\/li><li>Typos and tweaks: <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19833\">19833<\/a>, <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19914\">19914<\/a>, <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19736\">19736<\/a>, <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19759\">19759<\/a>, <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19869\">19869<\/a>, <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19802\">19802<\/a>, <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19813\">19813<\/a>.<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Various<\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li>Introduce Prettier Formatting:<ul><li>Add the formatting script. <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/18048\">18048<\/a> <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19994\">19994<\/a><\/li><li>Format the codebase. <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19963\">19963<\/a><\/li><li>Set a consistent line width. <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19992\">19992<\/a><\/li><\/ul><\/li><li>Automation:<ul><li>Fix pull request merge automation errors. <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19768\">19768<\/a><\/li><li>Run pull request automation on closed. <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19742\">19742<\/a><\/li><li>Add a step that updates CHANGELOG files before npm releases. <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19764\">19764<\/a><\/li><\/ul><\/li><li>Allow Babel Stage 4 features. <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19831\">19831<\/a> <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19065\">19065<\/a><\/li><li>Use a Link to the changelog instead of adding it inline in the <span tabindex='0' class='glossary-item-container'>plugin<span class='glossary-item-hidden-content'><span class='glossary-item-header'>Plugin<\/span> <span class='glossary-item-description'>A plugin is a piece of software containing a group of functions that can be added to a WordPress website. They can extend functionality or add new features to your WordPress websites. WordPress plugins are written in the PHP programming language and integrate seamlessly with WordPress. These can be free in the WordPress.org Plugin Directory <a href=\"https:\/\/wordpress.org\/plugins\/\">https:\/\/wordpress.org\/plugins\/<\/a> or can be cost-based plugin from a third-party.<\/span><\/span><\/span> README. <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19761\">19761<\/a><\/li><li>Use require.resolve() in wordpress\/jest-preset-default config <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19957\">19957<\/a>.<\/li><li>Fix multi-selection intermittent e2e failure. <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19865\">19865<\/a><\/li><li>Add Placeholder component to Storybook. <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19734\">19734<\/a><\/li><li>Include block.<span tabindex='0' class='glossary-item-container'>json<span class='glossary-item-hidden-content'><span class='glossary-item-header'>JSON<\/span> <span class='glossary-item-description'>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> files in the plugin build output. <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19786\">19786<\/a><\/li><li>Rename patterns to variations in the Block <span tabindex='0' class='glossary-item-container'>API<span class='glossary-item-hidden-content'><span class='glossary-item-header'>API<\/span> <span class='glossary-item-description'>An API or Application Programming Interface is a software intermediary that allows programs to interact with each other and share data in limited, clearly defined ways.<\/span><\/span><\/span>. <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19966\">19966<\/a><\/li><li>Paragraph block: <ul><li>remove min-height. <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19835\">19835<\/a><\/li><li>remove unnecessary CSS after shortcuts removal. <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19821\">19821<\/a><\/li><\/ul><\/li><li>Refactor ObserveTyping as function component. <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19881\">19881<\/a><\/li><li>Move the is-navigate-mode classname to the WritingFlow component. 19868<\/li><li>Block: use React context to provide the selected element. <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19782\">19782<\/a><\/li><li>Remove dead is-hovered selectors. <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19870\">19870<\/a><\/li><li>Remove the editor dependency from the block library. <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/16160\">16160<\/a><\/li><li>Remove an unnecessary import from the playground. <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19893\">19893<\/a><\/li><li>Refactor the RichText wrapper to use React <span tabindex='0' class='glossary-item-container'>hooks<span class='glossary-item-hidden-content'><span class='glossary-item-header'>Hooks<\/span> <span class='glossary-item-description'>In WordPress theme and development, hooks are functions that can be applied to an action or a Filter in WordPress. Actions are functions performed when a certain event occurs in WordPress. Filters allow you to modify certain functions. Arguments used to hook both filters and actions look the same.<\/span><\/span><\/span> for wrapper component. <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19095\">19095<\/a><\/li><li>RichText API: Limit \u201cprefix\u201d transformations to Paragraph blocks. <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19727\">19727<\/a><\/li><li>Apply width-based modifier classes to Placeholder only when the width is known. <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19825\">19825<\/a><\/li><li>Various:<\/li><li>Refactor the server-side rendering of the Navigation block. <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19989\">19989<\/a> <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19991\">19991<\/a><\/li><li>Fix server-registered fixtures script. <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19884\">19884<\/a><\/li><li>Remove the RichText is-selected class. <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19822\">19822<\/a><\/li><li>Testing: Use deterministic selectors for incremented IDs. <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/19844\">19844<\/a><\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Performance Benchmark<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The following benchmark compares performance for a particularly sizeable post (~ 36000 words, ~ 1000 blocks) over the last releases. Such a large post isn\u2019t representative of the average editing experience but is adequate for spotting variations in performance.<\/p>\n\n\n\n<figure class=\"wp-block-table is-style-stripes\"><table><tbody><tr><td><strong>Version\ufeff<\/strong><\/td><td><strong>Loading Time\ufeff<\/strong><\/td><td><strong>KeyPress event (typing)\ufeff<\/strong><\/td><\/tr><tr><td><span tabindex='0' class='glossary-item-container'>Gutenberg<span class='glossary-item-hidden-content'><span class='glossary-item-header'>Gutenberg<\/span> <span class='glossary-item-description'>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.\r<a href=\"https:\/\/wordpress.org\/gutenberg\/\">https:\/\/wordpress.org\/gutenberg\/<\/a><\/span><\/span><\/span> 7.4.0<\/td><td>5.037s<\/td><td>34.54ms<\/td><\/tr><tr><td>Gutenberg 7.3.0<\/td><td>5.461s<\/td><td>34.63ms<\/td><\/tr><tr><td>WordPress 5.3<\/td><td>6.631s<\/td><td>71.553ms<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n<p class=\"o2-appended-tags\"><a href=\"https:\/\/make.wordpress.org\/core\/tag\/core-editor\/\" class=\"tag\"><span class=\"tag-prefix\">#<\/span>core-editor<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/tag\/editor\/\" class=\"tag\"><span class=\"tag-prefix\">#<\/span>editor<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/tag\/gutenberg\/\" class=\"tag\"><span class=\"tag-prefix\">#<\/span>gutenberg<\/a><\/p><nav class='o2-post-footer-actions'><ul class='o2-post-footer-action-row'><\/ul><div class='o2-post-footer-action-likes'><\/div><ul class='o2-post-footer-action-row'><\/ul><\/nav>","protected":false},"excerpt":{"rendered":"<p>More than 51 contributors participated in this exciting release. It introduce some handy color related features to the Group and Columns blockBlock 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 [&hellip;]<\/p>\n","protected":false},"author":15165477,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_crdt_document":"","advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[1175],"tags":[2321,700,2417],"class_list":["post-79393","post","type-post","status-publish","format-standard","hentry","category-general","tag-core-editor","tag-editor","tag-gutenberg","mentions-wordpress","author-youknowriad"],"revision_note":"","jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p2AvED-kEx","_links":{"self":[{"href":"https:\/\/make.wordpress.org\/core\/wp-json\/wp\/v2\/posts\/79393","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/make.wordpress.org\/core\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/make.wordpress.org\/core\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/make.wordpress.org\/core\/wp-json\/wp\/v2\/users\/15165477"}],"replies":[{"embeddable":true,"href":"https:\/\/make.wordpress.org\/core\/wp-json\/wp\/v2\/comments?post=79393"}],"version-history":[{"count":4,"href":"https:\/\/make.wordpress.org\/core\/wp-json\/wp\/v2\/posts\/79393\/revisions"}],"predecessor-version":[{"id":79443,"href":"https:\/\/make.wordpress.org\/core\/wp-json\/wp\/v2\/posts\/79393\/revisions\/79443"}],"wp:attachment":[{"href":"https:\/\/make.wordpress.org\/core\/wp-json\/wp\/v2\/media?parent=79393"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/make.wordpress.org\/core\/wp-json\/wp\/v2\/categories?post=79393"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/make.wordpress.org\/core\/wp-json\/wp\/v2\/tags?post=79393"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}