What’s next in Gutenberg? (June)

This is a monthly update containing 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 the next month. Please join us in our efforts and let us know in the comments if anything is blocking you from doing so. As a reminder, here’s an overview of different ways to keep up with Gutenberg and the Full Sitesite (versus network, blog) Editing project. 

Full Site Editing (FSE)

Work on this major focus is ongoing and is expected to continue iterating over the next months. Right now, we’re wrapping up the major work needed to build the technical foundation of this project and are soon moving towards expanding the UX & UI:

We’re watching the Theme Experiments repo as well to see how themers are attempting to build 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 themes. Thank you to everyone participating there as it’s a super useful way for us to determine prioritization. 

Follow along:

The high level, important tasks have been split into sections and highlighted on this overview issue.

Global Styles

As a reminder, Global Styles refers to the system that defines and manages global aesthetics allowing overall site styles, theme styles, and blocks to work well together. The Global Styles work remains a major focus for this month. The important tasks for the month are:

Follow along:

You can follow the progress of this focus in this overview issue.

Navigation Screen

The new Navigation Menu screen and Navigation block will continue to be iterated on and polished. In particular, work is being done to create a true drag and drop experience and to explore improving the selection/focus experience (feedback welcome). In an effort to expand the functionality allowed within navigation, work is being done to explore adding different kinds of blocks other than links.

Follow along:

You can follow the progress of this project on this project board.

Refining the interface

The previous releases saw a big UI update for the editor canvas and the inserter. The team will continue to iterate based on the remaining tasks and the user feedback. The remaining tasks here include:

Follow along:

You can follow the progress of this focus in this overview issue

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

As part of expanding the block editor to other screens in the adminadmin (and super admin), work continues to improve the widget screen including finding bugs in the legacy widget block, ensuring synchronization, and more. Depending on the work done here, the screen should be ready to leave the experimental state and receive additional feedback soon. 

Follow along:

You can follow the progress of this focus by reviewing issues with the [Feature] Widgets label.

Areas to be aware of:

Block & 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 Developers

@aduth just merged this pull request to update default block categories which should be available in next week’s plugin releaseRelease A release is the distribution of the final version of an application. A software release may be either public or private and generally constitutes the initial or new generation of a new or upgraded application. A release is preceded by the distribution of alpha and then beta versions of the software.. This could be particularly impactful for block implementers, since the default categories have changed. For now, please review this drafted devnote here as a point of reference for this change. 

Theme Developers

@epiqueras recently broke down all template tags alongside their block equivalent in order to lay the groundwork for Full Site Editing: 

“The idea is for everyone in the community, especially those very familiar with traditional theme development, to contribute to this list. There might be things we are missing. There might be things we could lose.”

Please check out this overall issue and share what might be missing. 

Ways to Help:

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. If there’s anything we can do to makemake A collection of P2 blogs at make.wordpress.org, which are the home to a number of contributor groups, including core development (make/core, formerly "wpdevel"), the UI working group (make/ui), translators (make/polyglots), the theme reviewers (make/themes), resources for plugin authors (make/plugins), and the accessibility working group (make/accessibility). 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.

#core-editor #gutenberg-next

What’s next in Gutenberg? (May)

This is a monthly update containing 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 the next month. Join us in our efforts.

Full Sitesite (versus network, blog) Editing

Work on this major focus is ongoing and is expected to continue iterating over the next months.

The Site Editor UI is improving constantly and it remains a priority while other important building pieces will be tackled such as the Query block and the controlled InnerBlocks 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..

The important tasks have been split into sections and highlighted on this overview issue.

Global Styles

The Global Styles work remains a major focus for this month. The important tasks for the month here are:

You can follow the progress of this project on this overview issue.

Navigation Screen

The new Navigation Menu screen and 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. will continue to be iterated on and polished.

Refining the interface

The previous releases saw a big UIUI User interface update for the editor canvas and the inserter. The team will continue to iterate based on the remaining tasks and the user feedback.

The remaining tasks here include:

  • Support pattern categories.
  • Improvements to the inserter tips.
  • Better canvas inserters (also called sibling inserter)

While these are our focuses don’t forget you can always help with triage, needs testing issues, good first issues and reviewing PRs.

