![\"Block](\"https:\/\/marketingnewsbox.com\/wp-content\/uploads\/2022\/07\/wordpress-releases-gutenberg-13-7-focused-on-workflow-and-better-ui-via-sejournal-martinibuster.png\")
<\/p>\nWordPress unveiled Gutenberg 13.7 which contains numerous refinements that improve the workflow, provide more granular control within the full site editor, and numerous improvements to the user interface.<\/p>\n
Like any other release from WordPress, this is a cumulative update and not a whole new experience.<\/p>\n
That said, the editing experience should feel more intuitive and natural.<\/p>\n
13.7 contains further improvements to the ability to lock block elements to prevent them from changing.<\/p>\n
The newest improvement is that users now have the ability to apply the lock feature to block elements contained within a block that is being locked.<\/p>\n
By selecting a toggle, the lock feature that\u2019s applied to a block can be inherited by the blocks that it contains.<\/p>\n
<\/p>\n
<\/p>\n
Selecting to lock a block spawns another menu that provides options for more granular locking control over the blocks contained within the block that is being locked.<\/p>\n
![\"Gutenberg](\"https:\/\/marketingnewsbox.com\/wp-content\/uploads\/2022\/07\/wordpress-releases-gutenberg-13-7-focused-on-workflow-and-better-ui-via-sejournal-martinibuster.jpg\")
<\/p>\n
<\/p>\n
![\"closeup](\"https:\/\/marketingnewsbox.com\/wp-content\/uploads\/2022\/07\/wordpress-releases-gutenberg-13-7-focused-on-workflow-and-better-ui-via-sejournal-martinibuster-1.png\")
<\/p>\n
<\/p>\n
Popup menus, called Modals, can spawn on top of the page that is being worked on from which various changes can be made, like updating preferences.<\/p>\n
What this change does is to apply a blur to the document that is beneath the menu.<\/p>\n
Blurring the page underneath the modal popup menu improves the focus.<\/p>\n
A concern was raised about this new feature<\/a> (while it was still under development) that was concerned with the potential for the user to lose context of what was being changed because of the blurring.<\/p>\n They suggested that in some instances, blurring the background would cause the user to be unable to see what was being changed, thus removing the context.<\/p>\n The person wrote:<\/strong><\/p>\n \u201cI just encountered a potential usability issue where there is an element outside of the modal that is contextually related to the content of the modal.<\/p>\n For example, if you go to adjust an item in the List View to apply or remove a Lock, with the modal open, you can no longer see which (particular) block you have highlighted\u2026\u201d<\/p>\n<\/blockquote>\n The resolution to that issue was the observation that if the context needed to be kept in view then the modal (popup) menu is not the best user interface. This meant that blurring won\u2019t be a problem because modals aren\u2019t used in situations where the underlying document needs to be referenced by the user.<\/p>\n \u201c\u2026generally speaking if you need to observe both the modal contents and the rest of the UI together, then a modal is probably not going to be the best choice.\u201d<\/p>\n<\/blockquote>\n This change provides the user with the ability to create more templates that can be specific to individual categories, tags, pages, and custom post types.<\/p>\n According to WordPress:<\/strong><\/p>\n \u201cFor 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.<\/p>\n If your site registered additional post types, like books, or products, your editor instance will automatically list them in the selection box for the Add New template button.\u201d<\/p>\n<\/blockquote>\n This is a welcome addition because it removes a glaring limitation and extends the ability to make better websites when utilizing the Gutenberg full site editor.<\/p>\n There are other improvements that are intended to improve and streamline the workflow by providing additional options.<\/p>\n Among these changes is the ability to select a featured image from the media placeholder instead of uploading or choosing from the media library.<\/p>\n The reason for this improvement is documented in the pull request<\/a>:<\/p>\n \u201cThis PR allows supporting media blocks to offer users the option to start with featured image from the placeholder state.<\/p>\n Why<\/strong> The ability to check how long it will take to read the document is also a new feature that was added.<\/p>\n This new feature is added to the information bar in the Post Editor screen that currently provides feedback on the number of words, characters, heading elements used, number of paragraphs, and number of blocks.<\/p>\n The amount of time it takes an average reader to read a document is highly useful information.<\/p>\n Another example of the improved user interface is in the sidebar settings panel, which gets an update to make it easier to use.<\/p>\n The layout of the settings panel is more intuitive and easy to scan and choose from the menu selections.<\/p>\n WordPress described the improved interface:<\/strong><\/p>\n \u201cThe result is a cleaner, more organized display that should help you more readily access all the important information about your post\/page at a glance.\u201d<\/p>\n<\/blockquote>\n The new Gutenberg 13.7 is a cumulative update and not a radical change from the previous version. The improvements might not jump out but they will contribute to a more natural editing experience.<\/p>\n This update touches on nearly every area of the Gutenberg editor, from new components like a color picker, improved document settings, a better full-site editing experience, and numerous bug fixes.<\/p>\n What\u2019s new in Gutenberg 13.7?<\/a><\/p>\n Block Locking: Add the \u2018Apply to inner blocks\u2019 option #41876<\/a><\/p>\n Update the modal design #40781<\/a><\/p>\n\n
\n
Example of Blur Behind the Modal<\/h3>\n
![\"Screenshot](\"https:\/\/marketingnewsbox.com\/wp-content\/uploads\/2022\/07\/wordpress-releases-gutenberg-13-7-focused-on-workflow-and-better-ui-via-sejournal-martinibuster-1.jpg\")
<\/p>\n<\/p>\nTemplate System Offers More Design Control<\/h2>\n
\n
Improvements to Workflow<\/h2>\n
Screenshot of Featured Improved Modal<\/h3>\n
![\"Screenshot](\"https:\/\/marketingnewsbox.com\/wp-content\/uploads\/2022\/07\/wordpress-releases-gutenberg-13-7-focused-on-workflow-and-better-ui-via-sejournal-martinibuster-2.png\")
<\/p>\n<\/p>\n\n
To avoid having to pick another media to only then get the option and because the featured image is now hidden behind the \u201cAdd media\u201d block control in the media replace flow.\u201d<\/p>\n<\/blockquote>\nNew: Time to Read<\/h2>\n
Screenshot of Updated Information Bar<\/h3>\n
![\"Screenshot](\"https:\/\/marketingnewsbox.com\/wp-content\/uploads\/2022\/07\/wordpress-releases-gutenberg-13-7-focused-on-workflow-and-better-ui-via-sejournal-martinibuster-3.png\")
<\/p>\n<\/p>\nSidebar Settings Panel User Interface Improved<\/h2>\n
Screenshot of Before and After<\/h3>\n
![\"Screenshot](\"https:\/\/marketingnewsbox.com\/wp-content\/uploads\/2022\/07\/wordpress-releases-gutenberg-13-7-focused-on-workflow-and-better-ui-via-sejournal-martinibuster-4.png\")
<\/p>\n<\/p>\n\n
So Many Improvements<\/h2>\n
Citations<\/h2>\n
Read the Full WordPress Announcement<\/h3>\n
Read the Block Lock Pull Request<\/h3>\n
Background Blur on Modals<\/h3>\n
Start With Featured Image Pull Request<\/h3>\n