Upgrade/Install component meeting agenda for May 11th, 2021

Next meeting is scheduled on Tuesday May 11, 2021 at 17:00 UTC and will take place on #core-auto-updates 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 with the following agenda:

  • Triagetriage The act of evaluating and sorting bug reports, in order to decide priority, severity, and other factors. of the tickets in the spreadsheet (they all refer to Outcome 1 of the Updater initiative)
  • Open floor/tickets awaiting review

Got something to propose for the agenda? Please leave a comment below.

#core-auto-updates, #updater, #upgrade-install

A Week in Core – May 10, 2021

Welcome back to a new issue of Week in CoreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress.. Let’s take a look at what changed on TracTrac An open source project by Edgewall Software that serves as a bug tracker and project management tool for WordPress. between May 3 and May 10, 2021.

  • 32 commits
  • 42 contributors
  • 44 tickets created
  • 4 tickets reopened
  • 34 tickets closed

Ticketticket Created for both bug reports and feature development on the bug tracker. numbers are based on the Trac timeline for the period above. The following is a summary of commits, organized by component and/or focus.

Code changes

Bundled Themes

  • Twenty Twenty-One: Fix “Opening PHPPHP The web scripting language in which WordPress is primarily architected. WordPress requires PHP 5.6.20 or higher tagtag A directory in Subversion. WordPress uses tags to store a single snapshot of a version (3.6, 3.6.1, etc.), the common convention of tags in version control systems. (Not to be confused with post tags.) must be on a line by itself” WPCSWordPress Coding Standards A collection of PHP_CodeSniffer rules (sniffs) to validate code developed for WordPress. It ensures code quality and adherence to coding conventions, especially the official standards for WordPress Core. issue – #52938

Coding Standards

  • Use strict comparison in wp-admin/includes/screen.php#52627
  • Fix a whitespace at end of line issue in wp-admin/includes/class-wp-comments-list-table.php#52627
  • Use strict comparison in wp-admin/includes/class-wp-posts-list-table.php#52627

Comments

  • Remove fourth parameter on remove_filter call – #53113

Docs

  • Correct @since tags for new properties and functions related to infinite scrolling in Media Library – #50105, #40330, #52628
  • Miscellaneous docblockdocblock (phpdoc, xref, inline docs) updates – #52628
  • Use correct @since tag notation – #16401
  • Correct the aria-current array key in the documentation for two widgetWidget A WordPress Widget is a small block that performs a specific function. You can add these widgets in sidebars also known as widget-ready areas on your web page. WordPress widgets were originally created to provide a simple and easy-to-use way of giving design and structure control of the WordPress theme to the user. filters – #43522, #52628
  • Correct documentation for wp_get_webp_info() return results – #35725
  • Further synchronize documentation for some 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 APIAPI An API or Application Programming Interface is a software intermediary that allows programs to interact with each other and share data in limited, clearly defined ways. functions – #50531

Editor

  • Update WordPress packages from 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/ 10.5 – #52991

Formatting

  • Verify emails with + characters are valid – #53130

General

  • Use correct escaping function for form action attributes – #53150
  • Use correct escaping function for the plugin icon URLURL A specific web address of a website or web page on the Internet, such as a website’s URL www.wordpress.org#53151

Media

  • Remove infinite scroll from media library and modal – #50105, #40330
  • Avoid an infinite 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. between wp_getimagesize() and wp_get_image_mime()#35725
  • Remove an extra variable and a redundant check in WP_Image_Editor_Imagick::set_quality()#35725
  • Remove _wp_webp_is_lossy() for now – #35725
  • Correct an early return condition in wp_get_webp_info()#35725
  • Move retrieving WebP image size information into wp_getimagesize()#35725
  • Some documentation and test improvements for WebP support – #35725
  • Images: enable WebP support – #35725

Networknetwork (versus site, blog) and Sites

  • Display site icons in the My Sites menu – #46657

Permalinks

  • Add labels for permalink configuration fields – #53142

