WordPress Gutenberg Block Editor – Yearly Roundup 2022

WordPress Gutenberg Block Editor – Yearly Roundup 2022

As we approach the end of 2022, it’s time to take a look back at the year in WordPress Gutenberg Block Editor. I have covered all the highlighted features in this year’s yearly roundup. So grab your bucket of popcorn or your Christmas cookies (or any snacks based on your preference) to review the past year in the world of Gutenberg.

Gutenberg 12.3

Gutenberg 12.3 was the first update for Gutenberg for the year 2022. This version was released on January 5, 2022. This update included new blocks like Author Name block, Comments pagination, Spacer block, and Group block. And features which help you easily set your site icon, and restriction of Navigation menu for non-admin users.

Author Name Block

This block helps you to add and customize the author name to your liking.

Image: Post Author Name
Image: Post Author Name

Comments pagination: Next and Previous blocks

This block helps to navigate through the comments forward and backwards when all the comments are now shown on the same page.

Image: Comments Preview Page
Credits – WP.org

Spacer block: custom units

Custom units can now be used to configure the Spacer block:

  • EM: Relative to parent font size
  • REM: Relative to root font size
  • VH: Viewport height
  • VW: Viewport width
Image: Spacer Block
Credits – WP.org

Group block: Gap support & typography support 

The Group block can now use the new Gap support, which adds the ability to choose the distance between the children items of the block.

Credits – WP.org

The Group/Row blocks now include typography. When you need to define the typography settings for an entire section, such as a sidebar, and you don’t want to duplicate the same typography settings across multiple blocks, this can be useful.

Credits – WP.org

Set your site icon using the site logo block 

There is now a new option in the Site Logo block settings to sync the site icon* to the Site Logo image. When the toggle is switched on, any updates made to the Site Logo block image will be automatically applied to the site icon. This is an important flow that allows for parity between the Site Editor experience and the Customizer.

Image: Use as site icon option
Credits – WP.org

Restrict Navigation Menu creation for non-admin users

When non-admin users add a Navigation block, they will now see a warning telling them they do not have permission to create Navigation Menus and instead will be presented with the option to select an existing one. This allows folks to still add navigation to their content in line with broader WordPress permissions. Non-admin users can still add a Navigation block and select an existing menu. If a non-admin user tries to create a menu, changes won’t be saved.

Image: Navigation permission restriction
Credits – WP.org

View the full change log here.

Gutenberg 12.4

This version of Gutenberg released on January 19, 2022. This version included minor accessibility improvements, post publish panel, and site editor keyboard shortcut panel.

Accessibility improvements

Focus now correctly returns to the list view button after closing out of listview—saving a lot of trouble to get back to where you were before opening it.

More improvements are in place for the block inserter sidebar. The search input now receives focus when it is opened. And, for screen readers, the close button was added to the desktop view to ensure consistency with the mobile view.

Credits – WP.org

Post publish panel categories reminder

This feature is a life-saver 🩹 for someone who forgets to add tags and categories to a post before publishing. The suggestion box for adding tags already existed in the publish panel, but now there is a suggestion box which suggests assigning the category to the post if it’s not already assigned.

Image: Publish categories suggestion
Credits – WP.org

Site editor keyboard shortcuts help panel

The site editor now has a list of keyboard shortcuts as part of the border work of UI parity with the post editor. They are accessible via the “More tools and options” (vertical ellipsis/kebab menu) dropdown or by pressing CONTROL + OPTION + H on MacOS or CTRL + ALT + H on Windows. With these shortcuts, you can enjoy more streamlined workflows.

Image: Site editor keyboard shortcuts
Credits – WP.org

View the full change log here.

Gutenberg 12.5

This version of Gutenberg released on February 2, 2022. This version allows the user to switch between theme style variations, filters custom taxonomies, adding a button to the adjacent block just got easier, and added code editor to the site editor. 

Allow switching theme styles variations

Theme.json allows theme authors to do a lot of customization. Now you can do even more with the style variations that allow users to quickly and easily switch between different looks within the same theme.

GIF: Allow switching theme styles variations
Credits – WP.org

Query Loop: custom taxonomies filtering and more!

In the filters panel, the Query Loop block now displays custom taxonomies. Depending on the post type selected, the available filters will be updated to show all taxonomies for that post type. Furthermore, the Query Loop block now supports author filtering.

