What’s next in Gutenberg? (Mid-September 2021)

This status 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 in preparation for the WordPress 5.9 Go/No Go that builds on the focus areas for 5.9 and the current Site Editing Scope. Please join us in our efforts and let us know in the comments if anything is blocking you from doing so.

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.


Template Editor

The Template Editor is the editing mode that allows you to create, assign, and edit 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. templates to posts and pages. There are different editors that leverage this editing mode, such as the Template Editor inside the Post Editor or the Site Editor available in 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. Current focuses include:

Follow along:

Patterns

With the initial rollout of the new directory in WordPress 5.8, there’s a growing need to expand the inserter integration to accommodate broader categories of patterns and the experience of browsing them:

Follow along:

Global Styles and 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. UIUI User interface

WordPress 5.8 introduced the scaffolding necessary for themes to control how various aspects of blocks render and how the interface is controlled. The natural next step ahead is to develop the user interface that will allow themers to build with these style properties directly in the editor and when allowed, users to interact with these style properties.

Follow along:

Design Tools

Design tools encompass all tools related to the appearance of blocks and it ranges from colors, typography, alignments, and positioning, to filters like duotone, cropping, and background media creation of shared tools and its consistent application across blocks:

Follow along:

Navigation Block

With the help of the Navigation block, editing a site’s navigation menuNavigation Menu A theme feature introduced with Version 3.0. WordPress includes an easy to use mechanism for giving various control options to get users to click from one place to another on a site. will be possible with a block interface and within a stand-alone block editor. This will allow users to edit not only the menu’s structure but also its design directly in context and without the need for previewing. The main current focuses in this project are:

Follow along:

Navigation Editor

The Navigation Editor aims to help expand what’s possible with menus while bringing block functionality to yet another part of WordPress while offering a more modern experience. Current efforts include:

Follow along:

Other Projects

Apart from these bigger projects, there are a wide arrange of focuses where contributors can help improve Gutenberg, including:

Follow along:


Areas to be aware of

WordCampWordCamp WordCamps are casual, locally-organized conferences covering everything related to WordPress. They're one of the places where the WordPress community comes together to teach one another what they’ve learned throughout the year and share the joy. Learn more. US 2021:

  • WordCamp US 2021 is scheduled for October 1st, 2021 as an online event. Tickets are free and available here!

FSE Outreach Program:

Hallway Hangouts:

Design:

  • If you would like to see a design exploration on the Inspector SidebarSidebar A sidebar in WordPress is referred to a widget-ready area used by WordPress themes to display information that is not a part of the main content. It is not always a vertical column on the side. It can be a horizontal rectangle below or above the content area, footer, header, or any where in the theme., take a look at this post exploring ways to improve the Document Status and Visibility sections.

Ways to Get Involved

While the above items are our focuses, don’t forget that you can always help with triage, 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 to @annezazu and @cbringmann for reviewing this post.

#core-editor #gutenberg-next #gutenberg

X-post: [Announcement] New workflow for reporting documentation issues

X-comment from +make.wordpress.org/docs: Comment on [Announcement] New workflow for reporting documentation issues

Dev Chat Agenda for Sept 15, 2021

Here is the agenda for this week’s developer meeting to occur at September 15, 2021, at 20:00 UTC.

Blogblog (versus network, site) Post Highlights and announcements

Bringing to your attention some interesting reads and some call for feedback and/or volunteers:

Components check-in and status updates

  • Check-in with each component for status updates.
  • Poll for components that need assistance.

Open Floor

Do you have something to propose for the agenda, or a specific item relevant to the usual agenda items above?

Please leave a comment, and say whether or not you’ll be in the chat, so the group can either give you the floor or bring up your topic for you accordingly.

This meeting happens in the #core channel. To join the meeting, you’ll need an account on the Making WordPress Slack.

#5-8, #5-9, #agenda, #core, #dev-chat

Editor Chat Agenda: 15 September 2021

Facilitator and notetaker @ajitbohra