#core-editor #gutenberg-next

What’s next in Gutenberg? (April)

This is a monthly update containing 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 the next month. Join us in our efforts.

Full Sitesite (versus network, blog) Editing

Work on this major focus is ongoing and is expected to continue iterating over the next months.

The team is still working on the Edit Site UIUI User interface in order to bring parity with the Post Editor, support more template-management related features and improve the FSE blocks.

The important tasks have been splitted into sections and highlighted on this overview issue.

Global Styles

The Global Styles work is a major focus for this month. One of the most important aspect here is to add support for the global styles configurations (variables) to multiple blocks.

Some blocks have already been updated to support color settings and line height. This trend is expected to continue and expand to other settings and other blocks.

At the same time, the Global Styles UI is being iterated on the Edit Site screen.

You can follow the progress of this project on this overview issue.

Patterns & Inserter UI

Recently, the Patterns feature and APIs have been added to the editor. The UI is still experimental and an overall redesign of the inserter to absorb both blocks and patterns is one of the month’s priorities.

The team will continue to explore adding more patterns. This highlighted a need for more advanced block tools and customizations.

Updated Navigation Screen

A new experimental Navigation Menu screen is being explored and will serve as a 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 replacement for the existing menus page.

Refining the interface

The previous releases saw a big UI update for the editor. The team will continue to iterate based on the remaining tasks and the user feedback.

While these are our focuses don’t forget you can always help with triage, needs testing issues, good first issues and reviewing PRs.

#core-editor, #gutenberg-next

What’s next in Gutenberg? (March)

This is a monthly update containing 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 the next month. Join us in our efforts.

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. Content Areas

Work on this major focus is ongoing and is expected to continue iterating over the next months.

  • Continue improving the Edit Sitesite (versus network, blog) UIUI User interface
    • Improve the saving flow. 20421
    • Improve the template selector picker. 20469 20478
  • Continue on the Full Site Editing blocks (post tags 20418, post comments 19894).
  • Work on the Block Context 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.. 19685
  • Continue on the experimental block-based themes.

Global Styles

  • Update the CoreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. blocks styles to support the Global styles variables.
  • Define and document the available settings.

Patterns

These are different from the Block Variations API (that was initially named patterns as well). These are pre-made post/page sections that can be inserted and edited.

  • Create a rich built-in patterns library. 20345
  • Iterate on the Patterns UI. 17335

Tightening up

  • The first iteration of the new Block UI has been merged and it will be polished/iterated on during the upcoming month. 19344
  • Implement the first version of the Block Editor Controlling API. 20588
  • The ongoing effort to use a lighter Block DOM structure in the editor and match the frontend.

While these are our focuses don’t forget you can always help with triage, needs testing issues, good first issues and reviewing PRs.

#core-editor, #gutenberg-next

What's next in Gutenberg? (February)

This is a monthly update containing 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 the next month. Join us in our efforts.

WordPress 5.4

The main priority for this month is to ensure that the version of Gutenberg included n WordPress 5.4 is stable and performant.

  • Fix all critical bugs discovered before and after the WP 5.4 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.
  • Write dev notes and document the 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. changes landing in WP 5.4.

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. Content Areas

Work on this major focus is ongoing and is expected to continue iterating over the next months.

  • Work on a separate Edit Sitesite (versus network, blog) UIUI User interface
    • Switching templates. 19141.
  • Add more Full Site Editing blocks (post navigation 19956, comments form 19954, comments count 19953) and enhance the existing ones (Post Author, Post Date).
  • Continue on the experimental block-based themes.

Global Styles Settings

Global styles are an ongoing project that has two main goals:

  • Simplify how theme authors tweak the visual aspect of the different blocks.
  • Allow the user to override these styles globally in the UI for Full site editing.

The next steps are:

  • Update the CoreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. blocks styles to support the Global styles variables;
  • Define and document the available settings.

Block UI

The first iteration of the new Block UI is expected to land later this month. 19344.

Tightening up

Existing interactions and blocks will be iterated on:

  • Social Icons block update to use the Block variations API. 19887.
  • Resizeable editor (Multi-device preview) 19082.
  • Polishing the Navigation block Projects/31.

