The Design Team provides user experience, user interface, and visual design expertise for the WordPress project.
Want to get involved?
Welcome! This all-volunteer team needs designers of various kinds. See our handbook and drop into #design once signed up for volunteer opportunities.
Our vision is to be the go-to resource for design for other teams across the WordPress open sourceOpen SourceOpen Source denotes software for which the original source code is made freely available and may be redistributed and modified. Open Source **must be** delivered via a licensing model, see GPL. project.
We meet and have ongoing discussions in Slack#design
Team: Wednesday 18:00 UTC
Triage: CoreCoreCore is the set of software required to run WordPress. The Core Development Team builds WordPress./metaMetaMeta is a term that refers to the inside workings of a group. For us, this is the team that works on internal WordPress sites like WordCamp Central and Make WordPress. and GutenbergGutenbergThe 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/: Tuesday 16:00 UTC
We have an open call for note-takers and triage facilitators. These both are great ways to get involved for new contributors but everyone is welcome to help out. Let us know if you are interested in the comments.
Contributions to the Design Team are always welcomed. Please pingPingThe act of sending a very small amount of data to an end point. Ping is used in computer science to illicit a response from a target server to test it’s connection. Ping is also a term used by Slack users to @ someone or send them a direct message (DM). Users might say something along the lines of “Ping me when the meeting starts.”@estelaris or @chaion07 and they will guide you through.
Requesting all to read and leave your valuable feedback on these posts. Your comments will help the design team to improve WordPress.
Open Floor:
@magdy thinks GutenbergGutenbergThe 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/ panels can be improved something similar to Quillforms is doing. @karmatosed advised to open an enhancement issue on https://github.com/WordPress/gutenberg/ and Joen agrees that the tricky part is to find the right balance.
This Meeting is held in the #design channel in the Making WordPress Slack Workspace.Leave a comment if you would like something reviewed, discussed, help or something added to the agenda.
As is the last Wednesday of the month, we will have a Show & Tell Meeting. This is a video meeting using Zoom where contributors have the opportunity to share their work and ask for feedback from the team.
The link to the Zoom Meeting will be posted on the Slack channel and the meeting will be recorded for those who cannot attend. A summary will also be posted in lieu of meeting notes. You can also check out the summary post for the month of April.
If you would like to share your work, show up to the call and raise your hand or let us know in the comments.
We have an open call for note-takers and triage facilitators. These both are great ways to get involved for new contributors but everyone is welcome to help out. Let us know if you are interested in the comments.
Contributions to the Design Team is always welcomed. Please pingPingThe act of sending a very small amount of data to an end point. Ping is used in computer science to illicit a response from a target server to test it’s connection. Ping is also a term used by Slack users to @ someone or send them a direct message (DM). Users might say something along the lines of “Ping me when the meeting starts.”@estelaris or @chaion07 and they will guide you through.
Final Alpha Scrub focused on features and enhancements before Feature Freeze on Tuesday, 25 May 2021
Feature Freeze in 6 days on Tuesday, May 25th
BetaBetaA pre-release of software that is given out to a large group of users to trial under real conditions. Beta versions have gone through alpha testing in-house and are generally fairly close in look, feel and function to the final product; however, design changes often occur as part of the process. 1 in 20 days on Tuesday, June 8th
RCRelease CandidateA beta version of software with the potential to be a final product, which is ready to release unless significant bugs emerge. 1 in 41 days on Tuesday, June 29th
Work continues on both Github and in Figma; Please do join in the fun and help us out. If you have any thoughts or feedback feel free to drop a comment on the P2P2P2 or O2 is the term people use to refer to the Make WordPress blog. It can be found at https://make.wordpress.org/.. Thanks!
This is a call for testing for the new blockBlockBlock 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. based Widgets Editor. Please report your findings on GithubGitHubGitHub is a website that offers online implementation of git repositories that can can easily be shared, copied and modified by other developers. Public repositories are free to host, private repositories require a paid subscription. GitHub introduced the concept of the ‘pull request’ where code changes done in branches by contributors can be reviewed and discussed before being merged be the repository owner. https://github.com/ in the Gutenberg repository as issues or in the comments below. If you have triage access, labeling any issue with [Feature] Widgets Screen or [Feature] Widgets Customizer, depending on the issue, would be very helpful. Alternatively, you can simply include “[Widgets Screen]” in the title to help those who can set the labels appropriately.
@keoshi proposed a couple of changes to existing icons a few new ones
Tweaking existing icons: make a slight tweak to icons that have human representations: replace the solid dot (generally reserved for interface elements) for a more open, outlined shape. Not only does this styling match the rest of the icon, it’s also much more consistent with the rest of the library, and it humanizes these icons.
Adding new icons: grow the library by introducing new icons: bug, no-bug, security, card-add, key, and box-3d. These last two I’m not super happy with the results and could definitely use more love.
Changes:
People and block-post-author icons.
The solid dot is generally used for interface elements, so I’m proposing opening up the shape a bit and outline it instead to humanize these two icons a bit.
New addition:
bug/no-bug to be used in technical contexts such as issues, bug reports, fixes, changelogs, etc.
backward/forward useful for navigation.
key to be paired with the lock icons, or for plugins that support licenses.
card-add a generic element to add new elements beyond just the block editor.
security using the shield metaphor applies to site health and plugins in general.
box-3d to highlight physical products or related services.
He’s still on the fence about the 3D box because it would be the first use to use some sort of perspective so it could introduce that major inconsistency.
Design team will post a detailed P2 about it.
Updates:
For Figma workshop: At the moment, the design team doesn’t have people available to run the Figma workshop for WCEU. If anyone is available and willing to, please @estelaris know. It could be a basic workshop on how we use Figma for WP.
This Meeting is held in the #design channel in the Making WordPress Slack Workspace.Leave a comment if you would like something reviewed, discussed, help or something added to the agenda.
Exploration on the Document Attribute Side Toolbar by @jameskoster
James shared his exploration of the sidebarSidebarA 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. inspector among the many things he is currently working on. Being inspired by this PR he is working on proposing a change for Post/Page Title to the top including other elements of the inspector. He’s tried a couple of times According to him, the benefits include:
Quick access to the page title
Update templates (adding this to the sidebar is quite challenging)
General information architecture on the sidebar is detrimental in its own way
We use the blockBlockBlock 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. attributes more than the post attributes so having it moved to the top can be an advantage
Gives more real estate for working with the post attributes
General portability is more.
Brainstorming with Reusable Blocks by @paaljoachim
Paal shared his brainstorming ideas in relation to Reusable Blocks with features such as:
Discard save
Convert to regular blocks
Click through; and
other features & design aspects.
‘GutenbergGutenbergThe 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/ Labs’ idea exploration by @critterverse and @javiarce
In relation to this issue on GitHub, Channing has been collaborating with Javier with the idea of ‘Gutenberg Labs’. This has everything to do with the experiment window on the Gutenberg pluginPluginA plugin is a piece of software containing a group of functions that can be added to a WordPress website. They can extend functionality or add new features to your WordPress websites. WordPress plugins are written in the PHP programming language and integrate seamlessly with WordPress. These can be free in the WordPress.org Plugin Directory https://wordpress.org/plugins/ or can be cost-based plugin from a third-party. We have been having discussions on the design channel about how this can work out. Channing & Javier have been collecting early ideas on where this can go. They began with the WordPress About page for releases to work with as a reference point. Similar references include:
GitHubGitHubGitHub is a website that offers online implementation of git repositories that can can easily be shared, copied and modified by other developers. Public repositories are free to host, private repositories require a paid subscription. GitHub introduced the concept of the ‘pull request’ where code changes done in branches by contributors can be reviewed and discussed before being merged be the repository owner. https://github.com/ Feature Preview (Notifications BetaBetaA pre-release of software that is given out to a large group of users to trial under real conditions. Beta versions have gone through alpha testing in-house and are generally fairly close in look, feel and function to the final product; however, design changes often occur as part of the process.)
GMail Labs (Currently Advanced Tab in GMail)
Figma Beta
Tumblr Labs
They also showed the working file using Figma with some visual references in the form of look and feel inspirations including abstract ui and tools.
Recording: (For best results watch the video on YouTube)
Design Show and Tell April 2021 (on YouTube)
Please go through the recording to learn more on the ideas shared during the Show and Tell meeting. We look forward to having you with the Design Team. The next Show and Tell is set to take place on the Wednesday, May 26, 2021, 18:00 UTC. Thank you!
CoreCoreCore is the set of software required to run WordPress. The Core Development Team builds WordPress. Blog Highlights
A Week in Core
What’s New in GutenbergGutenbergThe 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/ 10.4
Full Site Editing Go/No Go | April 14, 2021
Full Site Editing Go/No Go: Next steps
Update
Proposal: Treat FLoC like a security concern
Open floor
Leave a comment if you would like something reviewed, discussed, help or something added to the agenda.
We have an open call for note-takers and triage facilitators. These both are great ways to get involved for new contributors but everyone is welcome to help out. Let us know if you are interested in the comments. Props to @ashiquzzaman for documenting the notes for the last meeting.
Contributions to the Design Team is always welcomed. Please pingPingThe act of sending a very small amount of data to an end point. Ping is used in computer science to illicit a response from a target server to test it’s connection. Ping is also a term used by Slack users to @ someone or send them a direct message (DM). Users might say something along the lines of “Ping me when the meeting starts.”@estelaris or @chaion07 and they will guide you through.
CoreCoreCore is the set of software required to run WordPress. The Core Development Team builds WordPress. Blog Highlights
Props to @priethor for publishing the P2P2P2 or O2 is the term people use to refer to the Make WordPress blog. It can be found at https://make.wordpress.org/. that covers not only what’s new on GutenbergGutenbergThe 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/ but also the Widgets Editor, Navigation Editor and Full Site Editing. You can also find information on areas to be aware of and how you can get involved.
Props to @desrosj for the a P2 that talks on the recent Build/Test Tool changes and GitHubGitHubGitHub is a website that offers online implementation of git repositories that can can easily be shared, copied and modified by other developers. Public repositories are free to host, private repositories require a paid subscription. GitHub introduced the concept of the ‘pull request’ where code changes done in branches by contributors can be reviewed and discussed before being merged be the repository owner. https://github.com/ Actions Update. You should read it at your convenience and comment with feedback (if any).
Thanks to @chanthaboune for releasing the latest episode of WP Briefing podcast. In this episode Josepha explores the five groups within the WordPress ecosystem and provides a high-level example of how they interact and support one another. Go ahead and listen to the podcast on the WordPress Org News blog. Additionally, you can subscribe to Apple Podcasts | Google Podcasts | PocketCasts | RSS | Spotify | Stitcher so that you don’t miss out on the future episodes.
@samsuresh‘s proposal talks about add topic based meetupMeetupAll local/regional gatherings that are officially a part of the WordPress world but are not WordCamps are organized through https://www.meetup.com/. A meetup is typically a chance for local WordPress users to get together and share new ideas and seek help from one another. Searching for ‘WordPress’ on meetup.com will help you find options in your area. chapters. The is quite interesting as it explores the possibilities of having global meetup chapters acting as one on topics of similar interest. You can find the full post on the community blog.
If you are a fan of Full Site Editing then here’s @chanthaboune‘s update. Josepha put together another P2 on the topic. We encourage you to test it and report bugs (using GitHub) or raise a flag (in the comments below) which will eventually contribute towards a successful WordPress 5.8 launch.
@sarayourfriend published another in-depth write up on ‘when and where to use Typescript’ including relevant information. Don’t forget to check it out and interact posting comments with your feedback.
Discussion
WordCampWordCampWordCamps 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 2021 Contributor DayContributor DayContributor Days are standalone days, frequently held before or after WordCamps but they can also happen at any time. They are events where people get together to work on various areas of https://make.wordpress.org/ There are many teams that people can participate in, each with a different focus. https://2017.us.wordcamp.org/contributor-day/https://make.wordpress.org/support/handbook/getting-started/getting-started-at-a-contributor-day/.
The second virtual edition of WordCamp Europe is scheduled to take place between the 7 and 10 of June. We requested the team to share their thoughts on the biggest virtual contributor day. @paaljoachim among others offered to prepare supportive materials in the form of workshops and tutorials using the Learn WordPress project. The team is exploring ideas and options for smooth and easy contributor day experience overall. We will publish a P2 focusing on the topic once the official announcement is made.
Asia Pacific Working Hour
The growing interest of design working hours that can support multiple time zones. Considering the current timing are not too friendly for some. We are eager to explore working hours that are APAC friendly keeping the existing meeting times and evaluate the results. @chaion07 and @estelaris will write a P2 on this topic in the month of May.
Open Floor
@hedgefield informed about a user testing on Full Site Editing, conducted at Yoast recently where a lot of interesting observation and feedback came out. The Yoast team then shared this feedback using the Gutenberg repository including some Pull Requests. He shared a link to the reference document containing videos and screenshots.
@annezazu confirmed of the coordination focus with @francina on the topic and shared a link to a comment as reference. She’s currently awaiting a follow up comment there (for transparency and also for future references).
CoreCoreCore is the set of software required to run WordPress. The Core Development Team builds WordPress. Blog Highlights
A Week in Core
What’s Next in GutenbergGutenbergThe 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/ (April 2021)
Recent Build/Test Tool changes and GitHubGitHubGitHub is a website that offers online implementation of git repositories that can can easily be shared, copied and modified by other developers. Public repositories are free to host, private repositories require a paid subscription. GitHub introduced the concept of the ‘pull request’ where code changes done in branches by contributors can be reviewed and discussed before being merged be the repository owner. https://github.com/ Actions update
Updates
Proposal: Topic Based MeetupMeetupAll local/regional gatherings that are officially a part of the WordPress world but are not WordCamps are organized through https://www.meetup.com/. A meetup is typically a chance for local WordPress users to get together and share new ideas and seek help from one another. Searching for ‘WordPress’ on meetup.com will help you find options in your area. Chapter Program
FSE in WP 5.8
WP Briefing: Who is WordPress
Follow up to the native TypeScript proposal
Discussion
APAC friendly working hour
WordCampWordCampWordCamps 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 2021: Contributor DayContributor DayContributor Days are standalone days, frequently held before or after WordCamps but they can also happen at any time. They are events where people get together to work on various areas of https://make.wordpress.org/ There are many teams that people can participate in, each with a different focus. https://2017.us.wordcamp.org/contributor-day/https://make.wordpress.org/support/handbook/getting-started/getting-started-at-a-contributor-day/.
Open Floor
Leave a comment if you would like something reviewed, discussed, help or something added to the agenda.
You must be logged in to post a comment.