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.
Hey everyone, just a quick reminder that there’s one week left to submit style variations for the TT3 default theme before submissions close on August 31st.
Check out the kickoff post for submission details, or browse some of the beautiful work that’s been submitted already ✨
Its been a while since we’ve had an agenda based P2P2 P2 or O2 is the term people use to refer to the Make WordPress blog. It can be found at https://make.wordpress.org/. published on the Make Design Blog. The most recent one dates back to October 2021. I want to invite contributors to attend the bi-weekly meeting today at Wednesday, August 10, 2022, 15:00 UTC in the #design channel on the WordPress Slack. Learn how to join by following the instructions in the handbook.
We’ll have an ‘open floor’- type meeting as seemed most effective for almost an year now to discuss the following items:
Hoping to see you all there!
Hi, all! Here are a few projects the Design Team has contributed to over the past couple of weeks.
Last week, new designs were shared for the Homepage and Download pages — two of the most high-traffic pages on the WordPress.org site. Props to @beafialho and @javiarce for the beautiful design work.
Clean up of all the icons of the Design Library is ongoing, with flattening the icons being a first step to fix the color overrides of the library. The instructions have also been updated to indicate what’s the preferred internal structure. @javiarce started testing the new functionalities that Figma introduced recently, which will allow us to simplify the components and make them easier to use.
@fcoveram has been iterating on the Openverse header component, taking a new approach to simplify the navigation and content interaction.
@javiarce created a header and avatarAvatar An avatar is an image or illustration that specifically refers to a character that represents an online user. It’s usually a square box that appears next to the user’s name. for the WordPress Jobs Twitter account.
There’s also a proposal on the Make Design blog for a new approach to the annual default theme. What if, instead of emphasizing the theme itself, we highlighted an opinionated set of style variations designed by members of the community? The idea is to use Twenty Twenty-Two as the basis for a new theme that’s stripped back and minimal — a blank canvas to let a diverse range of style variations shine.
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.
Hi, all! Here are a few projects the Design Team has contributed to over the past couple of weeks.
A kickoff post for the redesign of the WordPress.org Homepage and Download pages was shared on the Make Design blog recently:
With a new design style making an appearance in various places across the site, it seems like a good time to turn our attention to the home and download pages, two of the most-visited pages on WordPress.org and a well-worn path for those coming to experience WordPress.
@eidolonnight
Please share your ideas about how you envision these two pages taking shape directly on the post!
Several new popovers have been added to the WordPress Design Library, like the “Publish” and “Color” popovers. They can be found in the “Views & Stickers” page of the library.
@javiarce shared a prototype for inserting several items at once for the Navigation Block to ease the creation of new menus. Check out the design and prototypes, or weigh in on the original issue.
A number of design contributors volunteered to run usability testing sessions as a part of this month’s Full Site Editor outreach call for testing. @annezazu published an excellent recap of the testing sessions that’s full of valuable insights about some of the difficulties users encountered. Huge thanks to @javiarce @estelaris @ericcarco and @colourpress for conducting these sessions!
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.
Hi, all! Here are a few projects the Design Team has contributed to over the past couple of weeks.
@javiarce revisited his original design proposal to add drafting and scheduling capabilities to the site editor. Design of the second iteration. Prototype.
@javiarce submitted a proposal for an interface to enable interactive states (:hover, :active, :focused, etc.) to specific blocks’ properties. Design and prototype.
@jameskoster explored how we can improve the experience when creating template parts from scratch in Gutenberg issue #41008.
@jameskoster is working on designs to consolidate the various pattern browsing experiences into a single component.
@shaunandrews shared some early thoughts in the Design channel about the Plugin Dependencies project, specifically how we can improve the flow of installing a plugin that requires additional plugins.
@fcoveram has been working on integrating 3D model content in Openverse results by creating new components and layouts for results and single result view.
@fcoveram started updating the Openverse Design Library by using the WordPress Design Library utility components. This sync aims to ease the design contribution onboarding.
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.
Hi, all. As mentioned in the meeting notes from our Show & Tell call earlier this week, the team has been discussing the possibility of moving our regular meeting to an earlier time on Wednesdays.
I’ve created a Doodle poll to try to get as many responses as possible about what time would work best for folks. The options I’ve included are the existing meeting time at 18 UTC, and options that would move the meeting up to 4 hours earlier. Please comment on this post if another time would work better outside of the proposed options!
Please respond by next Friday, May 20th so we can make a decision and announce it on the Make blog before our next text-based meeting on the 25th.
Thank you!
Here’s a recap of our Show & Tell call today ✨
Attendees: @beafialho, @jameskoster, @saif2002, @javiarce, @shaunandrews, @fcoveram, @critterverse
Based on this discussion, I’d like to propose that we change the meeting time to be at 15 UTC moving forward (3 hours earlier than the previously scheduled time).
@fcoveram shared some assets he’s been creating for the next “What’s New in Gutenberg” release post. You can check out his latest designs in the Figma file.
We also discussed potential improvements to multi-entity saving, including some issues that have already been opened around improving saving flows. The biggest takeaway was that it would be nice if multi-entity saving could be less complicated and more intutive, perhaps requiring less decision-making by the user when they click the Save button.
Here’s a recording of the call in case you missed it. See you next month!
Hi, all! Here are a few projects the Design Team has contributed to over the past couple of weeks.
@jameskoster opened a PR to try some design updates for the 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/ modal component.
@jameskoster worked on design options to update text transforms, prioritising more common transformations.
@javiarce designed some communication stickers for the upcoming WordCampWordCamp WordCamps are casual, locally-organized conferences covering everything related to WordPress. They're one of the places where the WordPress community comes together to teach one another what they’ve learned throughout the year and share the joy. Learn more. Europe. Those designs can be adapted and reused for future WordCamps.
@fcoveram has been working on designing the assets for the next WordPress 6.0 release. The graphics include the design for the About page (including the headerHeader The header of your site is typically the first thing people will experience. The masthead or header art located across the top of your page is part of the look and feel of your website. It can influence a visitor’s opinion about your content and you/ your organization’s brand. It may also look different on different screen sizes. artwork for all sections) and the welcome banner for the Dashboard.
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.
Hi, all! Here are a few projects the Design Team has contributed to over the past couple of weeks.
@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.
@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.
@jameskoster is also exploring a pattern-centric view of edit mode for PR #39147.
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.
@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.
@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.
Hi, all! Here are a few projects the Design Team has contributed to over the past couple of weeks.
@javiarce and @joen discuss the background and overlay properties of the Cover 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., and how they might be simplified so they can apply across other blocks as well (Figma file). These explorations have been shared on GitHub, and are related to to recent discussions around background block support.
@fcoveram has been working on a second iteration of the Openverse header. This time, he’s exploring two navigational layouts and adding a profile area for future features.
@fcoveram shared some ideas for improving current practices around the contribution process in a new blog post: Design contribution process
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.
You must be logged in to post a comment.