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.
There’s a WordPress Component Library in Figma. Duplicate to edit, direct access is reserved for the design team.
Hi, all! Here are a few projects the Design Team has contributed to over the past couple of weeks.
Work in progress on a unified document title interface, that contains the most common and necessary actions, and scales to the content/template breadcrumb pattern as well.
Ramon is enhancing revision history management in the site editor, and this concept explores a potential future side by side page comparison. This could also be a juxtaposed version with a before/after slider.
New issue for a design control that adds an option for vertical text. The issue is ready for a dev to pick up.
Robert updates the Featured image panel to be more compact and coherent.
A new language icon for polyglots to use, or to go with the lang attribute control.
In the site view of the site editor, each 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. section you navigate to we’ve referred to as “detail panels” or “drilldown details”. They are a good opportunity to surface high level options, without needing to dive into the edit view.
A first iteration of the command center has landed. As an initial step it’s quick access to items and actions on your site.
You can create pages from a variety of locations, such as URLURL A specific web address of a website or web page on the Internet, such as a website’s URL www.wordpress.org dialogs, navigation items, the command center, or the site editor. An important part of a site building flow is also to create a slew of pages initially as you are building out your site, then edit them later. These mockups imagine a unified modal for this.
When creating things like Query Loops, Templates, and Headers, there are prompts in the site editor that ask the user to choose a pattern. Previously these prompts opened small, cramped modals that forced the user to scroll a lot to see all the options. They now open comfier ‘full screen’ modals that are capable of showing many patterns at once.
The PR to make it clearer when you are editing page content vs. theme template is ready for testing. Give it a spin!
This POC layout branch is making progress.
Providing designs for the 2fa process, as well as the 2fa re-auth flow.
Thanks to work by Kai, you can now drag and drop images from the inserter media library or Openverse tabs into patterns.
Updating the behavior of the site editor resize handle to both let you scale up into edit view, and scale down to tablet and mobile previews.
A masonry layout avoids rivers in the thumbnails.
Editing and saving style variations is an important incoming feature. Existing mockups have style variation picking as drilldowns from an itemgroup, but another option would be a dropdown to select the variation.
Mockup showing how an “Add new page” detail panel could look like as invoked from the site editor.
A quick mockup to demonstrate how we might enable users to change the corner radius of a 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. without having to open the Inspector.
A very quick mockup for Anne’s post about AI.
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/..
You must be logged in to post a comment.