Apa yang baru di Gutenberg 20.8 dan 20.9?

We’re catching up with these posts now, as they have not been posted in a while. Since the recent releases have been smaller in scope, this post combines updates from both the 20.8 (May 14) and 20.9 (May 28) releases.

Both versions introduce a collection of enhancements, bug 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. fixes, and improvements. These updates concentrate on refining the editor experience, improving accessibility 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 “direct access” (i.e. unassisted) and “indirect access” meaning compatibility with a person’s assistive technology (for example, computer screen readers). (https://en.wikipedia.org/wiki/Accessibility), and ensuring consistent design. Additionally, the releases incorporate under-the-hood updates focused on code quality and performance.

• 20.8 (14 May)
  
  
  
  • Prevent duplicate HTML HyperText Markup Language. The semantic scripting language primarily used for outputting content in web browsers. main elements for improved accessibility.
  
  
  
  
  
  • Search functionality in template swapping modal.
  
  
  
  
  
  • Changelog
  
  
  
  





• 20.9 (28 May)
  
  
  
  • Search Block 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.: Move search setting to inspector.
  
  
  
  
  
  • Move Styles to top of sidebar A sidebar in WordPress is referred to a widget-ready area used by WordPress themes to display information that is not a part of the main content. It is not always a vertical column on the side. It can be a horizontal rectangle below or above the content area, footer, header, or any where in the theme. navigation.
  
  
  
  
  
  • Changelog
  
  
  
  

20.8 (14 May) – Highlights

Prevent duplicate HTML main elements for improved accessibility.



The HTML Element option now includes validation to prevent duplicate <main> tags, enhancing accessibility and HTML compliance. (70002)

Search functionality in template swapping modal.



The template swapping modal now includes a search feature for smoother navigation. (69667)

Changelog

Enhancements

• Create Block: Add --textdomain flag to create block tool. (69802)

Components

• Guide: Make next and previous button text customizable. (69907)





• Popover: Add virtual padding to prevent it from hitting the viewport edge. (69555)

Document Settings

• Editor: Add search functionality to template swapping modal. (69667)

Block Editor

• Widget A WordPress Widget is a small block that performs a specific function. You can add these widgets in sidebars also known as widget-ready areas on your web page. WordPress widgets were originally created to provide a simple and easy-to-use way of giving design and structure control of the WordPress theme to the user. Editor: Don’t close the inserter when focusing outside it. (67838)

Editor

• Use split view for meta Meta is a term that refers to the inside workings of a group. For us, this is the team that works on internal WordPress sites like WordCamp Central and Make WordPress. boxes only when canvas is iframed and “Desktop” view. (69958)

New APIs

Widgets Editor

• Edit Widgets: Save lock control via actions. (69984)

Bug Fixes

• GitHub 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 ‘pull request’ where code changes done in branches by contributors can be reviewed and discussed before being merged be the repository owner. https://github.com/ Actions: Fix components changelog CI check. (70034)





• Persist git credentials when publishing via lerna. (70007)





• Plugin 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 https://wordpress.org/plugins/ or can be cost-based plugin from a third-party: Fix deprecation for ‘apply_block_hooks_to_content_from_post_object’. (69909)





• ServerSideRender: Don’t render the previous error response in loading state. (69988)





• ServerSideRender: Refactor fetchData to use useCallback and refs. (69237)

Block Library

• Author, Author Name block: Fix PHP The web scripting language in which WordPress is primarily architected. WordPress requires PHP 7.4 or higher warning error when there is no context. (69949)





• Block Editor: Allow editing invalid A resolution on the bug tracker (and generally common in software development, sometimes also notabug) that indicates the ticket is not a bug, is a support request, or is generally invalid. blocks as HTML. (69902)





• Block Editor: Prevent negative width values in Spacer block when used inside a row block. (68845)





• Calendar block: Disable edit as HTML support. (69961)





• Image: Avoid stale URL A specific web address of a website or web page on the Internet, such as a website’s URL www.wordpress.org when reselecting the same image from the library. (69985)





• Latest Posts: Update content display labels to Display post content and Content length. (69839)





• Navigation Link, Navigation Submenu: Fix undefined key warning. (69951)





• fix: Update the logic of fetching current URL in loginout block. (70031)

Block Editor

• Block HTML: Add box-sizing property to prevent overflow. (70014)





• Fix: Improve warning message and add spacing in HTMLElementControl. (70002)





• MediaPlaceholder: Fix Regression A software bug that breaks or degrades something that previously worked. Regressions are often treated as critical bugs or blockers. Recent regressions may be given higher priorities. A "3.6 regression" would be a bug in 3.6 that worked as intended in 3.5. with media URL input type to allow a local URL path. (70043)





• Prevent block merging on blocks with the ‘disabled’ editing mode. (69918)

Components

• Don’t mutate ‘ALL_CSS_UNITS’ default value in ‘useCustomUnits’. (70037)





• Fix double border in ItemGroup when last item is focused. (70021)





• Fix: Duotone unset button. (69981)





• ToggleGroupControl: Fix active background for empty string value. (69969)

Site Editor

• Check user permissions before rendering export menu item. (69971)

Widgets Editor

• Fix: Browser Warnings when closing keyboard shortcut modal. (69929)

Block API 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.

• Fix: Missing conversion from json 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. styled variable to CSS Cascading Style Sheets. variable. (69551)

Typography

• Fix: Prevent FontSizePicker crash when no font size exists. (68733)

Icons

• Remove width / height attributes from svg element. (43747)

Accessibility

• Keyboard Shortcuts: Revert delete shortcut to access + z. (69931)

Block Library

• Add new HTMLElementControl component. (69904)

Performance

Block Library

• Latest Posts: Delay inspector control queries until the block is selected. (69898)





• Latest Posts: Embed author in response. (69889)

Document Settings

• Lazy load post authors’ data. (69950)

Documentation

• Add WP version note for ‘setAttributes’ updater function. (69972)





• Create Block: Add --textdomain in create-block README. (69927)





• Docs: Add post meta limitations to Block Bindings API documentation. (68583)





• Docs: Added copy and code for style_data. (69920)





• Fix missing CSS import in data basics tutorial code. (69914)





• Fix typos. (69957)





• Fix: Remove an unnecessary @return tag A directory in Subversion. WordPress uses tags to store a single snapshot of a version (3.6, 3.6.1, etc.), the common convention of tags in version control systems. (Not to be confused with post tags.) from this filter Filters are one of the two types of Hooks https://codex.wordpress.org/Plugin_API/Hooks. They provide a way for functions to modify data of other functions. They are the counterpart to Actions. Unlike Actions, filters are meant to work in an isolated manner, and should never have side effects such as affecting global variables and output. docblock (phpdoc, xref, inline docs). (69960)

Code Quality

• ServerSideRender: Use useLayoutEffect to update latestPropsRef. (69999)





• Stylelint: Migrate configuration from JSON to JavaScript format. (69590)





• theme.json: Unify property order. (70033)

Themes

• Simplify color specifications from rgba to rgb. (70008)

Block Editor

• Simplify condition selectors for ‘useHasBlockToolbar’. (69930)

Block Library

• Latest Posts: Only fetch necessary fields for categories. (69888)

Components

• ColorPicker: Add tests for ColorPicker Alpha slider. (69203)

Tools

Testing

• Automated Testing: Skip storybook smoke test. (69943)





• List View: Add end-to-end test to verify pasting block styles via keyboard. (69979)





• Try: Fix ‘wp-polyfill’ script dependents unit test Code written to test a small piece of code or functionality within a larger application. Everything from themes to WordPress core have a series of unit tests. Also see regression.. (69912)





• Workflows: Try different SHA. (70048)

First-time contributors

The following PRs were merged by first-time contributors:

• @jrmd: Block Editor: Prevent block merging on blocks with the ‘disabled’ editing mode. (69918)





• @Maikuolan: Navigation Link, Navigation Submenu: Fix undefined key warning. (69951)

Contributors

The following contributors merged PRs in this release:



@bph @Debarghya-Banerjee @georgestephanis @himanshupathak95 @im3dabasia @Infinite-Null @johnbillion @jrmd @karthikeya-io @Maikuolan @Mamaduka @Mayank-Tripathi32 @Rishit30G @SH4LIN @shimotmk @stokesman @Sukhendu2002 @t-hamano @yogeshbhutkar

---

20.9 (28 May) – Highlights

Search Block: Move search setting to inspector.



The settings of the search block have been moved from the block toolbar to the inspector panel for better consistency with other core Core is the set of software required to run WordPress. The Core Development Team builds WordPress. blocks. (70144)

Move Styles to top of sidebar navigation.



Move the Styles navigation item to the top position in the Site Editor’s main sidebar navigation, before Navigation, Pages, Templates, and Patterns. (68582)

Changelog

Enhancements

• Base Styles: Update to modern Sass module system. (70135)





• Post Publish Panel: Open view post links in a new tab. (70127)





• Revert Admin (and super admin) bar: Update the Edit Site link. (69974)

Block Library

• Custom HTML: Add role attribute to content in block.json. (70154)





• HTML Block: Remove space below textarea. (70055)





• Post Navigation Link: Reverse order of variations. (70149)





• RSS: Add role attribute to content in block.json. (70166)





• Search Block: Move search setting to inspector. (70144)

Write mode

• Details block: Add role attribute to summary. (70124)





• Enable Code block content editing in contentOnly. (70111)





• Enable More block’s “Read more” text editing in contentOnly mode. (70100)





• Post blocks: Enhance contentOnly editing experience. (70148)





• Table Block: Enhance contentOnly Editing Experience. (70114)

Components

• ColorPicker: Add a visual cue when the value is copied. (70083)





• Snackbar: Add support to open links in new tab. (69905)

Block Transforms

• Block Library: Add missing transforms between Verse and Preformatted blocks. (70101)

Global Styles

• Remove “global” from styles variation in schema descriptions. (70089)

Site Editor

• Move Styles to top of sidebar navigation. (68582)

Bug Fixes

• DOM: Add summary element to focusable elements. (70051)





• Site Editor: Fix PHP warnings in gutenberg_get_site_editor_redirection. (70062)





• URL: Handle HTML entities and ampersand in ‘cleanForSlug’. (70078)





• Workflows: Persist git credentials when publishing packages via Lerna. (70058)

Block Library

• Button: Limit scope of width style for link. (70054)





• Image: Provide ‘defaultValue’ for ‘ResolutionTool’ component. (70122)





• Post Template: Don’t rely on the default ‘ignore_sticky’ REST API The REST API is an acronym for the RESTful Application Program Interface (API) that uses HTTP requests to GET, PUT, POST and DELETE data. It is how the front end of an application (think “phone app” or “website”) can communicate with the data store (think “database” or “file system”) https://developer.wordpress.org/rest-api/. value. (70020)

Components

• Fix Styling for TextControland TextAreaControl in dark themes. (69640)





• Fix URLPopover input handling to properly update value. (70156)

Post Editor

• Editor: Honor rich/code editor settings when deriving the editor mode. (70080)





• Hide “Create template part” menu from block settings dropdown for classic themes. (65568)

Block Editor

• MediaPlaceholder: Fix potential error in ‘handleBlocksDrop’. (70090)

Accessibility

• Editor: Add label inTextareaControl in CollabSidebar. (70133)

Global Styles

• Background Image Panel: Fix focus loss. (69813)





• Move Randomize colors button to Edit Palette panel. (70128)

Documentation

• Add example doc comment. (70116)





• Docs: Clarify versions in WordPress page title. (70112)





• Docs: Fix PEG.js link. (70082)





• Docs: Interactivity API Block removed. (69513)





• Modify the spinner example code. (70084)





• Popover: Update Popover component documentation. (70106)





• RichText Readme – Fix 404 URL To Mozilla documentation. (70171)





• Updated backticks to quotes. (70070)

Code Quality

• ServerSideRender: Colocate delayed spinner logic. (70147)





• Stylelint: Customise warning for CSS variables used outside components package. (70108)





• Stylelint: Customise warning message for flex-direction warning. (70057)

Block Library

• Blocks: Remove TODO for post comment block conversion. (70110)

Components

• withIgnoreIMEEvents: Update documentation for clarity. (70098)

Font Library

• Fix missing trailing period in user message. (70132)

Tools

Build Tooling

• Workflows: Add option for publishing the latest npm packages. (70079)

Testing

• end-to-end Tests: Add test suite for columns block template lock. (69089)

First-time contributors

The following PRs were merged by first-time contributors:

Contributors

The following contributors merged PRs in this release:



@carolinan @himanshupathak95 @igorradovanov @im3dabasia @Infinite-Null @jasalt @karthikeya-io @Mamaduka @Mayank-Tripathi32 @peterwilsoncc @SainathPoojary @shimotmk @SirLouen @StevenDufresne @Sukhendu2002 @t-hamano @unscripted @yogeshbhutkar

---

Props to @yogeshbhutkar and @luminuu for writing this post and @priethor and @cbravobernal for reviewing.

#block-editor, #core-editor, #gutenberg, #gutenberg-new

source