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.
This is a summary of the Monthly Show and Tell that happens on the last Wednesdays each month. You can read the details on our Slack channel and for a full discussion watch the video below. You can join the 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/. channel by following the instructions in our handbook.
Attendance: @chaion07, @javiarce, @paaljoachim, @critterverse, @karmatosed, @shaunandrews, @ibdz, @jameskoster, @ashiquzzaman are among the ones who attended the Zoom meeting. We’ve also had a productive conversation over Slack on the topics that were discussed during the meeting.
James shared his exploration of the 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. 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:
Paal shared his brainstorming ideas in relation to Reusable Blocks with features such as:
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 pluginPlugin A 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:
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)
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!
These are the weekly notes for the design meeting that happens on Wednesdays. You can read the full transcript on our Slack channel and find the meeting agenda here. You can join the 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/. channel by following the instructions in our handbook.
Attendance: @mdmamun-1, @fahimmurshed, @hedgefield, @kellychoffman, @kristengunther, @chaion07, @vbaimas, @brightemeka, @melchoyce, @ashiquzzaman, @paaljoachim, @shaunandrews, @audrasjb, @annezazu, @estelaris, @joen
Props to @audrasjb for publishing the weekly statistics and update. This week we saw a total of 17 new contributors.
Props to @priethor for publishing the 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/. that covers not only what’s new on 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/ 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 GitHubGitHub GitHub is a website that offers online implementation of git repositories that 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 meetupMeetup All 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.
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.
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.
@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).
These are the weekly notes for the design meeting that happens on Wednesdays. You can read the full transcript on our Slack channel and find the meeting agenda here. You can join the 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/. channel by following the instructions in our handbook.
Attendees: @estelaris, @ashiquzzaman, @paaljoachim, @hedgefield, @ibdz, @jameskoster, @kellychoffman, @melchoyce, @critterverse, @Nirbhay Singh
Housekeeping
@hedgefield has been working on the handbook expects to add major changes by this week. Requesting everyne to keep an eye on the handbook by the end of the week.
Contributions to the Design Team is always welcomed. Please pingPing The 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.
CoreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. Blog Highlights
Announcements
There will be a company-wide test of FSE at Yoast. @hedgefield believes that it will bring in some valuable feedback on some designs.
Project Updates
@ibdz has been working on the Figma library, adding the new colors. He has checked with the ‘source of truth’, made changes, and published the Styles.
As for the next step, he will inspect and work on the Components.
@ibdz also agreed to post a monthly post on “changes in Figma library”. The design team believes posts like this is going to be useful to all.
@jameskoster Combined all the separate button states into variants which will make it much easier to consume. This makes swapping the button states easier, For example – instead of having four versions of the Primary button, you can have just one and swap the button states via inline class. More variants can be found here. He also believes some refinement needs to be done.
Open Floor
@joyously reminded that there were requests for feedback for the Reusable Blocks interface and for how the Appearance menu should be with Full Site Editing. Because the recent change n Reusable Blocks generated lots of forum topics, the recent changes were all related to the 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. change. Because of the UI changes, people are inadvertently deleting Reusable Blocks. He requests to put a process to prevent this from happening in the future. He hopes 5.7.1 will fix everything.
@paaljoachim mentioned that one major issue with Reusable Blocks is that one can not discard a save, find the issue here Bottom line was that when the new Reusable 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. concept/feature was released.
@critterverse has been doing some work with Reusable Blocks here and @estelaris said, designers are exploring solutions and enhancements.
These are the weekly notes for the design meeting that happens on Wednesdays. You can read the full transcript on our Slack channel and find the meeting agenda here. You can join the 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/. channel by following the instructions in our handbook.
Attendees: @chaion07, @ashiquzzaman, @muhammadbux, @vbaimas, @williampatton, @fahimmurshed, @kellychoffman, @audrasjb, @alexdeborba, @annezazu, @mukesh27
These are the weekly notes for the design meeting that happens on Wednesdays. You can read the full transcript on our Slack channel and find the meeting agenda here. You can join the 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/. channel by following the instructions in our handbook.
Attendees: @estelaris, @chaion07, @ibdz, @ashiquzzaman, @hedgefield,
These are the weekly notes for the design meeting that happens on Wednesdays. You can read the full transcript on our Slack channel and find the meeting agenda here. You can join the 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/. channel by following the instructions in our handbook.
Attendees: @reachmazharul @adampickering, @chaion07, @kristengunther, @FahimMurshed, @hedgefield, @mukesh27, @kellychoffman, @critterverse, @paaljoachim, @aurangajeb, @hnew, @joyously, @estelaris, @karmatosed, @rashedul007, @annezazu, @ravipatel
WordPress 5.7 Esperanza is available! You can read about the post by Matt following this link: https://wordpress.org/news/2021/03/esperanza/
The highlights for WordPress 5.7 are:
Kudos to @hedgefield Tim Hedgefield for serving the role of the design lead for WordPress 5.7 release.
To get involve:
– Core Editor weekly Wednesdays @ 14:00 UTC in #core-editor focused on all-things 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/.
– Block-Based Themes meeting twice monthly on Wednesday @ 16:00 UTC in #themereview focused on preparing for Full Site Editing.
With the release of WP 5.7 also comes an end to this term of release leadRelease Lead The community member ultimately responsible for the Release.. @hedgefieldand was confused during this time as there wasn’t much documentation for guidance. He learned a lot from talking to previous leads – @estelaris and @karmatosed. With the learning of the process, he compiled a guide for the design Handbook.
During the 5.7 release, the design team ran joint meetings between the design and accessibilityAccessibility Accessibility (commonly shortened to a11y) refers to the design of products, devices, services, or environments for people with disabilities. The concept of accessible design ensures both “direct access” (i.e. unassisted) and “indirect access” meaning compatibility with a person’s assistive technology (for example, computer screen readers). (https://en.wikipedia.org/wiki/Accessibility) teams. Since they were helpful, the team agreed to run them monthly during quiet times and weekly during releases.
Testing Call #3 is about Creating a fun & custom 404 page: https://make.wordpress.org/test/2021/03/09/fse-program-testing-call-3-create-a-fun-custom-404-page/ props to @annezazu
@chaion07 is continuing a conversation with @estelaris on the Triage Summary Format. Expect a p2 on as soon as the draft is ready. The tentative timeline for the p2 is 2 weeks from now.
Timezone and Daylight Savings
@cbringmann posted in a p2 recently in the Update Blog mentioning the time changes: https://make.wordpress.org/updates/2021/02/09/2021-daylight-savings-time-planning/
The dates are:
As for the DST time, last time the team decided to follow the UTC time and didn’t change the meeting time as it is very confusing for everyone.
@estelaris will make a post before the end of the week regarding DTS time, if anyone objects or has any other ideas, please add them there.
@estelaris mentioned PR #29709, although it has been closed now, she believes it is food for thought regarding the impact every small change to the block editor is making on users.
These are the weekly notes for the design meeting that happens on Wednesdays. You can read the full transcript on our Slack channel and find the meeting agenda here. You can join the 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/. channel by following the instructions in our handbook.
Attendees: @estelaris, @shaunandrews, @critterverse, @jameskoster, @kellychoffman, @karmatosed, @chaion07, @xris, @joyously, @ashiquzzaman, @hedgefield
Joint Design & A11YAccessibility Accessibility (commonly shortened to a11y) refers to the design of products, devices, services, or environments for people with disabilities. The concept of accessible design ensures both “direct access” (i.e. unassisted) and “indirect access” meaning compatibility with a person’s assistive technology (for example, computer screen readers). (https://en.wikipedia.org/wiki/Accessibility) Bug Scrubs: Meetings are being held on a rotating basis on design and accessibilityAccessibility Accessibility (commonly shortened to a11y) refers to the design of products, devices, services, or environments for people with disabilities. The concept of accessible design ensures both “direct access” (i.e. unassisted) and “indirect access” meaning compatibility with a person’s assistive technology (for example, computer screen readers). (https://en.wikipedia.org/wiki/Accessibility) channels. The purpose of these meeting is to find the tickets that require most attention for the 5.7 release.
Icons in Figma: Based on last weeks discussion about the icons in Figma, particularly anchor hashtag. Upon some research, @estelaris came up with this Wikipedia reference as seen in this example. Estela would check with MetaMeta Meta 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 Accessibility Teams respectively about the issues we may have about changing the anchor to an icon instead of a character and will report back to the team.
N/A
These are the weekly notes for the design meeting that happens on Wednesdays. You can read the full transcript on our Slack channel and find the meeting agenda here. You can join the 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/. channel by following the instructions in our handbook.
Attendees: @estelaris, @mukesh27, @kellychoffman, @williampatton, @hedgefield, @jameskoster, @ibdz, @ashiquzzaman, @adamsilverstein, @fabiodevin, @karmatosed
@adamsilverstein asked for some feedback on this ticket. @hedgefield mentioned of adding this ticket to the WP 5.7 watch-list.
The possibility of having all the icons in one place: Slack reference: https://wordpress.slack.com/archives/C02S78ZAL/p1612376783267000
These are the weekly notes for the design meeting that happens on Wednesdays. You can read the full transcript on our Slack channel and find the meeting agenda here. You can join the 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/. channel by following the instructions in our handbook.
Attendees: @chaion07, @paaljoachim, @kellychoffman, @karmatosed, @arpitgshah, @habib919000, @estelaris, @hedgefield
Open Floor
@justinahinon is seeking feedback from the team on 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. editor handbook homepage https://developer.wordpress.org/block-editor/. Justin is working closely with @paaljoachim on improving the content of the handbook, and would like to take this opportunity to add some design changes as well. Specifically, now, on the homepage https://github.com/JustinyAhin/gutenberg/blob/gutenberg-hanbook-intro-page/docs/readme.md They would like to use cards for the headings like on Gatsby docs https://make.wordpress.org/core/files/2021/01/Screenshot_2021-01-20-Welcome-to-the-Gatsby-Way-of-Building-Gatsby.png
One suggestion made by @kellychoffman was to identify which info and content we want to be displayed in cards. that might be easier to provide a re-usable design that could be easily applied and styled in the theme.
@estelaris also suggested it would be a good idea to have a wire-frame so that we can understand what content is going to be added where. Questions like, are you moving the menu from the left column? will a new menu be introduced? However, if nothing from the frame will change, then shouldn’t be any issues in modifying the style for the content. Additionally, identifying and justifying the use of cards, what is the purpose? we should remember that adding extra graphic elements to such small area with existing images, can be overwhelming.
@karmatosed inquired on who the audience is going to be, whether existing users or designers and are we looking to change it to become a reference there? Tammie agreed with Kelly and pointed focus would on the paths over the design as a starting point. Just having a more usable handbook in the same style can be a huge win for everyone.
These are the weekly notes for the design meeting that happens on Wednesdays. You can read the full transcript on our Slack channel and find the meeting agenda here. You can join the 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/. channel by following the instructions in our handbook.
Attendees: @estelaris, @chaion07, @manzwebdesigns, @paaljoachim, @ibdz, @karmatosed and Andrew Rulnick.
Work is underway for WordPress 5.7 release. Read the p2 titled: WordPress 5.7 Planning Roundup on the #core blog. If you want to learn more about how the release process works then attending the dev chat in the #core channel would be a great idea which takes place at 6:00 AM UTC (for APAC) and at 8:00 PM UTC (for America).
The team went through a few GithubGitHub GitHub is a website that offers online implementation of git repositories that 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/ issues and TracTrac Trac is the place where contributors create issues for bugs or feature requests much like GitHub.https://core.trac.wordpress.org/. Tickets in the most recent working session. A lot of us felt that the triage resulted in a productive session as we want to have more folks joining so that we can move more tickets. During the last session we’re able to move forward a few tickets and pass a few that was focused towards WordPress 5.7 to @hedgefield. Last year we tried to reduce the ‘meeting fatigue’ factor for contributors and tried to reshape the way design team communicates.
