WordPress Gutenberg 14.2 Offers Better User Experience

Gutenberg 14.2 is released and available for download. The latest version features user interface improvements including an easier workflow and performance improvements plus new header and footer blocks.

[{"selector":"#anim-c5ee896f-ae11-40e3-bbaa-20d9c0764297","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-6d15ec4b-7518-4da9-88db-701d7d20437d","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}]

All of the new features are incremental improvements that together help to make Gutenberg a more polished and intuitive site editor.

[{"selector":"#anim-6fb45e9d-8b48-4f88-96a5-ab1253447eec","keyframes":[{"transform":"rotate(-540deg) scale(0.1)","opacity":0},{"transform":"none","opacity":1}],"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both","iterations":1}]

Smarter suggestions for Query Loop block variations This improvement provides a smoother editing experience by only showing relevant Query Loop block patterns.

[{"selector":"#anim-22bafb3b-bd62-4d85-be93-2ae9db3bb0fb","keyframes":{"transform":["translate3d(88.34951%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3843fa5d-c15c-4a6a-8b07-f40d0791d691","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6213d7de-d085-4026-9fa4-3cd6fefb9d4d","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-f1611a70-05ff-44ec-826c-7d1750f1469f","keyframes":{"transform":["translate3d(-115.82278%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-8d7c28bf-f5b4-4e60-abf3-2d0b37ae4dcd","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5a9574e7-0c8d-4363-a13c-52792d811f05","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}]

Gutenberg now features a more intuitive writing flow. Three improvements: – “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.”

[{"selector":"#anim-5584ebe6-3389-4a86-be71-6bf7e18cac50","keyframes":{"transform":["translate3d(114.46540%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.2, 0, .8, 1)","fill":"both"}] [{"selector":"#anim-be857b99-090f-4f5e-b07a-2326d722c388","keyframes":{"transform":["rotateZ(180deg)","rotateZ(0deg)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.2, 0, .5, 1)","fill":"forwards"}] [{"selector":"#anim-c2b66065-0e99-4669-a313-9e2f6a31502a","keyframes":{"transform":["translate3d(-116.55629%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.2, 0, .8, 1)","fill":"both"}] [{"selector":"#anim-a159136a-e26e-4a45-ab1c-f9fd00b22543","keyframes":{"transform":["rotateZ(-180deg)","rotateZ(0deg)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.2, 0, .5, 1)","fill":"forwards"}]

Letter spacing refers to the space that’s between each letter in a word. Being able to adjust the space between letters is especially important for the heading elements because with some fonts the space can be too close together.

[{"selector":"#anim-b576fc45-2994-479d-ad5c-d3b7a4a4a109","keyframes":[{"transform":"scale(1)","offset":0},{"transform":"scale(1.5)","offset":0.33},{"transform":"scale(0.95)","offset":0.66},{"transform":"scale(1)","offset":1}],"delay":0,"duration":1450,"easing":"ease-in-out","fill":"both","iterations":1}] [{"selector":"#anim-edf634db-2ba5-46b8-a1d5-05ffced6a919","keyframes":[{"transform":"scale(1)","offset":0},{"transform":"scale(1.5)","offset":0.33},{"transform":"scale(0.95)","offset":0.66},{"transform":"scale(1)","offset":1}],"delay":0,"duration":1450,"easing":"ease-in-out","fill":"both","iterations":1}]

This new setting allows a publisher to adjust how much space their is using the Global Styles interface.

[{"selector":"#anim-f59cc4ed-9b30-4a80-a672-76237a7beb3a","keyframes":[{"offset":0,"transform":"translate3d(0, -246.19227%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":0.29,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"},{"offset":0.45,"transform":"translate3d(0, -69.22926632400001%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":0.61,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"},{"offset":0.71,"transform":"translate3d(0, -23.535981012%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":0.8,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"},{"offset":0.85,"transform":"translate3d(0, -8.838302493%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":0.92,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"},{"offset":0.96,"transform":"translate3d(0, -3.840599412%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":1,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"}],"delay":0,"duration":1600,"fill":"both"}]

WordPress Gutenberg 14.2 Offers Better User Experience

WordPress releases the updated Gutenberg 14.2 featuring multiple improvements to the user experience and editing flow

Brought to you by Trickyenough

Gutenberg 14.2 is released and available for download. The latest version features user interface improvements including an easier workflow and performance improvements plus new header and footer blocks.

Brought to you by Trickyenough

All of the new features are incremental improvements that together help to make Gutenberg a more polished and intuitive site editor.

Brought to you by Trickyenough

Smarter suggestions for Query Loop block variations This improvement provides a smoother editing experience by only showing relevant Query Loop block patterns.

Brought to you by Trickyenough

Better User Experience

Brought to you by Trickyenough

Improvements to Writing Flow

Letter spacing refers to the space that’s between each letter in a word. Being able to adjust the space between letters is especially important for the heading elements because with some fonts the space can be too close together.

Brought to you by Trickyenough

Better Functionality Letter Spacing in Headings

This new setting allows a publisher to adjust how much space their is using the Global Styles interface.

Brought to you by Trickyenough