Image: Custom query filter
Credits – WP.org

When rendering a placeholder inside a Query Loop, there was a limited set of controls available on the Post Featured Image Block when compared to using the block isolated. All Post Featured Image settings can now be used when the block is inside the Query Loop as of this version!

Image: Query featured image
Credits – WP.org

Preserve styling from adjacent buttons when inserting a new one

Now you don’t have to make all the changes when a new Button block is inserted adjacently.

GIF: Preserve styling from adjacent buttons
Credits – WP.org

Add the Code Editor to Site Editor

Sometimes you just have to peek underneath the hood 🚘. Gutenberg 12.5 brings the Code Editor view to the Site Editor, too!

GIF: Code Editor
Credits – WP.org

View the full change log here.

Gutenberg 12.6

This version of Gutenberg released on February 16, 2022. This version includes a new color panel and updated default color controls, new blocks like post author biography and read more blocks, and much more. You can contain the color and font size when transforming between blocks in this version.

New color panel and updated default color controls

Colors for text, background, and links can now be expanded and collapsed in various contexts. This enhances colour editing and unifies the controls with other design tools. Furthermore, core blocks have been audited and their default colour options have been updated.

Credits – WP.org

New Post Author Biography and Read More blocks

 I gives a great deal of pleasure, when I look at my name in the articles I have published🤗. This is one of my favorite features for me as well as the writers around the world, I guess🤔.

GIF: New Post Author Biography
Credits – WP.org

The Post Author Biography block is part of a bigger effort to split out the existing Post Author block into its separate components.

The Read More block provides a simple way to link to a single page or post within the Query block.

GIF: Read more block
Credits – WP.org

Keeping styles when transforming blocks

Block transforms keep improving upon each release. Starting in Gutenberg 12.6, some styles like color and font size are maintained when transforming between blocks.

GIF: Keeping styles when transforming blocks
Credits – WP.org

Moreover, this release adds new block transforms, such as Tag Cloud to Categories, Calendar to Archives, Paragraph to Code, and Group to Row variation, as shown below.

GIF: New variations to Group block
Credits – WP.org

Error boundary for plugin exceptions

The editor is now more resistant to plugin issues thanks to the new error boundary for plugins. Beginning with Gutenberg 12.6, plugin errors are displayed at the top of the editor to inform users of which plugins are causing the problem. This reduces the potential impact of faulty plugins when editing.

Image: Plugin error boundry
Credits – WP.org

Iterative polishing of the loading states

Streamlining a blocks’ loading state has been a part of previous releases. For example in Gutenberg 12.3 the loading state of the Embed block was reduced to a spinner. With the latest improvements, Gutenberg 12.6 goes one step further and polishes the Spinner component to refine the experience.

GIF: Iterative polishing of the loading states
Credits – WP.org

View the full change log here.

Gutenberg 12.7

This version of Gutenberg released on March 2, 2022. This version had improvements in pattern experience and list view, changes to frontend HTML while using layouts and image blocks and much more. 

Make Patterns easier to discover

The block quick inserter now prioritizes patterns instead of blocks when all the following conditions are met:

  • Editing a template, either on site editor or post editor.
  • The inserter is at the root level.
  • The content being inserted is between other blocks (neither as the first block nor as the last one).
GIF: Easy discovery of patterns
Credits – WP.org

The template part (e.g. Header / Footer / Sidebar) creation flow will now also show patterns, making it easier to create more advanced compositions than adding blocks one by one.

Work will continue improving the logic that decides to show a pattern or a block, so feel free to share your feedback in the Gutenberg repository!

Allow themes to highlight Patterns

Themes can now highlight specific patterns to their users!

Recommending patterns to the users is as easy as adding a pattern field to the theme.json file. When handling patterns from the Pattern Directory, you can find their slugs on the URL when browsing them individually.

Image: theme.json partner logos
Credits – WP.org

List View Improvements

Once more, the List View keeps getting better! Gutenberg 12.7 includes a few iterative improvements to improve the block editor experience.

You will be able to select multiple blocks at the same level, and then drag and drop them to move them around. To select multiple blocks, the keyboard shortcuts are:

  • Shift Key + Click 
  • Shift Key + Up/Down arrow.
GIF: List view improvements
Credits – WP.org

