What’s New in Gutenberg? (6th February)

@mapk said earlier that the GutenbergGutenberg 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 ‘blocks’ to add richness rather than shortcodes, custom HTML etc.
https://wordpress.org/gutenberg/ repository is on fire 🔥, he was not lying. More than 52 contributors participated in this release.

This release is also the first release dropping support for WordPress versions prior to 5.0.

As part of the widgets 2 blocks project, this release introduces the RSS 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 the past may have achieved with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience..

The amazon kindle embed provider has been added recently to WordPress, this release adds the corresponding block to the editor.

It also brings some improvements to existing blocks including the possibility to define a custom focal point for the cover block’s background.

5.0 🇩🇪

Features

• Add a new RSS block and follow-up improvements: 1, 2.
• Add a new Amazon Kindle embed block.
• Add a new FocalPointPicker component and use it to define the focal point of the Cover block background.

Enhancements

• Optimize the re-rendering performance when inserting/removing blocks.
• Improve the Reusable Blocks UX for contributor users.
• Disable embed previews for the smugmug provider.
• Make the fullscreen mode a desktop-only feature.
• AccessibilityAccessibility 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):
  • Add speak messages when using the FeatureToggle component.
  • Change the inserter search result message from assertive to polite.
  • Remove duplicate aria label from menu items.
• Remove the “Show Download Button” toggle help text in the File block.
• Render the block switcher as disabled if not available in a multi-selection.
• Use a back arrow icon to clarify the Fullscreen mode exit button.
• Limit the Gallery block columns count to the images count.
• Automatically set a default block style if missing.
• Hide empty categories from the Categories block in the editor.
• Increase the padding of the gallery captions.
• Add left/right alignments to the latest posts block.
• Improve the columns margins.
• Add a help text for the hide teaser toggle in the More block.
• Improve the wording of the embed block messages.

Bug Fixes

• Accessibility
  • Fix the tab order of the date picker component.
• Support non hierarchical taxonomies in the categoryCategory The ‘category’ taxonomy lets you group posts / content together that share a common bond. Categories are pre-defined and broad ranging. selector component.
• Fix WP_Screen::is_block_editor check when using the Gutenberg pluginPlugin 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 blocks marked invalid incorrectly due to special HTMLHTML HyperText Markup Language. The semantic scripting language primarily used for outputting content in web browsers. characters.
• Fix the Notice component styling.
• Fix the :root selector in the editor styles.
• Fix duplicate block toolbars.
• Fix warning message when using the DateTimePicker component.
• Fix the File block and Categories block style when applying custom classnames.
• Fix the Gallery block styling in Microsoft Edge.
• Fix the Button block styling when links are visited.
• Fix Block Style preview not dismissed after selection.
• Fix TabPanel buttons incorrectly submitting forms.
• Fix hierarchical dropdown in the Categories block.
• Fix wording for the color picker saturation.
• Fix the save keyboard shortcut while in the code editor mode.
• Fix the Google Docs table pasting.
• Fix jumps when indenting/outdenting list items.
• Fix FontSizePicker max width on mobile.
• Fix PHPPHP The web scripting language in which WordPress is primarily architected. WordPress requires PHP 7.4 or higher 5.2.2 Parser issue.
• Fix plural messages POT generation.

Various

• Add ESnext build setup and commands to the wordpress/scripts package.
• Add “focus on mount” config to the DropDown component.
• Improve the error handling in the data module resulting in clearer messages displayed in the console.
• Support marking days as invalid in the DatePicker component.
• Support block transforms with inner blocks.
• Improve the styles of the editor notices with actions.
• Replace Polldaddy embed block with Crowdsignal.
• Avoid setting the generic Edit Post Title on load.
• Deprecate window._wpLoadGutenbergEditor.
• Avoid an empty classname when deleting custom classnames.
• Add className prop support to the ServerSideRender component.

Documentation

• Improve the components README files
  • DropdownMenu.
  • RangeControl.
  • Add code example of the MediaPlaceholder component.
• Add a accessibility dedicated page.
• Add a Git workflow documentation page.
• Reorganize the contributors guide.
• Mention the dark theme support in the design docs.
• Enhance the compose package documentation.
• Expand the block templates code examples.
• Fix unregisterBlockType code examples.
• Clarify the block styles isDefault property.
• Move the npm packages management documentation to a dedicated page.
• Add a section explaining the links usage in the documentation.
• Add a note about the wp-editor dependency when using RichText.
• Update the isShallowEqual package documentation and tests.
• Refresh the repository management doc.
• Typos: 1, 2, 3, 4, 5, 6, 7.

Chore

• Remove PHP Code maintained in CoreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. and bump minimum WordPress version:
  • Block registration.
  • REST API Endpoints.
  • Markdown support fix.
  • Gutenberg body classname and responsive classname.
  • Preloading APIAPI 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. calls.
  • Block detection utilities.
  • List screen integration.
  • Block content version.
  • Block categories hook.
  • TinyMCE scripts registration.
  • Reusable blocks post type labels and listing page.
  • Block Types Initialization.
  • PHP Unit tests.
  • Compatibility script.
  • Meta boxes support.
  • Polyfills.
  • oEmbed Proxy Endpoint filterFilter 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..
  • Visual Editing Disabling.
• Update browserlist dependency.
• New E2E tests: Date floating for pending posts.
• New ESlint rules:
  • Enforce ES6 object shorthand syntax.
  • Declare variables only when used.
• Use ES5 eslint config for the is-shallow-equal package.
• Mark the eslint config as a root config.
• Remove the feedback form from the plugin.
• I18ni18n Internationalization, or the act of writing and preparing code to be fully translatable into other languages. Also see localization. Often written with a lowercase i so it is not confused with a lowercase L or the numeral 1. Often an acquired skill.:
  • Use a placeholder for the WordPress minimum version.
  • Use Sentence case in toolbar tooltips.
• Add the FontAwesome licenses to the GPLGPL GNU General Public License. Also see copyright license. 2 compatible licenses.
• Move the generated spec parser to the corresponding package.
• Refactor the nonce apiFetch middleware.
• Refactor the list block indent/outdent buttons.
• Fix watching file changes on Linux.
• Update the question issue template in GitHubGitHub 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 by the repository owner. https://github.com/ to redirect help requests.
• Fix wp-settings permissions in the local development environment.
• Use a filter to populate the demo content.

Mobile

• Improve the hide keyboard button.
• Add the PostTitle component support.
• Support Enter key press in the post title.
• Support native Media Upload.
• Support undo/redo in the post title.
• Make the InspectorControls available for mobile blocks.
• Add failed media upload support and cancel buttons.
• Introduce the BottomSheet component.

👏 Kudos to all the contributors. Thank you.

#core-editor, #editor, #gutenberg