Gutenberg 8.0, What’s new?

Gutenberg 8.0, What’s new?

This week saw the launch of the new Gutenberg. Gutenberg team released the 8th version of the plugin. This major release of Gutenberg 8.0 is packed with new features, improvements, and bug fixes. This release features the new block patterns.
Extra formatting options have been added for subscript and superscript text, Also, the code editor has been improved to be more like how one would expect a code editor to look and feel.

Here, in this article, we are going to enlighten you with the new features of Gutenberg 8.0 that you should try after updating.

Read Also:

Gutenberg 8.0 Features:

Inline Formatting

Previously, the availability of formatting options was constrained by the limited space available in a block toolbar.

The inclusion of a collapsible dropdown list of formatting options opens the possibility to add a variety of new formatting options for more niche use-cases.

This release adds two new formatting options: subscript and superscript.

Gutenberg 8 inline formatting
Gutenberg 8 inline formatting

Patterns Inserter

To allow a user to browse and insert block patterns, a new tab-panel interface has been added to the Block Inserter.

In order to afford additional space for browsing patterns, the top-level inserter has been redesigned to appear as a panel that appears adjacent to the block list when toggled.

Gutenberg 8 patterns inserter
Gutenberg 8 patterns inserter

Code Editor

This release improves the code editor by embracing what it is: a code editor. The Code Editor now uses a monospace font for the title, and the editor resizes to the viewport.

Gutenberg 8 code editor
Gutenberg 8 code editor

Images Source.

Other Features:

  • Add subscript and superscript formatting options.
    Previously, the availability of formatting options was constrained by the limited space available in a block toolbar. The inclusion of a collapsible dropdown list of formatting options opens the possibility to add a variety of new formatting options for more niche use-cases. This release adds two new formatting options: subscript and superscript.
  • Move the Block Patterns UI to the inserter.
    To allow a user to browse and insert block patterns, a new tab-panel interface has been added to the Block Inserter. In order to afford additional space for browsing patterns, the top-level inserter has been redesigned to appear as a panel that appears adjacent to the block list when toggled.
  • Improve layout and usability of code editor.
    This release improves the code editor by embracing what it is: a code editor. The Code Editor now uses a monospace font for the title, and the editor resizes to the viewport.

Gutenberg 8.0 Enhancements:

  • Add inserter previews to more blocks.
    Adds inserter previews to the following blocks: Archives, Categories, Latest Comments, Latest Posts, and Tag Cloud.
  • Performance improvements:
    • Import from individual react-dates component.
    • Upgrade showdown Markdown processor library. This improvement as a whole should save around 23KB uncompressed (9KB gzipped) in the blocks chunk, and a much tinier 3 KB uncompressed (860B) in the components chunk, without any code changes. I guess the GitHub action will tell!
  • Allow title and button-based appender to inherit styles.
    This improvement allows the title field and the initial appender to inherit the theme styles defined by an editor style.
  • Output float clearing for all centered blocks.
    What it does is output a simple float-clearing rule for any block that is aligned center. In the past, this has been the purview of the theme itself, but lately, there has been some discussion on how much or how little the editor should “help” here. That’s why this PR needs discussion.
  • Update ‘Welcome Guide’ illustrations.
    This improvement updates the illustrations used in the Welcome Guide modal to match the new editor’s styles (G2).

OLD

Old illustrations
Old illustrations

NEW

New illustrations
New illustrations

Gutenberg 8.0 Deprecations:

Add deprecation notice to useApiFetch hook. It’s a utility to make WordPress REST API requests. It’s a wrapper around window.fetch.

Conclusion

In conclusion, There’s lots more in Gutenberg 8, including new APIs, bug fixes, and significant improvements in the look and feel.

Well, the new version of Gutenberg 8 was recently launched and we have got you covered with its latest release and features. We hope this guide helped you learn about what’s new in Gutenberg 8. We are excited about the new features and enhancements

What’s your favorite feature in Gutenberg 8? Let us know in the comments below.

More:

Comments

Leave a Reply

Your email address will not be published. Required fields are marked *

insert_comment

account_box
email
email