The Design Team provides experience, interface, and visual design expertise for the WordPress project.
Want to get involved? See our handbook and drop into #design once signed up for volunteer opportunities. Our vision is to be the go-to resource for design for other teams across the 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.
Improved Lighbox 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.
The lightbox, or “Expand on click” as it’s called, is designed to be enabled by default (settings.blocks.core/image.lightbox.enabled = true), and then untoggled on a per-image basis for images you don’t want zoomed, such as a list of logos, or employees. And since the lightbox is mutually exclusive with other links, it’s being moved to the link dialog in this PR that’s close to landing. The inverse behavior, off-by-default, is still possible.
Cover Aspect Ratio
In a recent PR, support was added for the Aspect Ratio control to the Cover 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.. This will enable a smoother transition when you convert from an Image, and open up new design possibilities.
Drag & Drop Displacement
In this PR, a displacement behavior to dragging and dropping blocks in the list view was added. Instead of the blue dropzone line is replaced by instant block displacement, making for more immediate feedback.
Scrolling Top Toolbar
This PR is close to landing, web-standards scrollbar properties were leveraged to make a visible and compact horizontal scrollbar when the toolbar is cropped on smaller viewports. For comparison, this is what trunk looks like at the moment, when you don’t have auto-hiding scrollbars enabled:
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/..