What’s new in Gutenberg? (26th June)

Last week saw WordCampWordCamp WordCamps are casual, locally-organized conferences covering everything related to WordPress. They're one of the places where the WordPress community comes together to teach one another what they’ve learned throughout the year and share the joy. Learn more. Europe bring many contributors to Berlin, an event which brings us together across focuses and even languages. Still, we’re back to business as usual and 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/ 6.0 is a release packed with bugbug 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.

The Widgets screen is being polished, the Group 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. is being improved and 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) remains an important focus.

This release also features a layout picker for the Columns block, allowing the user to choose from pre-defined layouts or to start from scratch.

6.0

Features

Support choosing a pre-defined layout for the Columns block. The user can choose between multiple column and width arrangements.

Enhancements

Add Snackbar notices support to the widgets screen.
Add an inner container to the Group block to simplify theme styling.
Avoid stacking successive MediaPlaceholder errors.
Adjust the DatePicker margins.
Update the Tag Cloud block copy when no terms are found.
Add descriptive text and a link to documentation in embed blocks.
Improve placeholder text phrasing for media blocks.
Use classnames for the text alignments in the heading block.
Make the inserter category icons grayscale.
A11yAccessibility 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): Make the modal overlay scrim darker.

Bug Fixes

Fix warning messages triggered by the Group block icons.
Fix horizontal scrollbar on full-wide blocks with nesting.
A11y:
- Re-enable the menu item hover state on small screens.
- Correct text zoom issue in the Content Structure popover.
Fix the Popovers position in the widgets screen.
Fix the behavior of the block toolbars in the widgets screen.
Fix the editor in IE11 (use the CJS version of react-spring).
Fix formatting of the validation error messages in the console.
Fix breakage when the CPT doesn’t support title.

Various

Document and simplify the multi-entrypoints support in the wordpress/scripts package.
Create sub-registry automatically when using EditorProvider.
Use classnames utility instead of concatenating classnames in the TabPanel component.
Remove the default value for the required onRequestClose prop in the Modal component.
Remove the editor package dependency from the media blocks.
Fix the playground build script.
Fix the Github action assigning milestones.
Fix naming conventions for function containing CLICLI Command Line Interface. Terminal (Bash) in Mac, Command Prompt in Windows, or WP-CLI for WordPress. keyword.
Fix the Travis build artifacts job to use a full npm install while building.
Make Calendar block resilient to the editor module not being present.
Ensure the Snackbar component is only used with a single action button.
Remove SlotFillProvider and DropZoneProvider from the BlockEditorProvider.
Add the initial version of the Block Registration RFC.
Add popoverProps prop to the Dropdown component.
Update Image Block’s image classes with dimensions.
Support registering custom grouping blocks.
Fix h1 heading typo so h1 is same size as title.
Remove the custom class support from the legacy widget block.

Documentation

Prefer register_post_meta over register_meta.
Add mention of Figma to the design contributing docs.
Add supported attribute types for the Blocks 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..
Enhance the Annotations API documentation.
Tweaks and typos: 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11.

Mobile

Fix multiline Image block captions in iOSiOS The operating system used on iPhones and iPads..
Avoid unnecessary div elements in the content of Quote blocks.
Update the default colors used in the RichText component.
Fix pasting text on Post Title.
Unify the web and mobile components hierarchy:
Add native component HTMLTextInput.
Update the video player to open the URL by browser on Android.
Re-enable the Video block on Android.

Performance Benchmark

The following benchmark compares performance for a particularly sizeable post (~ 36000 words, ~ 1000 blocks) over the last releases. Such a large post isn’t representative of the average editing experience but is adequate for spotting variations in performance.

Version	Loading Time	KeyPress event (typing)
Gutenberg 6.0.0	5.1s	80.39ms
Gutenberg 5.9.0	4.8s	69ms
Gutenberg 5.3 (WordPress 5.2)	7.1s	77ms

👏 Kudos to all the contributors. Thank you.

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

Samuel Wood (Otto) 12:55 pm on June 26, 2019

Can we please define terms so that people know what is being discussed? What the heck is a “snackbar”?
- Felipe Elia 1:11 pm on June 26, 2019
  
  Coming from an Android development background, I knew these as “Toasts”. Anyway, it is this type of notice:
  - Anonymous User 2:56 am on June 27, 2019
    
    When will merge this feature with WordPress coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress.?
    - Miguel Fonseca 9:30 am on July 2, 2019
      
      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/ 6.0 will make its way into WordPress coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. in the next major version, WP 5.3. There is no release schedule for 5.3 yet, but you can monitor the 5.3 Development Cycle page.
      
      Meanwhile, you can use Gutenberg as a regular WordPress 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, giving you all the latest features ahead of time.
dsaull 3:44 am on June 30, 2019

When will the 6.0 be integrated into WP? I want to use the new Column features for photos..
- Miguel Fonseca 9:30 am on July 2, 2019
  
  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/ 6.0 will make its way into WordPress coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. in the next major version, WP 5.3. There is no release schedule for 5.3 yet, but you can monitor the 5.3 Development Cycle page.
  
  Meanwhile, you can use Gutenberg as a regular WordPress 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, giving you all the latest features ahead of time.

Comments are closed.

Welcome!

Communication

What’s new in Gutenberg? (26th June)