While these are our focuses don’t forget you can always help with triage, needs testing issues, good first issues and reviewing PRs

#core-editor, #gutenberg-next

What’s next in Gutenberg? (January)

This is a monthly update containing 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 the next month. Join us in our efforts.

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. Content Areas

Work on this major focus is ongoing and is expected to continue iterating over the next months.

  • Work on a separate Edit Sitesite (versus network, blog) UIUI User interface
    • Load the front page template. 19081.
    • Switching templates. 19141.
  • Framework: Nest block lists from multiple entities (posts). 19203, 18739.
  • More Full Site Editing blocks (post author, post tags, site description…).
  • Expose global styles. 19255.
  • Experimental block-based theme.

Block UI

In a continuous effort to improve 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) and the usability of the Gutenberg design based on user feedback, an updated Block UI design is being explored. 18667.

  • Move the block movers to the block toolbar 18685.
  • Update the Block UI 19344.
  • Lighter Block DOM structure 19010.

Tightening up

Existing interactions and blocks will be iterated on:

  • Polishing the Navigation block and addressing early feedback Projects/31.
  • Expand the new Media Flow component to other blocks. 19198, 19174.
  • Block patterns for several blocks and inserter UI. 17335, 16283, 19243.

While these are our focuses don’t forget you can always help with triage, ‘needs testing’ and reviewing PRs

#core-editor, #gutenberg-next

What’s next in Gutenberg? (December)

This is a monthly update containing 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 the next month. Join us in our efforts.

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. Content Areas

The previous weeks saw a lot of iterations towards building the block content areas APIs and the full sitesite (versus network, blog) editing experience (Post content, Post title, Site title blocks landed, an early demo is now included in the 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). In the next weeks, contributors will be working on expanding on this work:

  • Work on a UIUI User interface to save multiple entities (post, site, template…) from the same interface. 18029.
  • Nested template areas. (Template parts). 18736.
  • Support for a view-only mode for non-admins. 18760, 18772.
  • Start working on a Full-site editing view/mode.
  • Start working on documentation and calls for testing.

Block Patterns

Block patterns are a way to provide a predefined set of blocks you can select for a given container block (Columns, Group, Media & Text) or without any container block as a way to insert a pre-made design into the editor. Some parts of the initial 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. are already available. In the next weeks, we’ll focus on implementing block patterns for several blocks and exploring UI to insert these patterns. 17335, 16283.

Tightening up

Existing interactions and blocks will be iterated on:

  • Polishing the Navigation block and addressing early feedback Projects/31.
  • Custom gradient picker 17603.
  • Improvements to the Media Flows. 16200.
  • Iterations on the block interface and the block toolbar 18667, 18686.
  • Toolbar 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) improvements 18619.

While these are our focuses don’t forget you can always help with triage, ‘needs testing’ and reviewing PRs

#core-editor, #gutenberg-next

What’s next in Gutenberg? (November)

This is a monthly update containing the high-level items, 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 and should focus on for the next month.

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. Content Areas

In previous Gutenberg releases, a new wp_template Custom Post TypeCustom Post Type WordPress can hold and display many different types of content. A single item of such a content is generally called a post, although post is also a specific post type. Custom Post Types gives your site the ability to have templated posts, to simplify the concept. has been created to store block content areas and enable using Gutenberg outside the post content. In the next weeks, contributors will be working on expanding on this work:

  • Render the frontend template loader to support wp_templates 17626.
  • Add a temporary UIUI User interface to edit these templates 17625.
  • Experiment with blocks targeting sitesite (versus network, blog) options (title) 17207.
  • Work on a UI to save multiple entities (post, site, template…) from the same interface. 18029.
  • Nested template areas.

Menu Navigation Block

The Menu Navigation is also one of an important focus for this month. You . can follow all the related work on this project and the overview issue.

Tightening up

Existing interactions and blocks will be iterated on:

  • Gradients support across blocks 18001.
  • Theme 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 gradients. 17841, 18008, 18028.
  • Improvements to the Media Flows. 16200.
  • Improve nested block navigation through a block hierarchy breadcrumb and explore selection tools. 17838 17088.

#core-editor, #gutenberg-next