Also, when you click on a block in the editor, the List View will expand to show the selected block for better visibility of the selection’s context within the block tree.

GIF: Selected block expands in list view
Credits – WP.org

Changes to frontend HTML when using layouts and image blocks

In order to add consistency to the block editor, some wrappers divs that were generated on the editor in order were removed to add alignment to some blocks.

Keep in note that this div cleaning can affect themes that support layout and many blocks that have this alignment support. Many contributors helped with testing, but theme developers are encouraged to check their themes and leave any feedback they may encounter.

View the full change log here.

Gutenberg 12.8

This version of Gutenberg released on March 16, 2022. This release comes with new APIs, iterative UX enhancements, and many bug fixes to improve the editors stability.

New Webfonts API

Since 2007, WordPress has provided a framework to help theme and plugin developers load scripts and styles in a standardized, integrated way. Now, for the first time, web fonts have the same types of tooling.

This API is the first step in helping people load fonts in a performance-friendly, privacy-friendly, and future-proof manner – something which has been tremendously difficult to do without such a framework.

That it’s taken so long to reach this point is a testament to how complex web fonts can be and evidence of how much work has gone into ‘getting this right.’ Now that this framework exists, more tools and optimizations can be built on top of it to ensure that WordPress delivers the best possible experience (and privacy) to end-users.

With a few weeks left until the next WordPress Beta release and because of the complexity to achieve this milestone, testing the API is encouraged, and as always, feedback is welcome!

Swift inline insertion of internal links

