Design Share: Mar 14–25

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

Status & visibility panel improvements

@javiarce shared some explorations to improve the ‘Status & visibility’ panel in the inspector 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. on this issue. You can also use this prototype to learn about its context and interact with the solution.

Adding post categoryCategory The 'category' taxonomy lets you group posts / content together that share a common bond. Categories are pre-defined and broad ranging. templates

@jameskoster has been looking at how we might enable the creation of post category templates for GutenbergGutenberg The Gutenberg project is the new Editor Interface for WordPress. The editor improves the process and experience of creating new content, making writing rich content much simpler. It uses ‘blocks’ to add richness rather than shortcodes, custom HTML etc. https://wordpress.org/gutenberg/ issue #37407

Page start options

@jameskoster is also exploring a pattern-centric view of edit mode for PR #39147.

Style variation hover animation

Gutenberg PR #39322 introduced a hover frame containing extra information about individual style variations. @critterverse and @joen have been helping to explore designs for the secondary frame as well as animation options in issue #39700.

Group, Row and Stack icons

@joen worked on new icons for “Row” and the incoming “Stack” 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., as well as how those group block variations could show up in the multi-select toolbar and inspector.

Comments query loopLoop The Loop is PHP code used by WordPress to display posts. Using The Loop, WordPress processes each post to be displayed on the current page, and formats it according to how it matches specified criteria within The Loop tags. Any HTML or PHP code in the Loop will be processed on each post. https://codex.wordpress.org/The_Loop., default design mockups

@joen mocked up a default style for the comments query loop block.


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/. or message @critterverse.

#design, #design-share