Plugins

  • Escape the currently installed version number on Add Plugins screen – #53020
  • Standardize the terminology used for actions, filters, and callback functions – #50531
  • Enable revisionsRevisions The WordPress revisions system stores a record of each saved draft or published update. The revision system allows you to see what changes were made in each revision by dragging a slider (or using the Next/Previous buttons). The display indicates what has changed in each revision. for the wp_block post type – #53072
  • Improve the appearance of Site Health Status dashboard widget – #52966
  • Include more ImageMagick/Imagick information in the Media Handling section – #53022
  • Introduce the delete_theme and deleted_theme action hooksHooks In WordPress theme and development, hooks are functions that can be applied to an action or a Filter in WordPress. Actions are functions performed when a certain event occurs in WordPress. Filters allow you to modify certain functions. Arguments used to hook both filters and actions look the same.#16401
  • Remove the “Featured” tab on Add Themes screen – #49487, #meta5044

Props

Thanks to the 42 people who contributed to WordPress Core on Trac last week:

@desrosj (5), @audrasjb (5), @Clorith (3), @SergeyBiryukov (3), @joemcgill (2), @afercia (2), @chintan1896 (2), @ayeshrajans (2), @johnjamesjacoby (2), @matveb (1), @markoheijne (1), @poena (1), @kjellr (1), @celloexpressions (1), @marylauc (1), @blobfolio (1), @atjn (1), @spacedmonkey (1), @mikeschroder (1), @hellofromtonya (1), @flixos90 (1), @johnbillion (1), @diddledan (1), @youknowriad (1), @alexstine (1), @francina (1), @rmccue (1), @mblach (1), @hedgefield (1), @sabernhardt (1), @adamsilverstein (1), @joedolson (1), @ocean90 (1), @chetan200891 (1), @scottconnerly (1), @ptahdunbar (1), @pbiron (1), @vetyst (1), @m0ze (1), @bmcculley (1), @jnylen0 (1), and @jrf (1).

Congrats and welcome to our 6 new contributors of the week! @marylauc, @atjn, @mblach, @vetyst, @m0ze, @bmcculley ♥️

Core committers: @sergeybiryukov (18), @desrosj (8), @joedolson (2), @johnbillion (1), @gziolo (1), @davidbaumwald (1), and @adamsilverstein (1).

#5-8, #meta5044, #week-in-core

Core Editor Agenda 12 May, 2020

Facilitator: @itsjusteileen

This is the agenda for the weekly editor chat scheduled for Wednesday, May 12, 2021, 02:00PM UTC.

This meeting is held in the #core-editor channel in 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/..

  • Gutenberg 10.5.4
  • Gutenberg 10.6 due out on 12 May
  • WordPress 5.8
  • What’s New in Gutenberg
  • What’s Next in Gutenberg
  • Full Site Editing Upcoming Schedule
  • Key project updates:
    • Global Styles
    • 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.-based WidgetWidget A WordPress Widget is a small block that performs a specific function. You can add these widgets in sidebars also known as widget-ready areas on your web page. WordPress widgets were originally created to provide a simple and easy-to-use way of giving design and structure control of the WordPress theme to the user. Editor
    • Navigation block
    • Full Site Editing
  • Task Coordination
  • Open Floor

If you are not able to attend the meeting, you are encouraged to share anything relevant for the discussion:

  • If you have anything to share for the Task Coordination section, please leave it as a comment on this post.
  • If you have anything to propose for the agenda or other specific items related to those listed above, please leave a comment below.

CSS Custom Properties Project Update

Based on the discussions in this previous post, a few of us over in #core-css have made some demos and explored the technical details around using custom properties with coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. as part of the larger goal to implement dark mode in WP-Adminadmin (and super admin), and allow for more sophisticated handling of color schemes (see #49999). The following post will summarize those thoughts and lay out a possible roadmap.

Given the IE11 phase-out plan, fallbacks for custom properties are not needed. If for some reason that changes, there are PostCSS tools for automating fallbacks.