This is the agenda for the weekly editor chat scheduled for Wednesday, 15 September 2021, 14:00 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/..

  • WordPress 5.9 Preliminary Roadmap.
  • 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/ 11.5.0.
  • Whats next in Gutenberg? (Will be posted after 11.5.0 release)
  • Updates based on updated scope for site editing projects and WP 5.8:Navigation 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. & Navigation Editor.
    • Template editor.
    • Patterns.
    • Styling.
    • Mobile Team.
  • Task Coordination.
  • Open Floor.

Even if you can’t make the meeting, you’re encouraged to share anything relevant for the meeting in the comments below:

  • 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.

#core-editor #core-editor-agenda #agenda #meetings

CSS Chat Summary: 09 September 2021

The meeting took place here on Slack. @wazeter facilitated and @danfarrow wrote up these notes.

Announcements & Housekeeping

  • @wazeter shared the facilitator schedule sign-up form – please add your name if you would like to run a future meeting or CSSCSS Cascading Style Sheets. triagetriage The act of evaluating and sorting bug reports, in order to decide priority, severity, and other factors.
  • @danfarrow shared the dev-chat meeting guide which could be useful for finishing the Core CSS meeting guide
  • @danfarrow observed that some WordPress docs pages relating to local dev have not been updated to include details of wp-env and expressed an intention to remedy that

CSS Custom Properties (#49930)

  • @dryanpress has some files ready to submit, @wazeter is finishing updating media-views.css and @danfarrow posted a draft PR for forms.css
  • deprecated-media.css is the only remaining unclaimed file
  • @ryelle has been working on reviewing & merging PRs as they come in. She is planning to open a new base branchbranch A directory in Subversion. WordPress uses branches to store the latest development code for each major release (3.9, 4.0, etc.). Branches are then updated with code for any minor releases of that branch. Sometimes, a major version of WordPress and its minor versions are collectively referred to as a "branch", such as "the 4.0 branch"., once more PRs are merged, to make it cleaner for the next stages
  • @danfarrow asked about the PR review process. @ryelle said she’s been trimming down custom properties to existing ones where possible, and testing in the browser
  • @danfarrow asked if creating a custom-properties aliasing existing custom-property is ever useful. @ryelle responded that they might be if there could be a requirement to style a component differently, but the subject is open to discussion. @dryanpress & @wazeter expressed the view that more aliases give users more granular control outside of the cascade
  • There was general agreement that this project is a good opportunity to clean up things like the inheritance structure, minor colour variations etc.

Open Floor / CSS Link Share

Thanks everybody!

#summary

A Week in Core – September 13, 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 September 6 and September 13, 2021.

  • 37 commits
  • 30 contributors
  • 40 tickets created
  • 4 tickets reopened
  • 25 tickets closed

As expected, WordPress 5.8.1 was released last week! Props to @desrosj and @circlecube for leading this new point releaseMinor Release A set of releases or versions having the same minor version number may be collectively referred to as .x , for example version 5.2.x to refer to versions 5.2, 5.2.1, 5.2.3, and all other versions in the 5.2 (five dot two) branch of that software. Minor Releases often make improvements to existing features and functionality. 🌟

The Core team is currently working on the next point (5.8.2) and major (5.9) releases 🛠

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

Administration

  • 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): Improve aria-label on networknetwork (versus site, blog) adminadmin (and super admin) Themes screen – #24442

Build/Test Tools

  • Fix CI for running tests on PHPPHP The web scripting language in which WordPress is primarily architected. WordPress requires PHP 5.6.20 or higher 8.1 – #53945
  • Add more 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. IP test cases and @covers to Tests_Functions_Anonymization#53363
  • Add tests for wpdb::_real_escape()#53363
  • Fix “null to non-nullable” deprecation notice in Tests_Admin_IncludesPlugin::test_get_plugin_files_folder()#53635

Bundled Themes

  • Twenty Eleven: Set a fixed height for search form when headerHeader The header of your site is typically the first thing people will experience. The masthead or header art located across the top of your page is part of the look and feel of your website. It can influence a visitor’s opinion about your content and you/ your organization’s brand. It may also look different on different screen sizes. image is added – #40398

