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.: Monday 16:30 UTC 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
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/
First, Housekeeping. We can still use more volunteers for note-taking and triage leading. Leave a comment below if you’re interested.
Now, @michael-arestad brings 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/ updates: The next Gutenberg releaseReleaseA release is the distribution of the final version of an application. A software release may be either public or private and generally constitutes the initial or new generation of a new or upgraded application. A release is preceded by the distribution of alpha and then beta versions of the software. 8.5 to be released on the 6th of July will be the one included in WordPress 5.5.
There is an experiment to improve drag and drop shepherded by @joen that We’re particularly excited about.
Reusable blocks are likely to get their own tab in the inserter
@nrqsnchz and I are starting work on designs for creating a new template. Stay tuned!
Meeting Between CoreCoreCore is the set of software required to run WordPress. The Core Development Team builds WordPress.-CSSCSSCSS is an acronym for cascading style sheets. This is what controls the design or look and feel of a site. and Design Team
The Meeting is on Thursday 17:00 EDT in the #core-css channel; find your local time
We will be chatting about Color Name Conventions, in specific colors.
Some time is needed to get organized as far as categorizing colors/etc.
Color naming convention is a huge item and we will continue discussing with the #core-css until we reach our goal.
Discussion
The TrelloTrelloProject management system using the concepts of boards and cards to organize tasks in a sane way. This is what the make.wordpress.com/marketing team uses for example: https://trello.com/b/8UGHVBu8/wp-marketing. board is an item brought up in discussion as the team would like to know if the process is still working to track design requests from other teams. For the moment, the team had no suggestions so we decided to keep it as is.
Open Floor
@sageshilling is working on a reusable image 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.. She will start a PR and bring it to the team for feedback.
@estelaris brought up the duration of core/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. triage as an issue. The original meeting lasts only 30 minutes. This week, she ran core triage for a full hour and managed to cover 2 full tickets. She will write a P2P2P2 or O2 is the term people use to refer to the Make WordPress blog. It can be found at https://make.wordpress.org/. on this to ask the design team members if anyone agrees to increase the time to a full hour.
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/
Collaboration with #core-css team on a color naming convention
Discussion
TrelloTrelloProject management system using the concepts of boards and cards to organize tasks in a sane way. This is what the make.wordpress.com/marketing team uses for example: https://trello.com/b/8UGHVBu8/wp-marketing.: is this process still working out for the design team?
Open floor
This meeting is held in the #design channel in the Making WordPress SlackSlackSlack is a Collaborative Group Chat Platform https://slack.com/. The WordPress community has its own Slack Channel at https://make.wordpress.org/chat/..
Leave a comment if you would like something reviewed, discussed, help or something added to the agenda.
There have been a lot of efforts to tighten up 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/ in preparation for the WordPress 5.5 releaseReleaseA release is the distribution of the final version of an application. A software release may be either public or private and generally constitutes the initial or new generation of a new or upgraded application. A release is preceded by the distribution of alpha and then beta versions of the software.. This post highlights a few.
Moving blocks
The movers are now more visible and aligned tightly with 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.’s icon. And there’s a PR that explores hiding the block’s content when being dragged.
Resize component
The resize component is getting a tooltip that communicates the pixel size when being resized.
A few rich text additions include superscript and subscript to allow more editing capabilities.
Get involved
Now is a great time to get involved. While the work on this project is intense, it is always important to glean new perspectives from other WordPress users and community members. Just drop into any of the links provided above to read up on the details, contribute, and leave feedback.
Thanks for reading, staying informed, and contributing anywhere you can!
We are still looking for volunteers to take notes and run triage (either coreCoreCore is the set of software required to run WordPress. The Core Development Team builds WordPress. triage or 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/ triage). If you are interested, leave a comment!
There is a new proposal for integrating the media uploader/inserter into Gutenberg. It will be discussed in the #core-media channel June 18th at 4 PM UTC.
There have been some minor updates to the “Add template part” flow moving closer toward the proposal here.
For the discussion, we dove into how to improve and maintain our Figma library of design components. Main pain points are that it’s hard to navigate, not up-to-date, and nobody who’s responsible for maintaining it. @ibdz spearheaded a document to collaborate on and gather input from the likes of @noah @davewhitley @melchoyce, and YOU! If you work with Figma or another design library, leave your thoughts in that doc so we can figure this out.
Finally, @michael-arestad briefly discussed template parts in Gutenberg, and how to differentiate them from 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. patterns in the UXUXUX is an acronym for User Experience - the way the user uses the UI. Think ‘what they are doing’ and less about how they do it.. It’s hard because technically they are the same, but with different use cases. A post will be written soon with details.
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/ development
#core-css meeting regarding color naming convention
Meeting Between CoreCoreCore is the set of software required to run WordPress. The Core Development Team builds WordPress.-CSSCSSCSS is an acronym for cascading style sheets. This is what controls the design or look and feel of a site. and Design Team
The Meeting is on Thursday 17:00 EDT in the #core-css channel; find your local time
We will be chatting about Name Conventions, in specific colors.
Anyone interested is welcome to attend.
Next, @michael-arestad brings 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/ updates
5.5 work is ramping up. If there is anything editor-specific you would like to see in 5.5, please let me know.
@annezazu has been working on some documentation and wrangling proper feedback tools for the FSE outreach program. This will be a great program to get early feedback on the work we do.
New to Gutenberg:
New design tools are coming to the next releaseReleaseA release is the distribution of the final version of an application. A software release may be either public or private and generally constitutes the initial or new generation of a new or upgraded application. A release is preceded by the distribution of alpha and then beta versions of the software. of Gutenberg that include padding controls for the cover 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. and link color controls for paragraph blocks (and a few others).
Blocks now get a nifty parent block selector courtesy of @shaunandrews
Block categories in the inserter have been updated.
Announcement
@karmatosed is out on sabbatical and will be back on 1st September.
Discussion
The handbook pages were recently re-organized to be more coherent and there are a few pages that need to be written or revamped. Here is the link to the TrelloTrelloProject management system using the concepts of boards and cards to organize tasks in a sane way. This is what the make.wordpress.com/marketing team uses for example: https://trello.com/b/8UGHVBu8/wp-marketing. Board https://trello.com/c/vtK848vz/167-new-handbook-pages-edit-and-iterate
If you have any comments on the handbook pages or would like to collaborate with the design team, please leave a message in the comments or 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.” @idbz or @estelaris on Slack
Suggestions by @ibdz for adding new pages in Handbook:
About the team > Meetings
Get involved > Attending meetings
Get involved > Core & 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. contribution