Naming the custom properties – some demos to explore different naming schemes were shared in the core-CSSCSS Cascading Style Sheets. meetings (demo 1, demo 2, and demo 3). The aim is to create a consistent and understandable “APIAPI An API or Application Programming Interface is a software intermediary that allows programs to interact with each other and share data in limited, clearly defined ways.” for interacting with colors (custom properties won’t be used for typography or layout). One formula for creating names was decided on, --[prefix]--[location]--[property]--[state]. Those tokens will be refined further in future Core CSS meetings. The next meeting is Thursday 21:00 UTC.

How it (could) work

In this example, there are 4 screenshots of possible color schemes – default, light high contrast, dark, and dark high contrast. Custom properties would be used to set the background colors, text colors, link, and button colors so that each theme can set just what is needed. For example, the button’s CSS would look like this:

.button {
    background: var(--wp-admin--button--background);
    color: var(--wp-admin--button--color);
}

Then each theme would set those variables, inheriting from the default.

body {
    --wp-admin--button--background: #2371b1;
    --wp-admin--button--color: #fff;
}

body.is-theme-dark {
    /* No change, the same button is used. */
}

body.is-theme-light-high-contrast {
    /* Inherits the text color, but darkens the button. */
    --wp-admin--button--background: #0b4b78;
}

body.is-theme-dark-high-contrast {
    /* Overrides both background and text. */
    --wp-admin--button--background: #68de7c;
    --wp-admin--button--color: #1d2327;
}

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 authors will also be able to use these colors in their CSS without creating separate rules for each color scheme.

.my-fancy-button {
    background: var(--wp-admin--button--background);
    color: var(--wp-admin--button--color);
}

Specific technical details – like how the schemes are registered & loaded, how to work with the existing properties in 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/, whether there should be a “default dark” for schemes to inherit from, etc – are still in progress. If this sounds interesting to you, please join the conversation in #core-css!

This project will likely also tie into the CSS deprecation discussion in #53070.

Next Steps

This is just a rough outline, and will depend on support and involvement across different teams.

Phase 1 (eta: early 5.9)

  • Start creating custom properties with an --experimental prefix. This will allow for use in trunktrunk A directory in Subversion containing the latest development code in preparation for the next major release cycle. If you are running "trunk", then you are on the latest revision. without committing to forever supporting them.
  • This will need more input from designers and UIUI User interface folks to help identify colors and make sure the naming schemes are coherent in the design system of WordPress.
  • Once some color custom properties have been created, use these for the current core color schemes. Maybe make improvements to the color schemes.

Phase 2 (eta: 6.0)

  • Remove the experimental prefix from the custom properties.
  • Create new color schemes for a dark mode, high contrast dark mode, and high contrast light mode.

+make.wordpress.org/design/

Thanks to @melchoyce for quickly mocking up some possible color schemes, and thanks to @danfarrow, @notlaura, & @joyously for reviewing this post.

#color-schemes

What’s next in Gutenberg? (May 2021)

This monthly update contains the high-level items that 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/ contributors are focusing on for May. Please join us in our efforts and let us know in the comments if anything is blocking you from doing so.

The priorities for the month heavily focus on the WordPress 5.8 Must Haves, including auditing Experimental APIs and merging Gutenberg into WordPress trunk.

How to follow along with Gutenberg

Here’s an overview of different ways to keep up with Gutenberg and the Full Site Editing project. There is also an index page of Gutenberg development-related posts and a Site Editing Milestone overview issue that breaks down the upcoming work into more concrete next steps. 

Widgets Editor

Work on the 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.-based WidgetWidget A WordPress Widget is a small block that performs a specific function. You can add these widgets in sidebars also known as widget-ready areas on your web page. WordPress widgets were originally created to provide a simple and easy-to-use way of giving design and structure control of the WordPress theme to the user. Editor is a continued focus for the month ahead. The main efforts target stabilizing and documenting the editor and the customizerCustomizer Tool built into WordPress core that hooks into most modern themes. You can use it to preview and modify many of your site’s appearance settings. block editor, as well as:

