Design Share: Nov 6-Nov 17

The Design Team provides design for the WordPress project.

Want to get involved? See the handbook and optionally drop into #design to chat. Most active design work happens in the block editor project, consider dropping into Needs design or Needs design feedback.

Figma Access

You don’t need edit access to use the Figma libraries, you can copy components from there into your own drafts. If you’re a contributor with the ability to grant edit access, please be mindful, and downgrade to view access once the initial need for edit has waned.

Sticky table elements

A PR to make table headerHeader The header of your site is typically the first thing people will experience. The masthead or header art located across the top of your page is part of the look and feel of your website. It can influence a visitor’s opinion about your content and you/ your organization’s brand. It may also look different on different screen sizes. columns and pagination permanently visible regardless of scroll position. This ensures the data inside each cell can always be interpreted, and that pagination is locked in the same position.

URLURL A specific web address of a website or web page on the Internet, such as a website’s URL www.wordpress.org popover

A back-of-napkin sketch to explore how we might tidy up the edit URL UIUI UI is an acronym for User Interface - the layout of the page the user interacts with. Think ‘how are they doing that’ and less about what they are doing..

Audio components improvement

In the context of improving the style and interaction of all audio components, the global player was enhanced with a new look and feel and more consistent spacings. The project is done and all changes are online.

Dropdown

Latest spec for the new DropdownMenu component (now with flyout menu support ✨). Follow along in this issue. Figma prototype here.

Range Date Picker

Initial sketch of an enhanced date picking component with support for range selection.

Styles Panel

This is an iteration of some of the styles panel work, making use of some of the newer admin concepts that we’ve been exploring, with the general idea being to bring the current global styles sidebarSidebar A sidebar in WordPress is referred to a widget-ready area used by WordPress themes to display information that is not a part of the main content. It is not always a vertical column on the side. It can be a horizontal rectangle below or above the content area, footer, header, or any where in the theme. into the site editor view. Issue.

Events redesign

There’s a new design for the first version of an Events section. The design aims to provide more event information to ease its discovery and highlight the active community behind it.

Setting the homepage in the Site editor

A very quick mockup to explore bringing homepage settings into the site editor.

If you have updates you’d like to include in the next Design Share, please drop a note in the Design channel on the Making WordPress SlackSlack Slack is a Collaborative Group Chat Platform https://slack.com/. The WordPress community has its own Slack Channel at https://make.wordpress.org/chat/..

#design, #design-share

williamwps 5:47 am on November 21, 2023

Please improve all sticky notification into all-in-one bell 🔔 notification center on top or admin headerHeader The header of your site is typically the first thing people will experience. The masthead or header art located across the top of your page is part of the look and feel of your website. It can influence a visitor’s opinion about your content and you/ your organization’s brand. It may also look different on different screen sizes..
When each sticky WP show on top admin home a lot of messy.

Comments are closed.