Gutenberg 13.8 Introduces Fluid Typography Support and Revamped Quote Block – WP Tavern

Gutenberg 13.8 was launched final week with some main enhancements that ought to delight block theme authors and customers alike. The long-awaited fluid typography assist landed on this model. It supplies easy scaling between smaller and bigger viewports, adapting in a fluid solution to various widths.

Launch lead George Mamadashvili demonstrated how this works in a video:

“Distinction that concept with font sizes that reply to particular viewport sizes, comparable to these outlined by media queries, however do nothing in between these sizes,” Automattic developer Ramon Dodd stated within the fluid type PR.

“Theme.json already permits authors to insert their very own fluid font dimension values. This received’t change, however this PR gives it to people who don’t wish to fear concerning the implementation particulars.”

Theme builders who wish to choose into fluid typography want solely set typography.fluid to be true in theme.json and add fluid to every of the settings.typography.fontSizes with min and max values.

Gutenberg contributors are requesting suggestions from theme builders on this primary iteration, as it’s an experimental new characteristic. Sooner or later, the characteristic could also be configurable for customers by means of the International Types UI.

“The intention is to garner suggestions on the formulae and API, earlier than we take into consideration any editor UI and, past that, introducing fluidity to different properties comparable to spacing,” Dodd stated.

Theme authors have already began updating to make use of the brand new fluid typography. Brian Gardner updated his Frost Theme to make use of the characteristic, and Wealthy Tabor up to date his Wei and Wabi themes.

“As one of many greater efforts in direction of making publishing fantastically wealthy pages in WordPress, fluid typography is a reasonably large expertise win for each the oldsters constructing with WordPress — and people consuming the content material,” Tabor stated in a tutorial on adding support for fluid typography in block themes.

“It’s additionally part of making WordPress extra highly effective, whereas no more difficult (which everyone knows is kind of the problem).”

Gutenberg 13.8 additionally features a revamped Quote block that’s able to nesting different blocks inside. Beforehand, the Quote block didn’t permit inside blocks, however customers have usually requested the flexibility so as to add lists or headings within them.

Quote block with nested blocks

Different user-facing enhancements in 13.8 embrace the next:

  • Template half UX enhancements that make particular template half variations out there within the block inserter
  • Border controls for picture blocks
  • Publish Feedback and Feedback blocks merged right into a single block – Feedback
  • New content size and wide size controls in International Types, underneath “Format” permits customers to override content material dimensions outlined by a theme
  • Accessibility enhancements – improved and labels and tooltips throughout the editors, added extra keyboard-friendly clickable components within the “Add template” modal
  • New WhatsApp icon added to the Social Icon block

This replace erased efficiency beneficial properties from earlier updates in each the publish and website editor however future enhancements could possibly chisel the occasions again into the vary of earlier benchmarks.

Try the 13.8 release post for the total changelog and extra particulars on all of the enhancements and bug fixes.

Leave a Reply

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