If you thought using the slash inserter was fast, try the new [[ keyboard trigger to add an inline link.

GIF: Swift inline insertion of internal links
Credits – WP.org

Iterating on placeholder and loading states

The Navigation block now provides a clear loading state for initial setup and subsequent loading of existing blocks, and thanks to the improved UI feedback, creating a new menu is snappier.

GIF: Iterating on placeholder and loading states
Credits – WP.org

The Media & Text block also comes with improved loading states. Starting in this version, the media being uploaded is also displayed behind the spinner.

GIF: Improved loading of images
Credits – WP.org

View the full change log here.

Gutenberg 12.9

This version of Gutenberg released on March 30, 2022. This version brings over many features that enable both theme developers and website administrators more control over what is presented and editable to editors.

Introducing block locking UI

The new block locking UI lets you disable some actions for locked blocks. When a block is locked, users are either unable to move it, remove it, or both. This is particularly useful with site level blocks like Post Content which many themes will want to lock down.

GIF: Block Locking
Credits – WP.org

It’s now easier to make beautiful galleries

The space surrounding your content is as important as the content itself. You can now control the space around images in a gallery block, ranging from zero to large “art gallery” style gaps. You can now use blocks to create even more beautiful and unique layouts.

GIF: Control Space around images
Credits – WP.org

Manage new template types in block themes

Previously, when creating new templates in the Site Editor we were limited to a small set of template types. Now you are able to create a template for many different types of pages on your site including Category, Author, Taxonomy Date, Tag and Attachment pages

Image: Template types
Credits – WP.org

Easier management of deeply nested block structures

Things are rarely simple. These updates learn from that and make managing complex content easier and more accessible.

In List View, use shift + Home and End keys for multi block selection.

It is now easier and more keyboard friendly to select from a particular block within the list view, to the end or beginning of a post.

The List view is now collapsed by default in all editors

Given that block based content is likely to have heavily nested block structures in it, it makes sense to have all nodes collapsed by default in the list view. Hence, Gutenberg 12.9 makes the initial list view experience a lot less overwhelming by defaulting to all nodes collapsed, reducing the initial impact of heavily nested page or post structures.

GIF: The List view is now collapsed by default in all editors
Credits – WP.org

This version of Gutenberg released on April 14, 2022. This version brings better responsive blocks, improved editor experience, granular control over new design details, prominently exposed block patterns, and more.

View the full change log here.

Gutenberg 13.0

Select text across blocks

You can now select and copy text fragments that span multiple blocks.

This is a step towards bridging the gap between Gutenberg as a block editor and Gutenberg as a text editor. While blocks enable powerful page-shaping capabilities, they also compete with text for selection and clipboard space. This feature makes Gutenberg an editor where blocks and text coexist friction-lessly.

GIF: Select text across blocks
Credits – WP.org

Show the featured image in the Cover block

With the updated Cover block, the featured image becomes an integral part of the post. Just click the “Use Featured Image” button, and that’s it!

Image: Featured image in cover
Credits – WP.org

Build responsive Groups, Rows, and Stacks

Blocks are now easily grouped into either a Stack layout or a Row layout with a single click.

Credits – WP.org

Make your blocks stand out with customizable borders

You can now fine-tune the borders of your blocks thanks to the new `BorderControl` component. Whether it’s border color, style, or width – it got you covered!

Credits – WP.org

Enjoy the improved Navigation Block

Adding a new Navigation Block in the editor now defaults to the first available menu when only one exists – no manual selection required.

Text decorations such as underline and line-through are supported in the block. You can also add link descriptions to the Navigation Link blocks.

View the full change log here.

Gutenberg 13.1

This version of Gutenberg released on April 27, 2022. This brings border support to customs blocks, a number of improvements to the comments block, along with a range of accessibility improvements.

Customize any border of the Columns block

The block supports and the global styles border panel have been updated. This means you can have each border be exactly the same or completely unique.

Image: Customize border
Credits – WP.org

A new block support has also been added which allows you to set custom borders for each side of the column.

Credits – WP.org

Comment block improvements

Gutenberg 13.1 brings a number of improvements to the new Comments block. Most notably, the new Comments Title block enables richer compositions, especially with nested comments!

Credits – WP.org

View the full change log here.

Gutenberg 13.2

This version of Gutenberg released on May 11, 2022. This version brings a new API to save editor preferences on the server, visual guides for padding and margins, and improvements to the comment block. 

Save Editor Preferences

Gutenberg now saves editor preferences on the WordPress server, instead of in the browser. This means that no matter which computer or browser you are using, Gutenberg will always be set up just the way you like it.

Image: Save Editor Preferences
Credits – WP.org

Visualize Padding and Margin

Sometimes it is difficult to find which block you are editing. With Gutenberg 13.2, the margins and padding will highlight in blue as you adjust them.

Credits – WP.org

Improvements to the Placeholders

The Post Content, Post Excerpt, Post Comments, and Post Comments Form blocks will show more realistic placeholders in the editor to give you a better understanding of how your site will look with real content.

Image: Improved placeholder
Credits – WP.org

View the full change log here.

Gutenberg 13.3

This version of Gutenberg released on May 25, 2022. This version introduces us to a new table in Content block, some enhancements to existing blocks to provide more ways to display content, and many more improvements.

New Table of Contents Block

The Table Of Contents block is now available as an experimental block after over a year of development and iterations.

When the Table Of Contents block is added to the content, it detects any Heading blocks and displays them with anchor links to allow users to jump to a section on the page.

Credits – WP.org

Post Terms Block variations to display custom taxonomy terms

A Post Term block variation is now generated for each custom taxonomy registered. For example, if you register a “Product category” taxonomy, you will be able to add a “Product categories” block that lists all the product category terms assigned to the current post.

Image: Custom taxonomy terms
Credits – WP.org

Query Loop Block now supports a “parent” filter

When working with a Page or any hierarchical content type a new “parent” filter is available to display content that is children of the defined parent.

Credits – WP.org

View the full change log here.

Gutenberg 13.4

This version of WordPress released on June 8, 2022. This version released a few days after WordPress 6.0 “Arturo” release. This release comes with 25 enhancements and 30 bug fixes.

Support for button elements in theme.json

Gutenberg 13.4 adds support for button elements in theme.json, so themes can now add styles to their buttons using theme.json like this:

{
	"styles": {
		"elements": {
			"button": {
				"color": {
					"background": "black"
				}
			}
		}
	}
}

To make the most of this change, blocks like the Buttons, Search, Post Comments, and File blocks now make use of the new CSS class wp-element-button to support button elements in theme.json.

Image: Button Elements
Credits – WP.org

Axial spacing in Gallery Block

Block spacing is a very useful design tool for the Gallery block, but what if you wanted to set different horizontal and vertical gaps? Well, you can now do that by opting in to the new axial spacing available in the Gallery block’s dimension panel.

Credits – WP.org

Sidebar design updates

As part of the iterative improvements to the components and post sidebar, Gutenberg 13.4 brings a new look and feel to the Publish popover.

Search Block variations now support query vars

Starting with Gutenberg 13.4, Search block variations can limit their search results based on the query variables provided. For example, you can create a custom Search block variation limited to search when post_type=product with the following registration:

registerBlockVariation( 'core/search', {
   name: 'test/product-search',
   title: 'Product Search Block',
   category: 'test',
   attributes: {
      query: {
         post_type: 'product'
      }
   }
} );

View the full change log here.

Gutenberg 13.5

The version of Gutenberg released on June 22, 2022. This version contains 12 enhancements and 15 bug fixes, with an improved featured image UX, expanded design tools for the Post Navigation Link block, and solid accessibility fixes.

Improved UX with using featured images 

Featured Images continue to play an important role on one’s site and this release seeks to make it even easier to take advantage of this high impact piece of your content. 

Now when you use a featured image in a Cover block, a placeholder displays. This helps give a clear visual indication of the changes you’re making and sets better expectations for what you’re customizing: 

Image: Use featured image-2
Credits – WP.org

Related to this, the option to use a featured image is exactly where you’d expect it to be after switching to the media replace flow. Previously, this was a separate button in the block toolbar, and this change contributes to a more consistent user experience when interacting with media.

Image: Use featured image
Credits – WP.org

More design tools for the Post Navigation Link

For themes with support for “appearanceTools” in theme.json, you’ll now be able to customize the link color and font family for the Post Navigation Link. This allows you to have distinct navigation options in your design.

Credits – WP.org

View the full change log here.

Gutenberg 13.6

This version of Gutenberg released on July 6, 2022. This release comes with four major highlighted features like patterns to select from when creating post type, more templates using editor, layout controls, more keyboard shortcuts, and simplified post scheduler. 

Provide patterns to select from when creating any post type

In WordPress 6.0, API allows patterns to appear in a modal every time a user creates a new page so that, instead of starting from scratch, a user starts with content to work from. For example, this means a user could choose between patterns for a contact page or an about page and then just fill in the details that are unique to their site.

Image: Book post type
Credits – WP.org

Create more template types in the editor

Expanding the types of templates that can be created from within the Site Editor continues to be a high priority to open up more creative options for folks to control every aspect of their site.

 With Gutenberg 13.6, it’s now possible to create a template for all of the posts of a specific post type (ex: single-$postType) and, to get more granular, a template for a specific post (ex: single-$postSlug). 

GIF: Create more template types
Credits – WP.org

View the full change log here.

Gutenberg 13.7

This version of Gutenberg released on July 20, 2022. This version of Gutenberg brings an updated modal design, the ability to apply block locking to inner blocks with a click of a button, various template types, and plenty of improvements to existing features.

Lock inside container block with one click

This version of WordPress includes a new toggle button which enables us to lock settings to all blocks inside the container block like Group, Cover, and Column.

Image: Lock for inner blocks
Credits – WP.org

Updated and unified modal design

This release also comes with an updated modal design for various screens. This helps users to focus on the modal by blurring the background and reducing the visual noise with softer corners.

Create templates now for specific categories, pages and more

In this release, the template editor was expanded with even more types of templates for various use cases.  You can add and edit templates for Custom posts types and taxonomies. You can get very specific and offer a different template for single categories or tags. 

For instance, you can use a different template for all personal blog posts, a second one for all developer related blog posts, and a third one for all travel posts.

Credits – WP.org

Start with a featured image in the media placeholder.

With this release, users can directly select Use the feature image, in addition to the Upload and Media Library. This streamlines the workflow when editing a template.

Image: Start with featured image in place holder
Credits – WP.org

Introducing “Time to read”

The information panel accessed through the top bar received a new number. In addition to the numbers of  words, characters, block, headings, and paragraphs it now also contains the estimated time to read for this document.

Image: Estimated time to read
Credits – WP.org

View the full change log here.

Gutenberg 13.8

This version of Gutenberg dropped on August 3, 2022. This version brings Fluid Typography, accessibility improvements, revamped quote block, and Template part UX enhancements. Read about all the enhancements in detail here.

Gutenberg 13.9

This version of Gutenberg released on August 17, 2022. This version continues the iteration and polishing on various fonts, such as UI, interaction, and engine work. 

Added Social media feed block

One of the major updates in Gutenberg 13.9 is the inclusion of new blocks for displaying social media feeds and videos. The social media feed block allows users to display a feed of posts from a specific social media account, such as Twitter or Instagram. 

These new blocks make it easy for users to integrate social media and video content into their WordPress site. By providing pre-defined fields and options for customization, these blocks help users create professional-looking content without having to write custom code.

Block Manager improvements

Another notable improvement in Gutenberg 13.9 is the inclusion of new tools for managing and organizing blocks. These tools include a new “block manager” panel, which allows users to view and manage all of the blocks on their WordPress site. The block manager panel also includes options for organizing blocks into groups, making it easier for users to find and reuse blocks.

Reusable blocks 

A new addition to the “block patterns” feature. This feature allows users to save and reuse groups of blocks as predefined patterns. These patterns can then be easily inserted into any page or post, making it quick and easy to create consistent and professional-looking content.

View the full change log here.

Gutenberg 14.0

This version of Gutenberg released on August 31, 2022. This version contains a package of enhancements, including extra block support in the UI that were available via theme.json before, a revamped version of List block, and much more. Read about all the enhancements in detail here.

Gutenberg 14.1

This version of Gutenberg dropped on September 15, 2022. This version had major updates to the design blocks like typography and spacing support for blocks like Avatar, Buttons, Categories List, Navigation, etc. Also other updates like content locking experience, navigation block improvements, and much more.

Consolidating design tools in blocks.

Typography and Spacing support added for blocks like Avatar, Buttons, Categories List, Comments Links, Latest Posts, Navigation, Query Pagination Links, Social Icons, etc.

This improvement allows users to customize their site more without dealing with CSS.

Image: Design tools
Credits – WP.org

Better content locking experience

Duotone filters, block alignment and resizing are now disabled on content-locked blocks.

Credits – WP.org

Navigation Block improvements

The menu selector moved from the Navigation block toolbar to the new “Menu” section in the inspector sidebar. In this new section, you can now quickly access all the menus you have created through the “Manage menus” button.

GIF: Navigation Block improvements
Credits – WP.org

From now on, you will have to first save your changes in order to show the imported menu. If you don’t, the site will keep displaying the menu that you had used before importing the classic menu! This provides a better user experience as the menu is only changes when the user explicitly saves the template.

View the full change log here.

Gutenberg 14.2

This version of Gutenberg released on September 28, 2022. This version featured enhancements like improved writing flow, letter spacing for headings, polished calendar block, new “banners” and “footers” block pattern categories.

Smarter suggestions for Query Loop block variations 

Block variations have been available in Gutenberg for a long time. They allow you to have similar versions of the same block that share some common functionality. From now on, if you have an active variation of the Query Loop block on your site and that variation has registered some block patterns, only those patterns will be suggested in the inserter.

Improvements to the writing flow

Several enhancements were made to the writing flow in this version of Gutenberg:

  • The sibling and line inserters now feature a more natural animation effect.
  • Selecting multiple blocks is now more visually consistent.
  • The block inserter is now hidden when the user is typing, reducing visual clutter.
Credits – WP.org

Letter spacing in headings

It is now possible to modify the letter spacing of the headings directly in the Global Styles interface.

Credits – WP.org

A more polished Calendar block

You can now set the background, link and text color of the Calendar block. Global Styles will now also affect the colors of the Calendar block and it will inherit the default text color from its parent block.

Image: New calendar editing features
Credits – WP.org

New “Banners” and “Footers” block pattern categories

Two new block pattern categories are introduced in order to better reflect the structure of web pages. “Banners” here refers to visually distinctive elements that help structure or contrast the contents of a page which also includes heading and “hero” elements.

Image: Headers and Footers feature
Credits – WP.org

Auto completion for links

From now on, it is possible to autocomplete links in any block. The [[ shortcut triggers the auto-completion in the editor. This is a great functionality for someone who is managing large content.

Credits – WP.org

View the full change log here.

Gutenberg 14.3

This version of Gutenberg released on October 12, 2022. This version continues to build on recent writing flow improvements, refined image block creation via drag and drop, added enhanced tools panel to the styles interface, and much more.

Quickly navigate blocks of text

Continuing on from the improvements to writing flow in the last release. Gutenberg 14.3 includes support for alt + arrow keyboard combinations to make navigating blocks of text a breeze.

For example, if your cursor is towards the end of a long paragraph, you can quickly press the alt + up arrow to move to the beginning of that paragraph. If you are already at the beginning of a text block, you’ll move to the start of the previous paragraph. Similarly, the alt + down arrow will move you to the end of a block of text.

Improved drag and drop for images

As of Gutenberg 14.3, you can now drop an image onto an empty paragraph block to replace it with a new Image block.

Credits – WP.org

Improved tools panels for the Styles typography controls

Building on past releases, Gutenberg 14.3 now brings the Tools Panels to the Styles interface. This makes the Styles interface consistent with the Block Settings interface, but it also makes it more usable by being able to reset values and opens the door to adding hidden-by-default controls, too!

Credits – WP.org

View the full change log here.

Gutenberg 14.4

This version of Gutenberg released on October 26, 2022. It brings distraction-free mode for text based content creation, redesigns the main pattern inserter, and much more. Read about all the enhancements in detail here.

Gutenberg 14.5

This version of Gutenberg dropped on November 9, 2022. This version consolidates the list view and document information, expands margins and padding support while improving space visualizers, and numerous code quality improvements.

Access the list view and document information all from one panel

List View and Details had their own icons in the Editor toolbar prior to Gutenberg 14.5. An outline of the document and details like the character and word counts were displayed in the Details popover. All of the blocks in the document were shown in a hierarchical view by the List View panel.

A single panel that combines the List View and Details now popover which provides a more streamlined way to manage the open document. The original List View icon in the toolbar must be clicked to open the new “Document Overview” panel.

Image: Document outline list view
Credits – WP.org

Confidently edit block spacing using improved visualizers

Configuring block spacing (margin, padding) can be tricky, especially when determining how the spacing of one block will impact those blocks around it. Spacing visualizers significantly improve this experience by allowing you to “visualize” each change you make.

Credits – WP.org

View the full change log here.

Gutenberg 14.6

This version of WordPress released on November 23, 2022. This version brought in a lot of interesting updates like randomize color palette, focal point handle changes, heading shortcuts, variations to Group block placeholder and much more. Read about all the enhancements in detail here.

Gutenberg 14.7

Gutenberg 14.7 released on December 10, 2022. This version introduces a new experimental tabbed sidebar, colors to help identify some block types in list view, improvements to the Page list block, and a number of enhancements and bug fixes. To read about everything in detail click here.

Gutenberg 14.8

Gutenberg 14.8 was released on December 21, 2022. This version introduces a new and reorganized Site editor interface, Style book, ability to add custom CSS for your site, navigation block improvements and much more.

Revamped & Reorganized Site Editor Interface

The Site Editor Interface gets major changes and also introduces Browse mode. Now you can swiftly navigate between templates and template parts. The work on this feature will continue to improve as future versions of Gutenberg are released.

Credits – WP.org

Introducing Style Book

The Style Book provides an overview of all the block styles in the current page. When you click on the Style Book you get the preview of various blocks like Paragraph block, Pullquote, etc. Table This helps users and designers to view all the available styles and quickly make changes as per their requirements.

Credits – WP.org

The Styles panel also offers a preview when customizing individual blocks.

Credits – WP.org

Add custom CSS rules for your site

Add your own CSS to customize the appearance and layout of your site. This is an experimental feature that can be enabled by visiting Gutenberg > Experiments and ticking the Global styles custom CSS checkbox.

Credits – WP.org

Unwrap inner block when pressing backspace at start

This version of Gutenberg will now unwrap inner blocks if you press backspace at the start of the List and Quote. This results in the first inner block becoming a Paragraph that is separate from its previous parent list or quote container.

GIF: Inner Bock unwraps when you press backspace at the start
Credits – WP.org

Pattern title tooltip

The inserter now shows pattern titles while hovering over an individual pattern preview.

Credits – WP.org

Navigation Block Improvements

There were several updates for the navigation block like adding a page list to link UI transforms in the Navigation block, fallback navigation creation to the most recently created menu, and an added ‘open list view’ button.

View the full change log here.

Conclusion

2022 has been another incredible year for Gutenberg, with a number of new features and improvements added to the CMS. These developments have made Gutenberg an even more powerful and user-friendly website editor for WordPress users. And with its growing community of contributors and users, Gutenberg is well-positioned to continue its dominance as the king of website editors for the foreseeable future.

Discussion

No responses / comments so far.

Leave a Reply

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