Design Share: Sep 25-Oct 6

Lightbox improvements

In order to make a more intuitive connection between the on-click behavior of images and the usually-global lightbox toggle that you toggle off on a per-image basis, moving the control to the link dialog seems a way to do it. Issue.

Toolbar button consistency

Across the editor, we currently have a mix of legacy 36px button/input heights, 32px toggle heights, and new tall and graceful 40px inputs. The plan is to reduce that to just two sizes: 40px by default, 32px “compact” sizes used primarily if shown in context of 32px toggles. Here as applied to the toolbar, it’s one first step on the path. PR.

Colour/token system package

To enable components and even theming in the admin, this PR explores a color/token system.

Allow renaming pages without the title 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.

When editing pages in the site editor, you can encounter a situation where if the page template does not have a Title block, you can’t edit the title. This PR adds an ellipsis menu to the About page dropdown allowing you to rename.

Refine the empty pattern page

In the new Patterns section of the site editor, if you have no patterns from either the theme or created yourself, the empty state is now a little neater. PR.

De-emphasise pattern filters in inserter

Instead of a large dropdown to let you filterFilter Filters are one of the two types of 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. between types of patterns (reusable or not, your own or from the directory), this PR and this followup refined the experience.


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