Code Modernization

  • Fix “passing null to non-nullable” deprecation in wpdb::_real_escape()#53635
  • Fix “passing null to non-nullable” deprecation notice in WP_Comment_Query::get_comment_ids()#53635
  • Fix “passing null to non-nullable” deprecation notices in WP_Http::normalize_cookies()#53635
  • Fix last parameter name mismatches for parent/child classes in Walker::start_el()#51553
  • Fix null to non-nullable deprecation in term_exists()#53635
  • Fix null to non-nullable deprecation in wp_privacy_anonymize_ip()#53635
  • Fix null to non-nullable deprecations in WP_Meta_Query::get_sql_for_clause()#53635
  • Fix parameter name mismatch with parent in WP_Customize_Custom_CSS_Setting::validate()#51553
  • Fix parameter name mismatches for parent/child classes in WP_Customize_Setting::sanitize()#51553
  • Fix parameter name mismatches for parent/child classes in WP_Customize_Setting::update()#51553
  • Fix parameter name mismatches for parent/child classes in WP_Image_Editor::save()#51553
  • Fix parameter name mismatches for parent/child classes in WP_List_Table::column_cb()#51553
  • Fix parameter name mismatches for parent/child classes in WP_List_Table::handle_row_actions()#51553
  • Fix parameter name mismatches for parent/child classes in WP_REST_Controller::prepare_item_for_response()#51553
  • Fix parameter name mismatches for parent/child classes in WP_Sitemaps_Provider::get_max_num_pages()#51553
  • Fix parameter name mismatches for parent/child classes in WP_Sitemaps_Provider::get_url_list()#51553
  • Fix parameter name mismatches for parent/child classes in WP_Upgrader_Skin::error()#51553
  • Fix parameter name mismatches for parent/child classes in WP_Widget::update()#51553
  • Fix reserved keyword and parameter name mismatches for parent/child classes in WP_Upgrader_Skin::feedback()#51553
  • Fix reserved keyword and parameter name mismatches for parent/child classes in Walker::end_el()#51553
  • Fix reserved keyword and parameter name mismatches for parent/child classes in Walker::start_el()#51553
  • Improve @since message in WP_List_Table::column_default()#51553

Documentation

  • Correct documentation for the in_plugin_update_message-{$file} 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.#40006

Editor

  • Revert [51748] and [51649]. They intorduced a 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. where wp.editor may be replaced with wp.oldEditor in certain cases – #53762
  • Editor: fix the replacement of wp.editor with wp.oldEditor in the inline script outputted when enqueueing the old editor – #53762

External Libraries

  • Update jQuery UIUI User interface to 1.13.0-rc2 – #52163

General

  • Only use _jsonp_wp_die_handler() for JSONP REST APIREST API The REST API is an acronym for the RESTful Application Program Interface (API) that uses HTTP requests to GET, PUT, POST and DELETE data. It is how the front end of an application (think “phone app” or “website”) can communicate with the data store (think “database” or “file system”) https://developer.wordpress.org/rest-api/. requests

Site Health

  • Add Intl to the list of recommended PHP extensions – #52654
  • Site Health: Move the Imagick entry higher in the list of recommended PHP extensions – #52654

Users

  • Introduce a meta_input argument for wp_insert_user()#41950

Widgets

Props

Thanks to the 30 people who contributed to WordPress Core on Trac last week: @hellofromTonya (26), @jrf (26), @azaozz (19), @desrosj (18), @johnbillion (15), @sergeybiryukov (15), @audrasjb (2), @david.binda (2), @sabernhardt (2), @Clorith (2), @Soean (1), @davidmosterd (1), @BinaryKitten (1), @donmhico (1), @peterwilsoncc (1), @mdawaffe (1), @get_dave (1), @grantmkin (1), @fullofcaffeine (1), @lukecavanagh (1), @josklever (1), @mukesh27 (1), @zieladam (1), @andraganescu (1), @fedepia (1), @zodiac1978 (1), @mgol (1), @JavierCasares (1), @zeo (1), and @SergeyBiryukov (1).

Congrats and welcome to our new contributor of the week: @josklever ♥️

Core committers: @hellofromtonya (26), @sergeybiryukov (6), @azaozz (3), and @johnbillion (2).

#5-9, #core, #week-in-core

Upgrade/Install component meeting agenda for September 14, 2021

