Design Share: Nov 21–Dec 2

Hi, all! Here are a few projects the Design Team has contributed to over the past couple of weeks.

Developer and Documentation redesigns

We continued iterating the design of the Developer and Documentation pages with feedback from the community and the WordPress Documentation team.

Jobs redesign

We started redesigning the WordPress Jobs website. Figma file with an initial iteration.

Global styles summary view for blocks and styles

We are working on a feature called Style Book, a collection of every 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. available organized by categoryCategory The 'category' taxonomy lets you group posts / content together that share a common bond. Categories are pre-defined and broad ranging. that can be used to customize and preview the style of a site. Figma file and issue.

Summary panel grid tweaks

A very tiny improvement to the spacing of items in the post status summary panel. More work to be done. PR.

Snap point updates

Updated mockups for rendering snap-points when resizing images. There is an interesting CSSCSS CSS is an acronym for cascading style sheets. This is what controls the design or look and feel of a site. challenge for rendering the overlay with transparent gutters in both centered, and justified right configurations.

Global Styles panel/drilldown synchronicity

Efforts to add box-shadow controls to the editor have unearthed an inconsistency between Global Styles properties and inspector panels. For example, a missing “Border” panel, resulting in border properties currently being found in the “Layout” section. This PR adds a new border panel, with some icon work attached.

Menu Item Transforms

Building navigation is made slower by having to pick between mostly similar item types, “Page Link” vs. “Custom Link”. This issue details a simplification to hopefully reduce to a single item that can be transformed in the inspector.

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. counter in Openverse

The filters applied counter is coming back to the Filter button and the filter tab. The idea is for improving the content settings flow and how users are aware of the narrowed results.

Browse Mode

Pull Request #44770 reorganizes the site editor so that it is better positioned for exciting future enhancements like browse mode.

Shadows

Pull Request #46228 explores higher definition shadows in the block editor 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..


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