Follow along

You can find more information about the current work in progress in this tracking issue, as well as on this project board. Moreover, you can join #feature-widgets-block-editor in WordPress.orgWordPress.org The community site where WordPress code is created and shared by the users. This is where you can download the source code for WordPress core, plugins and themes as well as the central location for community conversations and organization. https://wordpress.org/ 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/. for future Widget Editor-focused meetings.

Navigation Editor

Like the Widgets Editor, the Navigation Editor aims to help expand what’s possible with menus while bringing block functionality to yet another part of WordPress to allow for more adoption and offer a more modern experience. Because the Navigation Editor needs to work nicely with the Navigation Block (and vice versa), much of the current effort from contributors focus on the Navigation Block. With this in mind, current efforts include:

Follow along

You can follow the progress of this project on this project board or review the new Navigation Editor tracking issue and join #feature-navigation-block-editor in WordPress.org Slack.

Full Site Editing

As with the prior months, work on this major focus for phase 2 is ongoing and is expected to continue as a big-picture goal for 2021. Work this month will include the following focus areas:

Milestone 1 – Site Editing Infrastructure and UI

Milestone 3 – Global Styles

Milestone 4 – Block Themes

Milestone 5 – Query Block

Milestone 6 – Navigation Block

Follow along

You can follow the progress of this project with this overview issue showing key milestones for site editing. For each major milestone, there are related issues you can follow if you want a more granular look at each next step.

If you’re interested in testing Full Site Editing, check out the FSE Outreach Program to learn more. If you have questions about Full Site Editing, check out this recent effort to offer answers.

Areas to be aware of

FSE Roadmap

FSE Outreach Program

Theme Developers

  • The theme.json configuration file is becoming stable in the imminent Gutenberg 10.6:

Design

Other

Ways to Get Involved

While the above items are our focuses, don’t forget that you can always help with triage, needs testing issues, good first issues, and reviewing PRs. In particular, if you’re interested in helping with triagetriage The act of evaluating and sorting bug reports, in order to decide priority, severity, and other factors. but don’t know where to start, there’s a course on Learn WordPress for how to do triage in GitHub! Check it out and join us.

If there’s anything we can do to make contributing easier, let us know in the comments or in #core-editor chats. While we can’t promise to fix everything, we’d appreciate being aware of any blockers.

Meetings to join

While you can view all meetings here, here are specific meetings to join depending on your interest. Remember that you need a WordPress.org Slack account to participate:

  • CoreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. Editor weekly Wednesdays @ 14:00 UTC in #core-editor focused on all things Gutenberg.
  • Block Themes meeting twice monthly on Wednesday @ 16:00 UTC in #themereview focused on preparing for Full Site Editing.

Thanks @cbringmann for reviewing this post.

#core-editor #gutenberg-next #gutenberg

DevChat meeting Summary – May 5, 2021

Agenda for the two meetings. Thanks to @peterwilsoncc and @jeffpaul for leading the 05:00 and 20:00 UTC devchats respectively.

Link to 05:00 UTC devchat meeting archive in Slack // Link to 20:00 UTC devchat meeting archive in Slack

Announcements and news

These posts need your feedback:

  • @ryokuhi published a proposal on Make/Accessibility about a new Trac workflow keyword that the 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) team would like to consider.  If you feel particularly opinionated or passionate about this, please comment on the post.
  • @jeffpaul and @desrosj published a request to Component Maintainers, Feature plugin authors, and the Gutenberg team to share plans / help needed for 5.8 (primary focus will be FSE).  Please comment on the post to help ensure we’re tracking the right work for the release.
    • @youknowriad noted that required Gutenberg changes in Core are made as filters/extensions points and brought to coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. as part of 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/ merge that happens regularly
    • @mkaz shared the WordPress 5.8 Must Haves project board on GitHub as outline of Gutenberg work for 5.8

