Title: Design Share: Mar 25-Apr 5 Author: Joen Asmussen Published: April 8, 2024 --- [ ](https://profiles.wordpress.org/joen/) [Joen Asmussen](https://profiles.wordpress.org/joen/) 8:42 am _on_ April 8, 2024 Tags: [design ( 217 )](https://make.wordpress.org/design/tag/design/), [design-share ( 70 )](https://make.wordpress.org/design/tag/design-share/)    # Design Share: Mar 25-Apr 5 This is a bi-weekly update of work [the design group](https://make.wordpress.org/design/handbook/about-the-team/) contributed to. Work happens in [overview issues](https://github.com/WordPress/gutenberg/issues?q=is%3Aopen+is%3Aissue+label%3A%22Needs+Design+Feedback%22), and in [needs design](https://github.com/WordPress/gutenberg/issues?q=is%3Aopen+is%3Aissue+label%3A%22Needs+Design%22+), or [needs design feedback](https://github.com/WordPress/gutenberg/issues?q=is%3Aopen+is%3Aissue+label%3A%22Needs+Design+Feedback%22+) issues. If you have updates you’d like to include in the next Design Share, drop a note in [the #design channel](https://make.wordpress.org/chat/). If you have questions, you can also ask them there, or as a comment on this post. **Useful Figma files** * [WordPress Design System](https://www.figma.com/file/804HN2REV2iap2ytjRQ055/System?type=design&node-id=2799%3A26256&mode=design&t=y8LLmFJzGbaZBmIx-1) * [WordPress.org Design Library](https://www.figma.com/file/HOJTpCFfa3tR0EccUlu0CM/WordPress.org-Design-Library?type=design&node-id=0%3A1&mode=design&t=VhQXPDBb4RaXW4dv-1) * [Post Graphics](https://www.figma.com/file/yamKWsKnab3UBbhznomnJE/Gutenberg-Post-Graphics?type=design&node-id=0%3A1&mode=design&t=inoNIxBrtbqgpvCy-1) * [Gutenberg Project Folder](https://www.figma.com/files/project/1339415/Gutenberg?fuid=671631862080240454)( requires [view](https://make.wordpress.org/design/handbook/get-involved/tools-figma/#how-to-get-figma-access)) **Useful Tracking Issues** * [Customization Ongoing Roadmap](https://github.com/WordPress/gutenberg/issues/52128) * [All tracking issues](https://github.com/WordPress/gutenberg/issues?q=is%3Aopen+is%3Aissue+label%3A%22%5BType%5D+Tracking+Issue%22) * [All overview issues](https://github.com/WordPress/gutenberg/issues?q=is%3Aopen+is%3Aissue+label%3A%22%5BType%5D+Overview%22) **Design work** * [Needs design feedback](https://github.com/WordPress/gutenberg/issues?q=is%3Aopen+is%3Aissue+label%3A%22Needs+Design+Feedback%22+) * [Needs design](https://github.com/WordPress/gutenberg/issues?q=is%3Aopen+is%3Aissue+label%3A%22Needs+Design%22+) --- ## Site Editor animation refinements Status: Conceptual. Exploring how we might tighten the bolts on the site editor animations. [Figma prototype](https://www.figma.com/proto/e3u7Q1ChpEbl485EvSoD58/Frame-animation?page-id=20%3A3702&type=design&node-id=20-4212&viewport=640%2C647%2C0.26&t=YIS1pE3Cmp1h57IN-1&scaling=min-zoom&starting-point-node-id=20%3A4212&mode=design). ## Badge fields [⌊Screenshot showing badge fields in a pattern management inspector.⌉⌊Screenshot showing badge fields in a pattern management inspector.⌉[ Status: In progress. Adding an option in data views that allows consumers to specify that fields display as label-less badges. Initially this will be utilised by ‘Sync status’ in Pattern management, and pave the way for fields like file name, type, size, and resolution in Media. Pull request [here](https://github.com/WordPress/gutenberg/pull/60284). ## Explore UXUX UX is an acronym for User Experience - the way the user uses the UI. Think ‘what they are doing’ and less about how they do it. around customising bundled data views [⌊Mockups showing an ellipsis menu next to a customized "Trash" view.⌉⌊Mockups showing an ellipsis menu next to a customized "Trash" view.⌉[ Status: Conceptual. There are some quirks around the customisation of bundled data views. For instance when you remove the status filterFilter Filters are one of the two types of Hooks [https://codex.wordpress.org/Plugin_API/Hooks](https://codex.wordpress.org/Plugin_API/Hooks). They provide a way for functions to modify data of other functions. They are the counterpart to Actions. Unlike Actions, filters are meant to work in an isolated manner, and should never have side effects such as affecting global variables and output. in the TrashTrash Trash in WordPress is like the Recycle Bin on your PC or Trash in your Macintosh computer. Users with the proper permission level (administrators and editors) have the ability to delete a post, page, and/or comments. When you delete the item, it is moved to the trash folder where it will remain for 30 days. view, you’re no longer viewing trashed pages, despite the active navigation menuNavigation Menu A theme feature introduced with Version 3.0. WordPress includes an easy to use mechanism for giving various control options to get users to click from one place to another on a site. item indicating that you are. Potential solutions to be explored and discussed in [#60468](https://github.com/WordPress/gutenberg/issues/60468). ## Bulk actions toolbar Status: In progress. Exploring a separate toolbar for bulk actions. ## WP.org Homepage Updates Status: Completed. We assisted with light updates to several modules on the wordpress.orgWordPress. org The community site where WordPress code is created and shared by the users. This is where you can download the source code for WordPress core, plugins and themes as well as the central location for community conversations and organization. [https://wordpress.org/](https://wordpress.org/) homepage. [Read the post](https://make.wordpress.org/meta/2024/04/04/homepage-updates/). ## BlockBlock Block is the abstract term used to describe units of markup that, composed together, form the content or layout of a webpage using the WordPress editor. The idea combines concepts of what in the past may have achieved with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience. Naming & Connections [⌊Screenshot showing three rename dialogs, two of which have warnings because they can break a block connection.⌉⌊Screenshot showing three rename dialogs, two of which have warnings because they can break a block connection.⌉[ Status: In progress. Based on designs by Saxon, we’re working with Dan and Kai to improve the flow for naming blocks, and conditionally allow local pattern overrides inside synced patterns. [Issue](https://github.com/WordPress/gutenberg/issues/59813), [Figma](https://www.figma.com/file/46qRP607dtqHGEosEaWWhY/Product-Design?type=design&node-id=1564%3A50589&mode=design&t=IFZpxjHXTGuvifZN-1). ## Little things. Status: Completed. A couple of little tuneups. [Menu separator styles](https://github.com/WordPress/gutenberg/pull/60336), before/after: [⌊Screenshot showing context menu with incorrect separator colors.⌉⌊Screenshot showing context menu with incorrect separator colors.⌉[ [⌊Screenshot showing context menu with correct separator colors.⌉⌊Screenshot showing context menu with correct separator colors.⌉[ [HTML anchor description](https://github.com/WordPress/gutenberg/pull/60338), before/ after: [⌊Screenshot showing the HTML anchor section of the Advanced panel, with poor wrapping of text.⌉⌊Screenshot showing the HTML anchor section of the Advanced panel, with poor wrapping of text.⌉[ [⌊Screenshot showing the HTML anchor section of the Advanced panel, with improved wrapping of text.⌉⌊Screenshot showing the HTML anchor section of the Advanced panel, with improved wrapping of text.⌉[ [Show copy shortcut in menu](https://github.com/WordPress/gutenberg/pull/60339), before/after: [⌊Screenshot showing the context menu without a ⌘C shortcut next to the "Copy" item.⌉⌊ Screenshot showing the context menu without a ⌘C shortcut next to the "Copy" item .⌉[ [⌊Screenshot showing the context menu with a ⌘C shortcut next to the "Copy" item.⌉⌊ Screenshot showing the context menu with a ⌘C shortcut next to the "Copy" item.⌉[ --- [#design](https://make.wordpress.org/design/tag/design/), [#design-share](https://make.wordpress.org/design/tag/design-share/) ### Share this: * [ Threads ](https://make.wordpress.org/design/2024/04/08/design-share-mar-25-apr-5/?share=threads) * [ Mastodon ](https://make.wordpress.org/design/2024/04/08/design-share-mar-25-apr-5/?share=mastodon) * [ Bluesky ](https://make.wordpress.org/design/2024/04/08/design-share-mar-25-apr-5/?share=bluesky) * [ Facebook ](https://make.wordpress.org/design/2024/04/08/design-share-mar-25-apr-5/?share=facebook) * [ X ](https://make.wordpress.org/design/2024/04/08/design-share-mar-25-apr-5/?share=x) * [ Reddit ](https://make.wordpress.org/design/2024/04/08/design-share-mar-25-apr-5/?share=reddit) * [ Email ](https://make.wordpress.org/design/2024/04/08/design-share-mar-25-apr-5/?subject=%5BShared%20Post%5D%20Design%20Share%3A%20Mar%2025-Apr%205&body=https%3A%2F%2Fmake.wordpress.org%2Fdesign%2F2024%2F04%2F08%2Fdesign-share-mar-25-apr-5%2F&share=email) # Post navigation [← Design Share: Mar 11-Mar 22](https://make.wordpress.org/design/2024/03/25/design-share-mar-11-mar-22/) [The new grid experience, feedback needed →](https://make.wordpress.org/design/2024/04/09/the-new-grid-experience-feedback-needed/)