The next meeting is scheduled on Tuesday, September 14, 2021, at 17:00 UTC and will take place on the #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.

The aim of the chat is to check the status of the [Feature project] Updates on updating the updaters and scrub tickets for inclusion in WordPress 5.9

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

See you there!

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

CSS Chat Agenda: September 09, 2021

The next weekly CSSCSS Cascading Style Sheets. meeting is today Thursday, September 09 at 21:00 UTC in the #core-css channel in 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/..

Meeting Agenda

  • Announcements & Housekeeping
  • CSS Custom Properties (#49930)
  • Open Floor / CSS Link Share

See you there!

#agenda

Dev chat summary, September 8, 2021

@audrasjb led the chat on this agenda. You can also read the Slack logs.

Highlighted blogblog (versus network, site) posts

The attendees did not add comments to the posts highlighted in the agenda.

Worth mentioning

Thanks to the 61 contributors of the past week, including 7 new contributors! Kudos to the 7 coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. committers of the week, too

A Week in Core – September 6, 2021

Announcements

  • WordPress 5.8.1 release team ran into an issue with 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/ that required a chunk of manual work. WordPress 5.8.1 went out few hours after the chat.
  • The Polyglots TeamPolyglots Team Polyglots Team is a group of multilingual translators who work on translating plugins, themes, documentation, and front-facing marketing copy. https://make.wordpress.org/polyglots/teams/. is currently organizing the 2021 edition of the WordPress Translation Days.
  • Work on the jquery upgrade is rolling on now, @azaozz is working on the PR

Component maintainers

Build/Test Tools

Work has continued on adding missing @covers tags to unit tests for more accurate coverage. See ticketticket Created for both bug reports and feature development on the bug tracker. #39265 for more details.

General

Work has continued on:

  • #51553 – Fixing parameter name mismatches for parent/child classes for PHPPHP The web scripting language in which WordPress is primarily architected. WordPress requires PHP 5.6.20 or higher 8 named parameter support.
  • #53635 – Making various compatibility fixes for PHP 8.1. Thanks @jrf and @hellofromtonya

Upgrade/Install

Open Floor

The attendees briefly discussed #53784 – Additional review welcome.

@annezazu reminded everyone about the FSE Program Exploration: Help with the future of Block Theme Switching

#5-8-x, #5-9, #dev-chat, #summary

Core Editor Improvement: Cascading impact of improvements to featured images

When a new feature is added, it’s easy to see what the feature does right now rather than the many things it allows you to do, particularly when combined with other tools. This is especially true as design tools continue to evolve! This post offers a quick dive into how improvements to the Featured ImageFeatured image A featured image is the main image used on your blog archive page and is pulled when the post or page is shared on social media. The image can be used to display in widget areas on your site or in a summary list of posts. 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. lead to more possibilities for content creation. 

Greater control of posts layout

Thanks to some recent changes to the Featured Image block, the Query 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. block just got even more powerful. As a reminder, the Query Loop block is an advanced block that allows you to display posts based on various parameters and was released in WordPress 5.8. Within the Query Loop block, different blocks, like the Featured Image block, can be placed within it to show the Featured Images for each post listed. While you’ve been able to control the general placement of the Featured Image, until 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/ 11.3, you couldn’t control the basics of the resulting image. This came up a few times during testing with the FSE Outreach Program as a pain point with folks wanting deeper customization options. Now, you can control the sizing and scale of the image to your liking opening up the beginnings of a new world of layout options!

Video showing the new Featured Image Block options within the Query Loop block.

More options when creating templates

This change also impacts anyone using the Template Editor as you can now customize how the Featured Image shows up in a template you created. This is just a start too with more size tooling planned for the Featured Image block. Most recently too, the ability to add duotone filters to spruce up your images with endless color options was included in Gutenberg 11.4. Just like with the Query Loop block example above, this allows you to add a Featured Image block with a duotone 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. added and then apply that to any post or page you’d like so all posts have the same duotone shading:

Video showing the new Featured Image Block options within the Template Editor.

Thank you @shaunandrews for the design assist & @kellychoffman for help with the copy.

#core-editor, #core-editor-improvement