5.8 Review

  • Schedule confirmed including bugbug A bug is an error or unexpected result. Performance improvements, code optimization, and are considered enhancements, not defects. After feature freeze, only bugs are dealt with, with regressions (adverse changes from the previous version) being the highest priority. scrub schedule
  • @youknowriad shared that trunk is already on Gutenberg 10.4, @gziolo is working on updating it to 10.5 and the big changes (Global styles infrastructure in themes.json and FSE blocks) are coming in 10.6
  • Feature freeze on Tuesday May 25th (19 days from now) defined as “During the following two weeks, there will be no commits for new enhancements or feature requests. Core contributorsCore Contributors Core contributors are those who have worked on a release of WordPress, by creating the functions or finding and patching bugs. These contributions are done through Trac. https://core.trac.wordpress.org. will focus on defect work (aka outstanding bugs)
  • BetaBeta A 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 on Tuesday June 8 (33 days)
  • RC 1 on Tuesday June 29 (54 days)
  • Release on Tuesday July 20 (75 days)
  • Current list of tickets that are on the 5.8 milestone, list of good-first-bugs tickets

Component maintainers and committers update

  • @sergeybiryukov shared Plugins update that Parameter names in 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 APIAPI An API or Application Programming Interface is a software intermediary that allows programs to interact with each other and share data in limited, clearly defined ways. functions now use consistent terminology when referring to actions, filters, and callback functions via #50531
  • @sergeybiryukov shared Themes update that #49487 removes the “Featured” tab on Add Themes screen to match an earlier change in the Theme Directory
  • @webcommsat shared About/Help update that ticketticket Created for both bug reports and feature development on the bug tracker. triagetriage The act of evaluating and sorting bug reports, in order to decide priority, severity, and other factors. continues with @marybaum
  • @audrasjb shared Menus update that #21603 is being reviewed
  • @audrasjb shared Upgrade/Install update that the last meeting recap includes a project for the next few releases

Open Floor

Props to @audrasjb, @webcommsat and @marybaum for reviewing this post.

#5-8, #accessibility, #dev-chat, #docs, #fse, #full-site-editing, #github, #learnwp, #summaries, #summary, #updater

Media Meeting Recap – May 6, 2021

The following is a summary of the weekly Media component meeting that occurred on Thursday, May 6, 2021 at 14:00 UTC. Weekly media meetings are held every Thursday at 14:00 UTC. A full transcript can be found here in the #core-media room in the Make WordPress Slack.

Attendees: @antpb, @mista-flo, @chaion07, @adamsilverstein, @paaljoachim, @hellofromtonya, @sergeybiryukov, @desrosj

Media 5.8 tickets

This meeting’s discussion focused around WebP and 5.8 Media features.

#35725: Add WebP support – WebP support has been merged! Please test on all configurations possible to ensure there are no edge case issues. Big props to @adamsilverstein and all who helped make this happen! Adam mentioned that a post is in progress that will provide an overview to the new WebP supports.

#52876 Add capability to set default format for image sub-sizes. – This ticketticket Created for both bug reports and feature development on the bug tracker. is in progress and adds a new filterFilter Filters are one of the two types of Hooks https://codex.wordpress.org/Plugin_API/Hooks. They provide a way for functions to modify data of other functions. They are the counterpart to Actions. Unlike Actions, filters are meant to work in an isolated manner, and should never have side effects such as affecting global variables and output. where people can set a default image type such as WebP. @adamsilverstein has asked for some testing assistance to ensure everything works as intended. Testing instructions can be found here.

#50105: Remove infinite scrolling behavior from the Media grid – It was agreed during the meeting that for the button that moves focus to the first newly loaded media item, “Jump to first loaded item” is a great way to make this not focus on images or any other specific media type and still be clear. @hellofromtonya mentioned in the meeting on the pending count issue, “I think it would be a better experience for users if we could solve it before 5.8 betaBeta A 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.. That said, it would be good to get the patchpatch A special text file that describes changes to code, by identifying the files and lines which are added, removed, and altered. It may also be referred to as a diff. A patch can be applied to a codebase for testing. committed and then work on that specific issue as a follow-up.” It was agreed by multiple participants in the meeting that landing this sooner and iterating is ideal.

