Our vision is to be the go-to resource for design for other teams across the WordPress open sourceOpen SourceOpen Source denotes software for which the original source code is made freely available and may be redistributed and modified. Open Source **must be** delivered via a licensing model, see GPL. project.
Hi, all! Here are a few projects the Design Team has contributed to over the past couple of weeks.
Revisiting the Image Size dropdown
When you upload an image, the large size will be shown by default. In this case, size refers to the image resolution, specifically the lower-resolution variant that WordPress creates on upload called “Large”. On modern screens, this resolution is often too low. Issue 48618 explores how we can improve that situation, and in this mockup we explore an interim step to make clearer that the dropdown is about image density, not dimensions, by renaming “Image size” to “Resolution”, and showing it inside.
Site Editor metrics
@jameskoster is working on a PR to adjust some of the spacing and alignment metrics in the Site Editor.
Minimise the footprint of spacing controls
Spacing controls like Padding and Margin occupy a large space in the blockBlockBlock 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. Inspector, particularly when ‘exploded’ for per-side control. It’s most troublesome when you only want to add a value to a single side.
Exploring metrics and color in the Site Editor’s dark sidebarSidebarA 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.
As the single-entity panels (e.g. when browsing a page) evolve and we present options to perform high-level tasks in the dark sidebar, the UIUIUI 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. can become a little more complex. We need to keep refining the system so that it can scale elegantly and intuitively.
How might we increase what layouts are possible with WordPress whilst keeping it feeling intuitive to use for both technical and non technical users? The group/row/stack block and the column block gives us a really strong starting point to build off. Is there an opportunity to simplify? GitHub issue, test website.
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 SlackSlackSlack is a Collaborative Group Chat Platform https://slack.com/. The WordPress community has its own Slack Channel at https://make.wordpress.org/chat/..