#37255: Update attachment functions to accept a post object in addition to ID@hellofromtonya mentioned keeping this ticket focused on resolving the issues that were identified and moving any broader scope to a separate issue to avoid this being punted to a future release again.

Props @antpb for proofreading and final review.

#core, #media, #summary

Test scrub for WordPress 5.8

As a part of the 5.8 release, we’ll be hosting test scrub for WordPress 5.8 on 2021-05-07 13:15 in the core-test channel.

We’ll do manual testing of the below tickets:
https://core.trac.wordpress.org/ticket/43697
https://core.trac.wordpress.org/ticket/50866

We’ll appreciate your participation and feedback!

What you need

How to apply a patchpatch A special text file that describes changes to code, by identifying the files and lines which are added, removed, and altered. It may also be referred to as a diff. A patch can be applied to a codebase for testing.

TracTrac An open source project by Edgewall Software that serves as a bug tracker and project management tool for WordPress. ticketticket Created for both bug reports and feature development on the bug tracker., for example 35449

npm run grunt patch:35449

How to fetch and then checkout a PR, for example, PR 828

git fetch upstream pull/828/head:pr-828
git checkout pr-828

or for PR:

npm run grunt patch:https://github.com/WordPress/wordpress-develop/pull/828

Check the handbook for more ways to test patches.

Looking forward to seeing you!

#core-test, #testing

CSS Chat Agenda: May 6, 2021

This is the agenda for the upcoming CSSCSS Cascading Style Sheets. meeting scheduled for Thursday, May 6, at 5:00 PM EDT. This meeting will be held in the #core-css channel in 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/..

If there’s any topic you’d like to discuss, or if you have suggestions for discussion questions, please leave a comment below!

  • Housekeeping
    • Check in on bugbug A bug is an error or unexpected result. Performance improvements, code optimization, and are considered enhancements, not defects. After feature freeze, only bugs are dealt with, with regressions (adverse changes from the previous version) being the highest priority. scrub frequency
  • Project Updates
    • CSS Audit (#49582)
    • Color Scheming (#49999)
    • CoreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. CSS deprecation path (#53070)
  • Open Floor + CSS Link Share

#agenda, #core-css

Editor chat summary: 5th May 2021

This post summarises the weekly editor chat meeting (agenda here) held on 2021-05-05 14:00 UTC in Slack. Moderated by @get_dave.

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/ 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 release

  • At the time of the meeting the latest release was 10.5.4.
  • @get_dave noted 10.6 RC is due today (May 5th) with the stable release on May 12th.
  • Riad asked for volunteers to release the RC for 10.6 – this was completed post-meeting by @vdwijngaert.

WordPress 5.8

  • Feature freeze for Gutenberg for WordPress 5.8 is May 19th (10.7 RC).
  • The release schedule for WP 5.8 is available.
  • Riad noted that to follow the progress, we have these two things:
    • A project to see all the different mandatory tasks for this release.
    • A merge issue to track the progress of the integration of the Gutenberg updates into trunktrunk A directory in Subversion containing the latest development code in preparation for the next major release cycle. If you are running "trunk", then you are on the latest revision. before feature freeze date.
  • Riad asked for folks to review and help with the experimental APIs in this Issue.
  • @gziolo is already working on bringing Gutenberg 10.5 into WordPress trunk.
  • @youknowriad is the Editor Tech lead for 5.8.

Full Site Editing Next Steps

  • Reminder about Hector Prieto’s Full Site Editing Go/No Go: Next steps post which summarizes scope for Gutenberg in WordPress 5.8.
  • To summarise, the scope is roughly:
    • 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. theme building
    • Theme blocks (eg: Query, Navigation, Site Logo…etc) 
    • Template editing within the post editor
    • Widgets Editor & Block Widgets in the CustomizerCustomizer Tool built into WordPress core that hooks into most modern themes. You can use it to preview and modify many of your site’s appearance settings. 
    • Persistent List view in the post editor
    • Duotone design tool 
    • Gallery block refactor
  • Riad said we’re already in a good state as everything is developed but we may still have to do some calls about whether to keep everything or reconsider some parts of it.

What’s new in Gutenberg

@ajitbohra posted What’s New In Gutenberg for the end of April.

Highlight’s included:

  • New block patterns and pattern transformations
  • “Template Editing Mode” – enables editing templates without leaving the Post Editor.
  • File Block now supports embedding PDFs in most major browser
  • Block widgets in the Customizer now have media upload and richtext formats.
  • Fix autoscrolling when selecting partially “off screen” blocks.

Key Project updates

Updates were requested for the key projects.

Global Styles

@nosolosw provided an update async via a Github Issue. I have omitted it here for brevity.

@youknowriad also provided us with a summary update:

  • the new theme.jsonJSON JSON, or JavaScript Object Notation, is a minimal, readable format for structuring data. It is used primarily to transmit data between a server and web application, as an alternative to XML. format merged
  • we’re making theme.json stable (no more experimental-theme.json ) in 10.6.

Block based WidgetWidget A WordPress Widget is a small block that performs a specific function. You can add these widgets in sidebars also known as widget-ready areas on your web page. WordPress widgets were originally created to provide a simple and easy-to-use way of giving design and structure control of the WordPress theme to the user. Editor and Customizer.

@andraganescu provided the update.

  • The widgets editor has gone through an amazing round of polish.
  • Grouped up only late last week, this week all the major testing blockers have had their fixes merged in time for the new Gutenberg release.
  • The aim is to have a call for testing as soon as possible to collect feedback on the state and progress of the project.

Navigation Block

@joen provided an async update:

@mkaz also provided:

  • Responsive hamburger menu aiming for GB 10.7 PR-30047 eyes welcome
  • Dynamic Home URLURL A specific web address of a website or web page on the Internet, such as a website’s URL www.wordpress.org is the last must-have for 5.8 in progress and looking good  PR-30926
  • Refining placeholder and design

Navigation Editor screen

@get_dave provided an update:

  • The Nav editor continues to see steady progress.
  • We now have all entity (post, page, tagtag A directory in Subversion. WordPress uses tags to store a single snapshot of a version (3.6, 3.6.1, etc.), the common convention of tags in version control systems. (Not to be confused with post tags.)…etc) block variations serialising to/parsing from their respective nav_menu_items. So when you add a Post link it stays synced to that Post.
  • We also have lots of work going on regarding notifying users about unsaved changes.
  • Both nav block and editor features have also seen background improvements to stability and test coverage.

Full Site Editing

The meeting agreed this was mostly covered by the above items.

@paaljoachim did ask if someone could provide an async update on the Page templates.

Feel free to leave an update in the comments if you have one.

Mobile Team

Task Coordination

@annezazu:

@aristath:

  • Last week was Greek/Orthodox Easter so it was a half working week here:
  • Continued working on PR to autogenerate anchors for headings – #30825. Could use a review after today’s updates.
  • Font-sizes can now use non-px values – #31314
  • WIP – Worked on splitting the theme.css file to conditionally load parts for rendered blocks only – #31239 (same as what we previously did for the style.css file).
  • This week & next week I plan to continue working on 5.8 tickets, converting the quote block to nested blocks, and improving the sustainability of block themes. Hopefully I won’t need to continue working on the autogenerate-anchors PR ’cause it will be merged.

@mamaduka:

  • Primarily focused on the new Navigation Editor.
  • I pushed another update for the “Most used terms” feature and based on the latest feedback. I think it’s in a good place to merge into the coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress..
  • There’s also a new PR Site/Template editor welcome guide if anyone wants to test and provide feedback.

@paaljoachim:

@get_dave:

@ntsekouras:

@vdwijngaert:

  • Working on an accessible (and reusable) way of describing a path (eg: go to Settings > Reading) to follow, came up in 31122
  • Resuming work on the first step of duplicating post/page title to the top toolbar (issue: 27093, PR: 31288 )
  • Tweaking the ImageResizeControl behavior, now it returns NaN when empty or invalidinvalid A resolution on the bug tracker (and generally common in software development, sometimes also notabug) that indicates the ticket is not a bug, is a support request, or is generally invalid. 31355
  • Gave a go at fixing block conversion for <!–more–> tag in the middle of a paragraph 31374, could use a review.

@desrosj

@jorgefilipecosta:

  • Helping the merge of the theme.json shape changes (with reviews suggestions etc).
  • I also made some PR reviews not related to global styles.
  • I added some PR’s removing unused code APIAPI An API or Application Programming Interface is a software intermediary that allows programs to interact with each other and share data in limited, clearly defined ways.’s and stabilising other API’s.
  • Changed the way the global styles cpt is associated to a theme to use a taxonomyTaxonomy A taxonomy is a way to group things together. In WordPress, some common taxonomies are category, link, tag, or post format. https://codex.wordpress.org/Taxonomies#Default_Taxonomies. like the other FSE post types do.
  • Finishing a refactoring to the link color to use an elements + the same mechanism as duotone/layout instead of css variables.
  • I will work on moving theme.json to core and the code changes required to be core first code.
  • I plan on fixing some old issues/tasks where I have been pinged and have some insights.
  • And if time allows I plan on starting the work on dashboard that shows the performance metrics on each commit merged to trunk.

Open Floor

Note for task coordination purposes: Automattic will be on remote virutal 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. next week.

@annezazu noted for task coordination purposes that much of Automattic that focuses on the editor space is going to be on a remote, virtual  meetup next week (12th & 13th). It might mean less of us coming to the core editor chat or slightly less responsiveness during those days but it’ll probably depend on the person.

Please reconnect your GithubGitHub GitHub 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/ and WordPress.orgWordPress.org The community site where WordPress code is created and shared by the users. This is where you can download the source code for WordPress core, plugins and themes as well as the central location for community conversations and organization. https://wordpress.org/ accounts.

  • @desrosj flagged issue with some GitHub and WordPress.org connections where tokens expired for some users.
  • If you have previously connected your GitHub account to your WordPress.org account, please head over and verify the connection is still active!
  • If you have never connected your accounts, please do! This is a huge help for the release squads when they compile the list of props for a given release.
  • We always want everyone to receive proper recognition for their contributions, and this is a huge help with matching contributions to Gutenberg on GitHub to a .org profile. 
  • More info on connecting your Github profile to your WordPress.org account.

Opt out Plugin to be used to disable the block based Widgets editor.

@paaljoachim wanted to highlight this issue: Add a plugin to disable the block based Widgets editor.

As a plugin has been added if/when a user wants to go back to using the Classic Widget screen. I am hesitant. As it should be easier to jump between old <-> new.

@andraganescu responded:

“Easier” is complex. Adding buttons to switch in and out may sound easier, but using the same system that has been used for years via plugins can be easier as well. Opening that issue, I did think about the option to add an “opt out” button. But that would mean adding an opt in button as well. And that would mean adding a user setting. And, if not a user setting then a way to store the opt in state. This, as the welcome screen in the Guteneberg editor has shown us, is not a reliable way.

@andraganescu indicated there would be a “Welcome screen” on first use of the new Widget editor with clear information about how to install the Plugin to easily opt out.

@andraganescu also confirmed there will be multiple touch points:

  • Post install page.
  • Welcome screen.
  • Make post with more information.

Wrap up

Due to the meeting taking longer than usual @get_dave wrapped up by encouraging any further open floor questions to be left async as a comments (below).

Thanks to everyone who attended.

#core-editor, #core-editor-summary, #meeting-notes, #summary