The WordPress coreCoreCore is the set of software required to run WordPress. The Core Development Team builds WordPress. development team builds WordPress! Follow this site for general updates, status reports, and the occasional code debate. There’s lots of ways to contribute:
Found a bugbugA 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.?Create a ticket in our bug tracker.
GutenbergGutenbergThe Gutenberg project is the new Editor Interface for WordPress. The editor improves the process and experience of creating new content, making writing rich content much simpler. It uses ‘blocks’ to add richness rather than shortcodes, custom HTML etc. https://wordpress.org/gutenberg/pluginPluginA 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 releases
What’s new in Gutenberg 12.0.0. Gutenberg 12.1 RC1 released. Parts of 12.0 and 12.1 were backported into coreCoreCore is the set of software required to run WordPress. The Core Development Team builds WordPress. and will be part of WP 5.9.
Navigation blockBlockBlock is the abstract term used to describe units of markup that, composed together, form the content or layout of a webpage using the WordPress editor. The idea combines concepts of what in the past may have achieved with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience.
All of the “Must Have” items for Nav block were merged in time for WP 5.9 BetaBetaA 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.
We now switch focus to resolving the [Type] Bug issues.
Feel free to raise an Issue to report a bugbugA 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.. Be sure to label it with the Block: Navigation label.
It is now possible to edit all the default, theme and user color palettes.
Edit gradient palette.
Transparency color support on all global style elements.
Multiple UIUIUser interface enhancements. E.g. color picker positioning mechanism, border, margins etc.
Bug fixed: when applying some presets by value instead of slug (class or var).
Added opt-in mechanism so themes can provide palettes and completely disable the default palettes.
Themes now has a flag that allows future design tools to be enabled by default. This will allow an user of the specific theme to take advantage of future enhancements without needing to update the theme.
Shipped: Turned on auto-migrationMigrationMoving the code, database and media files for a website site from one server to another. Most typically done when changing hosting companies. of v1 Gallery blocks to v2 format when edited
Fixed: An issue where the font size value did not update An issue with the preformatted block background color RN iOSiOSThe operating system used on iPhones and iPads. E2E tests failure related to environment not available An iOS scroll update issue when typing in RichText component Undo/redo functionality in links when applying text format
Other: Updated configuration to use tarball instead of git tagtagA 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.) for reactReactReact is a JavaScript library that makes it easy to reason about, construct, and maintain stateless and stateful user interfaces. https://reactjs.org/.-native-editor forked dependencies
In Progress: Upgrade to React Native v0.66. Finalizing GSS Font size, line height and selected text colors.
Shipped: We merged a new ConfirmDialog component intended to serve as a replacement for the editor’s current uses of the native confirm function, providing a more cohesive UI and addressing some browser compatibility concerns.
In Progress: We’re working on improved and more consistent support for larger variations of several input components used in the typography panel. These variations are mostly implemented with custom style overrides currently, and we’d like to provide a more declarative and consistent APIAPIAn 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 them.
“What’s new in GutenbergGutenbergThe Gutenberg project is the new Editor Interface for WordPress. The editor improves the process and experience of creating new content, making writing rich content much simpler. It uses ‘blocks’ to add richness rather than shortcodes, custom HTML etc. https://wordpress.org/gutenberg/…” posts (labeled with the #gutenberg-newtagtagA 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.)) are posted following every Gutenberg release on a biweekly basis, discovering new features included in each release. As a reminder, here’s an overview of different ways to keep up with Gutenberg and the Full Site Editing project.
It’s the end of November and Gutenberg 12.0.0 has been released! With contributor efforts being geared towards preparing for WordPress 5.9, this release is more maintenance-focused but still offers a few new features as well as many bugbugA 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. fixes.
BlockBlockBlock is the abstract term used to describe units of markup that, composed together, form the content or layout of a webpage using the WordPress editor. The idea combines concepts of what in the past may have achieved with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience. Styles Preview
Until this release, Block Styles appeared in both the block’s toolbar and in the editor’s sidebarSidebarA 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.. These previews, although rather small, added to the overall height of the sidebar accordion. Gutenberg 12.0 moves the sidebar previews so they only appear when the style is hovered or has keyboard focus. This reduces the overall sidebar footprint and also puts more emphasis on the style’s name.
Featured ImageFeatured imageA 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. Block Visual Enhancements
Before this release, the Featured Image block did not provide a clear representation during its placeholder state, displaying a selection box with a fixed height. With Gutenberg 12.0 the block’s placeholder state is a better representation of how it would look when using real images, as it displays a placeholder image that respects both the height and width settings.
Paragraph block combined typography controls
As of 12.0.0, the Drop Cap setting for the paragraph block has been moved from its own section in the Block Settings sidebar into the Typography section. This change keeps all Typography related controls together for the block to provide a consistent experience.
Site Editor Welcome Guide
In preparation to stabilize and release the block theme Editor in WordPress 5.9, a new welcome guide has been added to help users get started with both the Editor and the Styles sidebar.
Official JSONJSONJSON, 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. Schema updates
Official schemas for block.json and theme.json were introduced with Gutenberg 11.9.0. This release provides some updates as well as new URLs to easily access them:
The URLs above redirect to the latest version of the schema but as WordPress coreCoreCore is the set of software required to run WordPress. The Core Development Team builds WordPress. versioned are released, they can also target specific versions of WordPress starting with WordPress 5.9!
New Developer Experience section in the Changelog
Recently, contributors have been putting an even bigger focus on improving the developer experience, and there is more to come. So much so, that we are introducing a new section for it in the changelog. This speaks to the commitment from contributors to not only create a great experience for users of Gutenberg but also those that extend it. To keep updated or contribute to the discussion, you can check the recent GitHub discussions on Developer Experience.
Changelog
Enhancements
Block Library
Move WP_REST_Block_Navigation_Areas_Controller from Gutenberg to Core. (36374)
Change all the uses of “website” to “site”. (36220)
Featured Image: Let Featured Image block inherit dimensions, look like a placeholder. (36517)
Navigation: Enable Previews for Navigation Link Blocks. (36412)
Navigation: Apply i18ni18nInternationalization, or the act of writing and preparing code to be fully translatable into other languages. Also see localization. Often written with a lowercase i so it is not confused with a lowercase L or the numeral 1. Often an acquired skill. functions to Nav block menu drops when selecting existing Menu. (36301)
Navigation: Refactor and simplify setup state. (36375)
Navigation: Rename fse_navigation_area to wp_navigation_area. (36460)
Navigation: Return wp error from wp_insert_post. (36483)
Paragraph: Merge text settings into typography panel. (36334)
Update back button URLURLA specific web address of a website or web page on the Internet, such as a website’s URL www.wordpress.org. (36313)
Improve compatibility with menu endpoints WordPress 5.9. (36372)
ReactReactReact is a JavaScript library that makes it easy to reason about, construct, and maintain stateless and stateful user interfaces. https://reactjs.org/. to any errors coming up in gutenberg_migrate_menu_to_navigation_post. (36461)
Change edit links for templates and template parts. (36294)
Block APIAPIAn 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.
Update schema to require either a type or an enum. (36267)
Add _wp_array_set and _wp_to_kebab_case to 5.8 compat. (36399)
ToolsPanel: Allow additional props on ToolsPanel. (36428)
Typography Panel: Make letter spacing jsDoc and prop use consistent. (36367)
Bug Fixes
Block Library
Fix background colours in nested submenus. (36476)
Fix colour rendering in Navigation overlay. (36479)
Fix duplicate custom classnames in navigation submenu block. (36478)
Fix submenu justification and spacer orientation. (36340)
Group – Fix overzealous regex when restoring inner containers. (36221)
Hide visilibility and status for navigation posts. (36363)
Nav block menu switcher – decode HTMLHTMLHyperText Markup Language. The semantic scripting language primarily used for outputting content in web browsers. entities and utilise accessible markup pattern. (36397)
Site Editor – prevent loading state from showing the adminadmin(and super admin) menu. (36455)
Global Styles
Replace get_theme_file_path in theme_has_support. (36398)
Chore: Fix small typos on the rest endpoints. (36272)
Block Editor
Strip metaMetaMeta is a term that refers to the inside workings of a group. For us, this is the team that works on internal WordPress sites like WordCamp Central and Make WordPress. tags from pasted links in Chromium. (36356)
Add webp extension in filePasteHandler and getPasteEventData. (36361)
Polish metaboxMetaboxA post metabox is a draggable box shown on the post editing screen. Its purpose is to allow the user to select or enter information in addition to the main post content. This information should be related to the post in some way. container. (36297)
Data: Clean up registerGenericStore param names. (36300)
Prepare navigation php code for core patchpatchA 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.. (36336)
Add comment to Remove filterFilterFilters 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. to allow WP variables after min version is 5.8. (36281)
Fix Performance CI tests and make them always use the latest major as base branchbranchA 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".. (36463)
Fix failing tests and compatibility with 5.9. (36368)
Add integration tests with core blocks schema validation. (36351)
Theme switch on the global styles rest apiREST APIThe 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/.unit testunit testCode written to test a small piece of code or functionality within a larger application. Everything from themes to WordPress core have a series of unit tests. Also see regression.. (36277)
Fix not transforming logical assignments for packages. (36484)
Performance Benchmark
Version
Time to Render First Block
KeyPress Event (typing)
Gutenberg 12.0
6.18s
39.99ms
Gutenberg 11.9
5.89s
40.75ms
WordPress 5.8
6.56s
49.54ms
Thank you to @shaunandrews for the assets included in this post, @priethor for coordinating the release process and proofreading, @vcanales for the moral support and answering questions about the release process, and to all those who contributed to this release!
GutenbergGutenbergThe Gutenberg project is the new Editor Interface for WordPress. The editor improves the process and experience of creating new content, making writing rich content much simpler. It uses ‘blocks’ to add richness rather than shortcodes, custom HTML etc. https://wordpress.org/gutenberg/pluginPluginA 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 releases
GithubGitHubGitHub 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/ tracking project: Documentation for WP 5.9 release and the Dev Notes Tracking Issue.
Shipped Link in BlockBlockBlock is the abstract term used to describe units of markup that, composed together, form the content or layout of a webpage using the WordPress editor. The idea combines concepts of what in the past may have achieved with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience. Setting for Embeds, which concludes current Embeds work on native mobile.
Fixes Fix for pasting from MS Word.
In Progress Upgrade to ReactReactReact is a JavaScript library that makes it easy to reason about, construct, and maintain stateless and stateful user interfaces. https://reactjs.org/. Native v0.66.
Finalizing GSS Font size, line height and selected text colors.
I would love to connect with folks about editor plans for the next year and see how to include the native mobile clients, any pointers appreciated!
There were no updates during the coreCoreCore is the set of software required to run WordPress. The Core Development Team builds WordPress. editor chat for Navigation Block & Navigation Editor, Global Styling or Patterns.
Lots of work to support folks working mainly on Styling controls (including Global Styles). Mainly refining the ToolsPanel component and color-related components and screens.
I see there has been some discussions around the template editor appearance menu for WP 5.9. @jameskoster Kelly and I shared designs a few weeks ago. One idea was on creating new template list views. The initial groundwork can be seen in Add templates list page for site editor.
Why is adding extra contexts not considered the best practice such as attempting to customize the Gallery’s inner blocks? For additional information check this Slack thread.
It’s now November, which means this is the final GutenbergGutenbergThe Gutenberg project is the new Editor Interface for WordPress. The editor improves the process and experience of creating new content, making writing rich content much simpler. It uses ‘blocks’ to add richness rather than shortcodes, custom HTML etc. https://wordpress.org/gutenberg/ release for WordPress 5.9! Included are several new Gutenberg blocks for working with post comments, along with a host of enhancements to existing blocks with a lot of focus going into improving the Navigation blockBlockBlock is the abstract term used to describe units of markup that, composed together, form the content or layout of a webpage using the WordPress editor. The idea combines concepts of what in the past may have achieved with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience., which will feature heavily in block themes.
With the increasing number of block patterns available in the pattern directory and bundled with themes, there is now a full-screen modal pattern explorer that can be accessed via an Explore button in the pattern inserter. This explorer allows users to find patterns in a bigger, more advanced tool.
New comment blocks
This release includes a handful of new blocks to allow for granular control over the design of comments in templates for posts. The new Comments Query Loop and Comment Template blocks work similarly to the Query LoopLoopThe 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. and Post Template blocks, but for the display of comments via a default template composed of Post Comment Author, Post Comment Date, and Post Comment Content blocks. Site owners can lay out the blocks to suit their designs, for example, by including the newly added Comment Author Avatar block.
With these new blocks now available, the existing experimental Post Comment block has been deprecated, with the block now hidden in the inserter.
Further iterations on the Navigation block
With its inclusion in 5.9 and all its recent enhancements, the Navigation block is no longer considered experimental. The block has now opted-in to the flex layout block support, the placeholder for the block has been simplified, and the UIUIUser interface and naming of navigation entities have been refined. The data layer for the Navigation block has also been improved, as the block’s data is now saved to a wp_navigationcustom post typeCustom Post TypeWordPress 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., allowing greater flexibility surrounding the management of navigation menus used for this block. Among these management improvements, there is an additional menu item for editing and managing navigation menus, found under the Appearance tab, and it is now also possible to create new menus from an existing Navigation block directly within the editor.
Typography tools enhancements
The Typography controls for blocks have been switched to use the ToolsPanel component, which allows blocks’ frequently used settings to be displayed by default, with more advanced controls able to be exposed via a menu. With this in place, typography support across the whole block library has been updated, with many blocks now opting into more controls. For example, most text-based blocks like paragraph, heading, and list blocks now support font style, letter spacing, and text transform, with only the most common font size displayed by default.
AccessibilityAccessibilityAccessibility (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
Performance and accessibility of the block list view have been improved by using a windowing technique that now renders a fixed number of items at a time instead of every block. The post title component is now covered for screen readers, and announcements have been added on formatting changes in rich text fields. Also, the “Save” keyboard shortcut has been rolled out to the site editor.
Other Notable Highlights
As part of contributors’ efforts to provide an outstanding editor performance, the initial loading of the site editor has been improved. A few features common to the block editor have now been rolled out to the site editor, including rich previews in the link editing UI, which also features an extra text field when modifying an existing link. The UI for saving multiple entities (e.g. site, template, and template parts) has also been improved with descriptive text added.
Block enhancements include padding support for the Columns block, and the Post Author, Post Excerpt, Comment Author, and Code blocks now all have spacing support. Support for embedding Wolfram Cloud links has been added, and there is now transparency support in the Duotone filterFilterFilters 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. that can be applied to images.
In APIAPIAn 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, there is a proposed new set of functions to make it easier for plugins and themes to extract data from theme.json settings and styles without having to use WP_Theme_JSON_Resolver. Also, usage of InnerBlocks.Content within blocks’ save functions has been replaced with useInnerBlocksProps.save for better consistency with behavior in edit components.
The full set of changes included in this release can be found below.
New Block: Comment AvatarAvatarAn avatar is an image or illustration that specifically refers to a character that represents an online user. It’s usually a square box that appears next to the user’s name.. (35396)
Embed: Add Wolfram Cloud as an embed provider. (35656)
Gallery: Replace gallery experimental setting with a check for use_balanceTags. (34979)
Image: Add data-id attribute on server side render for coreCoreCore is the set of software required to run WordPress. The Core Development Team builds WordPress. galleries. (35975)
Navigation: Add missing menu item attributes. (35634)
Navigation: Create nav menu on pattern insertion or when the block has uncontrolled inner blocks. (36024)
Navigation: Migrate classic menus to block-based menus on theme switch. (36255)
Navigation: Mobile responsive navigation by default. (35917)
Navigation: Provide a way to manage wp_navigation posts from wp-adminadmin(and super admin). (36126)
Navigation: Reword navigation color labels. (35916)
Navigation: Save data to a wp_navigation post type. (35746)
Navigation: Show the placeholder again when moving from a valid menu to non-existing menu. (36210)
Navigation: Update block entity automatic name generation and refine naming UI. (36238)
Navigation: Use a single placeholder for the block. (36023)
Page List: Create a JSJSJavaScript, a web scripting language typically executed in the browser. Often used for advanced user interfaces and behaviors. version for the editor. (31670)
Post Comment: Deprecate the block now that the Comment Query Loop block has been added. (36032)
Post Comment Author: Add alignment options. (36045)
Post Comments: Even out the top margin inside the block. (35887)
Post Comments: Hide the “Comments Closed” message. (35743)
Post Comment Form: Adds in basic styling for post comment form. (35704)
Post ExcerptExcerptAn excerpt is the description of the blog post or page that will by default show on the blog archive page, in search results (SERPs), and on social media. With an SEO plugin, the excerpt may also be in that plugin’s metabox.: Add spacing controls. (35959)
Post Excerpt: Don’t print the wrapper when there is no excerpt. (35749)
Post Title: Return no markup if title is empty. (35861)
Search: Add contextual defaults when inserted in Navigation block. (36125)
Gallery block: Add a dismissible warning about the need for versions >=18.2 of the mobile app. (36012)
Accessibility
Add announcement on formatting change for screen readers. (35896)
Add aria-current to navigation link, submenu, page list. (35880)
Link editing: Improve focus styles for Link UI preview title. (35853)
Site Editor: Enable the “Save” keyboard shortcut. (36138)
Try to communicate to screen readers that post title is textarea. (35898)
Block Editor
Block toolbar: Remove visual clue from text alignment icon. (35922)
Drag and drop: Show drag slot instead of hiding the block being dragged. (33950)
Enable rich previews in the Link UI for the Site Editor. (35951)
Link editing: Update Link UI design for preview action buttons to use icons for edit and unlink. (35833)
LinkControl: Split control for URLURLA specific web address of a website or web page on the Internet, such as a website’s URL www.wordpress.org and Text within Link UI. (33849)
Auto resize the height of template part focus mode. (35974)
Global Styles
Remove the duplicated title in background, text and link views. (35583)
Typography: Switch to ToolsPanel for block support UI. (33744)
Add a Global Styles endpoint and use it in the site editor. (35801)
Migrate theme.jsonJSONJSON, 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. v1 to v2. (36155)
Update: Show all color and gradient origins (core, theme, and user). (35970)
Layout: Add flex-wrap control to flex layout. (36003)
Typography block support: Add typography support and defaults. (34064)
Media
Remove “security” verbiage from warning when filetype does not pass on upload. (36226)
Patterns
Add an inserter flag to hide patterns from UI. (36108)
Themes
Remove experimental feature notice for block themes. (36083)
General Interface
Apply borders to canvas rather than other UI elements. (31081)
REST APIREST APIThe 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/.
Respect fields param for global styles REST API requests. (36206)
URL Details: Update regex to include og:Description. (35875)
New APIs
Global Styles
Add API to access global settings, styles, and stylesheet. (34843)
Block Library
Inner blocks: Add useInnerBlocksProps.save function for edit/save symmetry, and stabilise API. (26031)
Bug Fixes
Block Library
Buttons: Address deprecation issues from Buttons flex layout PR. (36192)
Classic: Fix select all blocks side effect that overwrote paragraph block contents. (35999)
Column: Only add flex-basis if width contains a number. (35831)
Comment Template: Move inner blocks container to separate components. (36174)
Blocks: Fix relative URLs for inlined styles. (35538)
Navigation: Disable ability to edit wp_navigation menus via Appearance -> Navigation Menus for non-FSE themes. (36257)
Fix saving template parts in the site editor by fixing controlled inner blocks parent block attributes updates. (35827)
Fix incorrect attributes definitions for Column, Cover, and Group blocks. (36140)
Gallery: Make sure the mobile warning notice only runs when images are added to a new block. (36326)
Gallery: Only show the gallery upload error message if mixed multiple files are uploaded. (35790)
Gallery: Remove the arbitrary alt text that is added to gallery images. (35936)
Group: Fix inner container regexes that relied on fixed div tagtagA 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.). (36256)
Heading: Avoid error on split when the paragraph isn’t registered. (35871)
Image: Make sure the Image block border radius is inherited if the image is linked. (36289)
Navigation Submenu: Fix PHPPHPThe web scripting language in which WordPress is primarily architected. WordPress requires PHP 5.6.20 or higher notice caused by stale id reference. (35984)
Navigation: Fix issues with responsive justifications. (35913) and (36105)
Navigation: Fix padding for social links on mobile. (35824)
Navigation: Fix submenus not opening on click. (36290)
Navigation: Hide post attributes metaMetaMeta is a term that refers to the inside workings of a group. For us, this is the team that works on internal WordPress sites like WordCamp Central and Make WordPress. box. (36358)
Navigation: Small styling fixes and tweaks. (36298)
Post Comment: Handle the case where a comment does not exist. (35810)
Post Navigation Link: Do not translate HTMLHTMLHyperText Markup Language. The semantic scripting language primarily used for outputting content in web browsers. tag. (35930)
Post Template Block: Move inner blocks container to separate component. (35945)
Post Terms: Prevent the block from breaking on pages. (35957)
Storybook: Lazy load LTR/RTL styles for consistent specificity. (35771)
Text: Fix text color value to use correct gray color value for Link UI preview description text. (35851)
Global Styles
Fix navigation in global styles sidebarSidebarA 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.. (36203)
Fix presets data for themes that do not provide any preset. (36054)
Generate preset metadata for font-family in the site editor. (36022)
Hotfix for leftovers of WP_Theme_JSON_Resolver::Get_merged_data. (36173)
Lower the specificity of border & padding styles for the outline block style in the button block. (35968)
Theme.json: Remove custom prefixes from properties that did not land in 5.8. (34485)
Fix Rest global styles controller accessing configuration that may not exist. (36047)
Block Editor
Allow moving metaboxes to previously empty area. (25187)
Change console.error to console.warn for enqueued styles in the editor. (35914)
Fix inserter with block pattern categories. (36116)
Fix navigation block link control zero value in it. (36198)
Fix the update of link and suggestions in LinkControl. (32320)
Make Link UI inactive if selection extends beyond format bounds or encounters new link. (35946)
Fix selection by holding shift key for nested blocks. (35668)
Fix shift+click on a child block with its parent selected. (35988)
Fix: Crash when resetting user color palette. (36233)
Fix: Show user colors on palette indicator. (36232)
Fix getPxFromCssUnit test stability and test that memoized function works correctly. (35939)
Link editing: Account for link anchor no longer being present when generating unique link instance key. (36357)
Preserve highlighted text selection when changing colors (36263)
Design Tools
Font Appearance: Improve consistency of label in Typography panel. (35860)
Font Family Support: Fix skip serialization check. (36073)
Navigation: Force text decoration styles on nav item in editor. (35859)
Template Editor
Clear selected block when clicking outside in the template part focus mode. (35816)
Templates: Only include templates for the current post types. (35802)
Core Data
Avoid showing deleted records in editor saving flow. (36027)
Fix getEntityRecords to ensure resolution on REST API failure. (36353)
Fix Core Data using hardcoded baseURL prefix for taxonomies and post types API requests. (35850)
Make saveEditedEntityRecord use the entity key when available. (36212)
Add fallback handling for plugins or themes using the CustomizerCustomizerTool 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.. (35877)
Fix missing <MainDashboardButton> slot fill in site editor. (36369)
Theme resolver: Fix crash from calls to undefined functions. (36248)
Unhook _block_template_render_title_tag to prevent duplicate title tags from rendering. (36133)
Widgets Editor
Fix layout styles not applying in widgets customizer. (35865)
CSSCSSCascading Style Sheets. & Styling
Editor defaults for themes with no editor styles and when user disables theme styles. (35736)
History
Support disabling autosave for native Unsupported Block Editor. (35639)
Performance
List View
Fix pagedown/pageup and improve scrolling. (36063)
List View: Render a fixed number of items. (35230)
Block Editor
Improve opening of the block inserter via manual token-based analysis of reusable blocks. (35763)
Widgets Editor
List View: Avoid re-rendering all items on block focus. Enable persistent List View in the widgetWidgetA 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. (35706)
Add a more detailed guide for reactReactReact is a JavaScript library that makes it easy to reason about, construct, and maintain stateless and stateful user interfaces. https://reactjs.org/. native development. (35529)
Blocks: Add view script to block schema and documentation. (36175)
Blocks: Document changes to style and editorStyle in block.json. (36218)
Add Getting Started level for documentation. (35891)
Add section about using the schema during development. (35835)
Fix a small typo in the “Getting started” documentation. (36109)
Schemas: Theme.json – Add title to templateParts. (36145)
CSS & Styling
Remove invalidinvalidA 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. buttons block CSS property. (33793)
Tools
PluginPluginA 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 and backporting to WordPress core
Updates WP_Theme_JSON_Resolver and tests to be equal to core. (36223)
Changes for FSE backportbackportA port is when code from one branch (or trunk) is merged into another branch or trunk. Some changes in WordPress point releases are the result of backporting code from trunk to the release branch. in core. (36201)
Skip flaky test for loading block stylesheets in iframeiframeiFrame is an acronym for an inline frame. An iFrame is used inside a webpage to load another HTML document and render it. This HTML document may also contain JavaScript and/or CSS which is loaded at the time when iframe tag is parsed by the user’s browser.. (35961)
Scripts: Increase timeout for end-to-end tests to 30 seconds. (35983)
Improve unit testunit testCode written to test a small piece of code or functionality within a larger application. Everything from themes to WordPress core have a series of unit tests. Also see regression. coverage for REST API menus endpoints. (36177)
Update child theme.json merge test to match core. (36329)
Debugging
Wp-env: Disable Xdebug by default unless specified by user. (34324)
Performance Benchmark
The following benchmark compares performance for a particularly sizeable post (~36,000 words, ~1,000 blocks) over the last releases. Such a large post isn’t representative of the average editing experience but is adequate for spotting variations in performance.
GutenbergGutenbergThe Gutenberg project is the new Editor Interface for WordPress. The editor improves the process and experience of creating new content, making writing rich content much simpler. It uses ‘blocks’ to add richness rather than shortcodes, custom HTML etc. https://wordpress.org/gutenberg/ 11.9
Gutenberg 11.9 RC4 was released earlier today and the goal is to publish the stable release Thursday morning APAC time, which should be around the end of the day Wednesday 10th in North America.
@noisysocks shared the following 5.9 related updates:
The coreCoreCore is the set of software required to run WordPress. The Core Development Team builds WordPress. patches have been merged for 5.9. Follow up work from this is ongoing.
Gutenberg needs to be updated to work with core trunk. There were CI test failures so we changed CI to run 5.8.2 as a temporary fix. @danr is working on updating Gutenberg, but help is appreciated
Please add the backportbackportA port is when code from one branch (or trunk) is merged into another branch or trunk. Some changes in WordPress point releases are the result of backporting code from trunk to the release branch. label to bugbugA 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. fix PRs
Please pick up an issue or two from the Must Haves board. There’s a few things with no assignee
I’ve created a new public GitHubGitHubGitHub 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/ project to track documentation needs for the WP 5.9 release. You can access it at: https://github.com/orgs/WordPress/projects/11
Let me know if you have trouble accessing that link. GitHub project is a new tool so I’m still getting familiar, but basically a spreadsheet connected to GitHub issues and tickets.
I pulled in all tickets labeled “Needs Dev Notedev noteEach important change in WordPress Core is documented in a developers note, (usually called dev note). Good dev notes generally include:
a description of the change;
the decision that led to this change
a description of how developers are supposed to work with that change.
Dev notes are published on Make/Core blog during the beta phase of WordPress release cycle. Publishing dev notes is particularly important when plugin/theme authors and WordPress developers need to be aware of those changes.In general, all dev notes are compiled into a Field Guide at the beginning of the release candidate phase.” so please if you’ve worked on a ticketticketCreated for both bug reports and feature development on the bug tracker. definitely take a look. I’ll reach out and confirm assigned, the ones listed now were pulled in automatically.
The “Doc Type” label is a general categoryCategoryThe 'category' taxonomy lets you group posts / content together that share a common bond. Categories are pre-defined and broad ranging. I made up for the items.
Dev Note is a specific post on Make Core for developers for any breaking changes in a release.
User Docs is intended for user facing documentation of new features for non-developers. For example, how do I use Global Styles?
Dev Docs is a catch-all for all other developer documentation that isn’t necessarily a specific Dev Note, for example “How do I create a blockBlockBlock is the abstract term used to describe units of markup that, composed together, form the content or layout of a webpage using the WordPress editor. The idea combines concepts of what in the past may have achieved with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience. theme?” or APIAPIAn 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. updates.
One thing to note, the tabs at the top are actually views, so entries are filtered by the type. So if you switch to a “tab” and add an entry, it actually “disappears” since it doesn’t have the correct type to be shown in that view. So adding items is easiest in Overview (all items) and then enter the Doc Type.
Work has continued on making Navigations reusable across a Site and between Themes.
A Navigation Area block was added to facilitate the reuse of Navigations between Themes. You can now switch Themes and (if the target Theme is configured correctly) your Navigation will be preserved.
This works somewhat similarly to Menu Locations in classic Themes:
you add a Nav Area block and configure it to be Primary, Secondary or Tertiary. These terms are provided by default and denote an approximate hierarchy of navigations on a site.
you then insert a Nav block inside the Nav Area block. This can be used to configure presentational properties of a given Menu and is ideal for Theme Developers. Note you do not need to add any nav items at this point.
you then optionally add items to your Navigation block.
when switching Theme, assuming the new Theme also has a Navigation Area block with a matching “area” (e.g. Primary, Secondary, Tertiary), then any nav items from matching Navigation Areas on your old Theme will automatically appear in the associated location in the new Theme.
the navigation -> area relationship is saved via site options is a format of { "primary": 794, "secondary": 112 }where the keys are the navigation areas and the values are the post IDs of Navigation post types.
Lots of great work behind the scenes work on the REST APIREST APIThe 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/. which has allowed all of the above to progress.
Tweaks to the UIUIUser interface and UXUXUser experience of the block itself have been ongoing.
The focus this week was porting all the infrastructure to the core (theme.jsonJSONJSON, 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. changes endpoints, etc) and that is done.
Always navigation. So much is in flux, but I’m looking at bugfixes related to justification, theming, submenus and others. It would help me if github.com/WordPress/gutenberg/pull/36298 could be approved soon.
Added Media File and Attachment Page options to the native Image blockBlockBlock is the abstract term used to describe units of markup that, composed together, form the content or layout of a webpage using the WordPress editor. The idea combines concepts of what in the past may have achieved with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience. Link To menu
Improvements and Fixes
Added more integration tests for embed blocks
Added a Fixed Height context to improve inner block handling of fixed heights
In Progress
Final tweaks to the Embed block so we can stamp this first iteration on that block as complete
we’ve been working on the APIAPIAn 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. endpoints to prepare things for CoreCoreCore is the set of software required to run WordPress. The Core Development Team builds WordPress. merge.
The next steps for us are going to be to work on the Core Patches for both Global Styles and FSE (block themes) infrastructure.
During the past week, I’ve been focused on reviews to move 5.9 tasks forward, bugbugA 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. fixes, and a couple of bigger things:
Migrate theme.json v1 to v2. Existing themes with theme.jsonJSONJSON, 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. v1 still work as expected, but we’re preparing things to land in 5.9, which means cutting a new version for theme.json.
The PR to show colors from different sources uncovered a dormant bug that did not have any effect until now and that we’re fixing here. The fix is to stop retrofitting the filtered settings from the block_editor_settings into theme.json and instead use the theme supports directly. This may affect plugins that used the block_editor_settings to change theme support values, and they should be updated to use the after_theme_setupfilterFilterFilters 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. instead.
For next week, I plan to keep helping with reviews, bug fixes, and porting code to WordPress core.
We have made some progress on the Post Comments blocks. All the info can be found in its tracking issue and its GitHub project. This was the progress made during the last couple of weeks:
Please note that this won’t be included in WordPress 5.9. There is still important functionality missing and it hasn’t been tested properly. For now, we will keep working on the aspects left in the Comment Query LoopLoopThe 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 and start working on the blocks related to the Comments pagination.
I have been involved in review the global style endpoints and made some PR’s that make the UI closer to the mockups
For the next week the main objective is backportbackportA port is when code from one branch (or trunk) is merged into another branch or trunk. Some changes in WordPress point releases are the result of backporting code from trunk to the release branch. the global styles/theme.json infrastructure into core
I’m primarily on the default theme, but I’d like to highlight two more global issues I’ve been testing that I think could use more feedback and ideas:
Post/page editor text bumps up against the screen by default. This seems like a regressionregressionA software bug that breaks or degrades something that previously worked. Regressions are often treated as critical bugs or blockers. Recent regressions may be given higher priorities. A "3.6 regression" would be a bug in 3.6 that worked as intended in 3.5., and it effects a large portion of themes.
These “CoreCoreCore is the set of software required to run WordPress. The Core Development Team builds WordPress. Editor Improvement…” posts (labelled with the #core-editor-improvementtagtagA 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.)) are a series dedicated to highlighting various new features, improvements, and more from Core Editor related projects.
With more tools to edit your entire site, this new view was created to allow folks to have a space to focus specifically on editing a single template part, like a headerHeaderThe 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. or footer. At a high level, this focused mode helps eliminate distractions when editing template parts, provide a pathway for backwards compatibility, and opens up new possibilities around permissions.
You will be able to access this mode in a few ways once GutenbergGutenbergThe Gutenberg project is the new Editor Interface for WordPress. The editor improves the process and experience of creating new content, making writing rich content much simpler. It uses ‘blocks’ to add richness rather than shortcodes, custom HTML etc. https://wordpress.org/gutenberg/ 11.9 is released and, if all goes well, in WordPress 5.9:
Select the template part in the Site editor > Click on the three dot menu > Select “Edit Header” or the respective template part name.
Select the template part in List View > Click on the three dot menu > Select “Edit Header” or the respective template part name.
From the Browsing sidebarSidebarA 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. > Navigate to Template Parts > Select the template part you want to customize.
From the Top Toolbar > Click on the three dot menu under “Areas” next to the template part you want to customize.
Keep in mind that some of these flows may change as the site editing flows get prepared for 5.9!
Looking forward, this work will ultimately pave the path for a smooth transition into blockBlockBlock is the abstract term used to describe units of markup that, composed together, form the content or layout of a webpage using the WordPress editor. The idea combines concepts of what in the past may have achieved with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience. themes by turning existing widgetWidgetA 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. areas into block template parts. It also creates the ability to have only folks with certain permissions the ability to edit a template part directly, building on the work around template locking. The UXUXUser experience lessons learned from this effort will inevitably benefit future projects like the Navigation Editor too!
For a deep dive of all that went into this project, check out this overview issue. To be on the cutting edge, use Gutenberg 11.9 when it’s released or check out the current version today to get a sense of what it can do without the latest and greatest PRs. If you’re game to wait a bit longer, expect to see it in WordPress 5.9 coming in December.
This post summarizes the weekly editor chat meeting (agenda here) held on Wednesday, October 27 2021, 04:00 PM GMT+1. in Slack. Moderated by @andraganescu.
A PR proposing the new color palette editor and a PR that makes multiple color palettes from different sources available to users were proposed PR 35783, PR 35783.
The new global styles REST APIREST APIThe 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/. endpoints are also in progress PR 35801, PR 35985, and at least the endpoint for user styles should be merged in the next hours.
The new design is based on progressive disclosure UIUIUser interface where all the options are not visible right away that is based on using the new tools panel on the multiple blockBlockBlock is the abstract term used to describe units of markup that, composed together, form the content or layout of a webpage using the WordPress editor. The idea combines concepts of what in the past may have achieved with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience. supports that exist, and that work is also in progress for colors and borders PR 33743, PR 34027.
Patterns
@ntsekouras explained that while the patterns tracking issue suggested to implement a way for allowing themes to surface specific patterns from the pattern directory, in reality development is tightly coupled with the pattern directory and the current ‘closed’ submission system, so more exploration needs to happen.
Following on from the Hallway Hangout, contributors are working hard to communicate the direction of the work as widely as possible to ensure the community are kept informed.
Rolled out in-editor Help screen and new-block Inserter Badge to all users.
Fixes
Pin Node to v14 on CI to match GutenbergGutenbergThe Gutenberg project is the new Editor Interface for WordPress. The editor improves the process and experience of creating new content, making writing rich content much simpler. It uses ‘blocks’ to add richness rather than shortcodes, custom HTML etc. https://wordpress.org/gutenberg/ web’s CI.
Autosave issue in the Unsupported Block Editor.
iOSiOSThe operating system used on iPhones and iPads. Safe Areas issue in the in-editor Help screen.
Fixed bugbugA 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. that was causing post editor to crash when switching between preview types.
URL Details endpoint now will check og:description when searching for site description.
Fixed (waiting for review) the bug for Classic block. It was copying content to other blocks during the “Select all” action.
Reviewed and helped the work to fix the background text higlings migrationMigrationMoving the code, database and media files for a website site from one server to another. Most typically done when changing hosting companies. that was affecting websites in production using the gutenberg pluginPluginA 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-partyhttps://github.com/WordPress/gutenberg/pull/35516.
Tomorrow Live Q & A on Converting classic Widget to blocks w/ Buddy Press team @imath@vapvarun and @dcavins – Join us and/or share in your networknetwork(versus site, blog). It will be streamed to YouTube as well. (by the time meeting notes come out we might have a recording on YouTube. )
Prep and recording of Gutenberg Changelog episode 54 – Gutenberg 11.8 and more. w/ @gziolo
Developer Hours to start mid November. Coordination work ongoing.
I’m looking for some guidance on Global Styles: Form elements. I’m looking to dive in today and get a PR going, but want to make sure I have scope and scale in mind for adding any features.
Open Floor
@cbravobernal asked about issues because of getting block attributes with style and class together in a string and pointed to the trac issue.
@overclokk raised an issue detailing a proposal to remove block-templates and block-templates-parts directories for FSE – Full site editing
October is almost over, and we’re really close to WordPress 5.9, with this version of GutenbergGutenbergThe Gutenberg project is the new Editor Interface for WordPress. The editor improves the process and experience of creating new content, making writing rich content much simpler. It uses ‘blocks’ to add richness rather than shortcodes, custom HTML etc. https://wordpress.org/gutenberg/ being the second to last to make it into that release. This time around we have plenty of enhancements to the editing experience, including a way to discover Featured BlockBlockBlock is the abstract term used to describe units of markup that, composed together, form the content or layout of a webpage using the WordPress editor. The idea combines concepts of what in the past may have achieved with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience. Patterns, spacing tools for heading blocks, new animations for some elements (such as Dropzone, and Insertion Point), and more.
Featured Patterns from the Pattern Directory.
The Pattern Directory is the go-to source for great Block Patterns, and with this enhancementenhancementEnhancements are simple improvements to WordPress, such as the addition of a hook, a new feature, or an improvement to an existing feature. to the inserter, users get direct access to a selection of featured Patterns, making it easier to find rich Patterns to use or get inspiration from.
Spacing Tools now available to more blocks
Spacing controls are an important piece when getting your Posts, Pages, and Templates looking just right. In Gutenberg 11.8 we’re getting great Improvements in this area.
Spacing on Heading Blocks — Spacing controls were already available for the Site Title Block, and it made sense to add this possibility for all blocks that generate headings, including the Navigation Block, as seen below! With this enhancement, it’s no longer necessary to manually add padding or margin support to each Pattern or Template that uses heading blocks.
Gap support on the Navigation Block — Enables us to control the space between elements of a Navigation Block, taking advantage of the Block Gap support added in Gutenberg 11.5.
Button Block gap and vertical margin — Also related to Block Gap support, this enables us to control the space between buttons, as well as adding vertical margin support in order to adjust the space above and below the Buttons container. As a side note, the discussion behind this change shows off how Contributors come together to add these useful features to Gutenberg; a big thank you to everyone involved!
Enable always-on burger menu for Responsive Navigation Block.
This update is two-fold: users can now hide a Navigation MenuNavigation MenuA 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. behind a button at all times, and they also get a new and improved Navigation Block Display options panel.
Other notable improvements
Allow child theme.jsonJSONJSON, 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. to be merged with parent theme.json
Child themes containing a theme.json file will now apply their styles on top of those defined by the parent theme’s theme.json, allowing them to easily overwrite certain styles while maintaining the parent’s base ones. If no theme.json file is present on the child themeChild themeA Child Theme is a customized theme based upon a Parent Theme. It’s considered best practice to create a child theme if you want to modify the CSS of your theme. https://developer.wordpress.org/themes/advanced-topics/child-themes/., the parent’s styles are applied, and the other way around as well.
More control over Cover and Column blocks’ inner blocks
Starting in Gutenberg 11.8, there is more control over which types of blocks are allowed inside some container blocks, as allowedBlocks support has been added to the Cover Block and to the Column Block.
Enable the Slash Inserter for heading, list, and quote.
The Slash Inserter is the fastest way to find, and add blocks to your content, and from now on users are able to utilize it to add blocks within a Heading, List, and Quote blocks, similarly to how it works in basic Paragraph blocks.
Animations for insertion point, drop zone, and other elements
This release adds a nice touch by providing animations for insertion points and drop zones, among others. For extra clarity, and flair. ✨
Show the ellipsis menu in the ListView
Last but not least, this release also enables the List View’s ellipsis menu (block settings menu) in the Site Editor. Not only does this menu let users copy, duplicate, remove, and perform a bunch of options to blocks from within the List View, but it also helps access the recently revamped Template Part Focus Mode.
11.8.0 Changelog
Spacing tools
Buttons: Add gap and vertical margin support. (34546)
Add spacing controls to all heading blocks. (35772)
Feature Image: Add spacing controls to the featured imageFeatured imageA 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. block. (35775)
Inspector Controls: Resort the order of the design tools associated with styles hooksHooksIn 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.. (35574)
Allow child theme.json to be merged with parent theme.json. (35459)
Extract the three color panels to their own global styles view. (35400)
Font family: Switch from CSSCSSCascading Style Sheets. Custom Property to classes. (31910)
Move the global styles reset action to a dropdown menu. (35559)
Update descriptions for the different screens under global styles. (35429)
Update the global styles sidebarSidebarA 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.’s root view to use Card components. (35547)
Use text color to render the Aa preview in global styles. (35631)
Increase the number of items per page for default Query LoopLoopThe 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. (35603)
Featured patterns from the pattern directory. (35115)
Block Editor
Add animations for insertion point, dropzone, and other elements. (33132)
Adjust Link UIUIUser interface visual styling. (35414)
Create Block: Add PascalCase slug to create-block template strings. (35462)
Create Block: Allow local directories to be passed to –template as relative paths. (35645)
Test Setup: Add more complete mocks of common timer functions. (35368)
Scripts: Allow customization of the ARTIFACTS_PATH via WP_ARTIFACTS_PATH env var. (35371)
AccessibilityAccessibilityAccessibility (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)
Rich text popovers: Move to block tools to fix tab order. (34956)
Heading: Remove anchor map when block unmounts. (35761)
Site Logo: Fix site logo block on dark backgrounds. (35718)
i18ni18nInternationalization, or the act of writing and preparing code to be fully translatable into other languages. Also see localization. Often written with a lowercase i so it is not confused with a lowercase L or the numeral 1. Often an acquired skill.
Fix template part block untranslated strings. (35715)
TranslationtranslationThe process (or result) of changing text, words, and display formatting to support another language. Also see localization, internationalization. note for Home/end to avoid mistranslations. (35669)
Packages
Server Site Render: Prevent empty renders in `ServerSideRender` component caused by changing props while already fetching markup. (35433)
Components
Color Picker: Fix some issues on the color picker component; Remove tinycolor2;. (35562)
Navigator: Hide horizontal overflow in Navigator. (35332)
Block APIAPIAn 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.
Blocks: Apply the most recent filters to previously registered blocks. (34299)
Fix class serialization of font size and colors in dynamic blocks that use block supports. (35751)
Design Tools
Border Radius Control: Fix undefined value on the first click into RangeControl. (35651)
Block Editor
Fix updating the block list after block removal. (35721)
FSE: Coding standards: DOCTYPE should be the first line/character of any HTMLHTMLHyperText Markup Language. The semantic scripting language primarily used for outputting content in web browsers. document. (35442)
REST APIREST APIThe 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/.
Fix preloading middleware referencing stale data for OPTIONS requests. (35527)
List View
Fix expand and collapse when the icon is clicked. (35526)
Global Styles
Fix presets that use a callback to validate user data. (35255)
CSS & Styling
Remove font size classes that are enqueued in the global stylesheet. (35182)
Remove deprecated class names from the Navigation Link block. (35358)
Navigation Screen
Use new coreCoreCore is the set of software required to run WordPress. The Core Development Team builds WordPress. functions in menu items REST API. (35648)
Add categories to TOC to help digest the FAQ. (35519)
Add missing documentation for the wrapperProps property for the BlockListBlock component returned by the editor.blockListEdit filterFilterFilters 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.. (26961)
Clarify documentation for InnerBlocks orientation prop. (35712)
CustomRadius – Remove pluginPluginA 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-only text. (35582)
Enable/skipped metaboxMetaboxA post metabox is a draggable box shown on the post editing screen. Its purpose is to allow the user to select or enter information in addition to the main post content. This information should be related to the post in some way. test. (35594)
Updates `reactReactReact is a JavaScript library that makes it easy to reason about, construct, and maintain stateless and stateful user interfaces. https://reactjs.org/.-native-aztec` android to use S3 dependency for the Aztec editor. (35606)
A note to extenders on the Navigation Editor
Bugfix #35527 fixed preloading on the Navigation Editor; now cache gets deleted after the first cache hit for OPTIONS requests, potentially affecting 3rd-party plugins.
Performance Benchmark
The following benchmark compares performance for a particularly sizeable post (~36,000 words, ~1,000 blocks) over the last releases. Such a large post isn’t representative of the average editing experience but is adequate for spotting variations in performance.
Version
Time To Render First Block
KeyPress Event (typing)
Gutenberg 11.8
6.21s
40.2ms
Gutenberg 11.7
6.29s
43.13ms
WordPress 5.8
6.74s
51.54ms
Thanks to @critterverse for the assets on this post, @priethor for shepherding the process along, @dd32 for assisting with the release to the plugin directory, and to those who contributed to this release! 👏
GutenbergGutenbergThe Gutenberg project is the new Editor Interface for WordPress. The editor improves the process and experience of creating new content, making writing rich content much simpler. It uses ‘blocks’ to add richness rather than shortcodes, custom HTML etc. https://wordpress.org/gutenberg/pluginPluginA 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 releases
Navigation BlockBlockBlock is the abstract term used to describe units of markup that, composed together, form the content or layout of a webpage using the WordPress editor. The idea combines concepts of what in the past may have achieved with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience. and Navigation Editor Advances.
Global Styles and Full Site Editing improvements.
Columns Block for tweaking gaps and margins.
Link control – Create a page directly inside the link control.
@noisysocks, @@kevin940726 and @jameskoster working on Template Part Focus Mode overview issue to improve the experience of editing a template part by itself. Three issues remaining in relation to template part editor having a resizeable viewport. Check this Slack thread for more detailed information.
Working on new global styles UIUIUser interface with the new color palette editor to show three palettes (coreCoreCore is the set of software required to run WordPress. The Core Development Team builds WordPress., theme and user).
The Nav Editor will not be included in WordPress 5.9 – this is because: changes to the block are required for the editor to be a success (see below). We need to allow sufficient time to test the editor before any major releasemajor releaseA release, identified by the first two numbers (3.6), which is the focus of a full release cycle and feature development. WordPress uses decimaling count for major release versions, so 2.8, 2.9, 3.0, and 3.1 are sequential and comparable in scope. and allow for community feedback.
In the short term, contributor efforts will switch to the Nav block in order to resolve some of the underlying architectural issues
Specifically separating the navigation’s presentation from its data in order to make navigations reusable. This serves both the Nav Editor project and the WordPress 5.9 release in general.
The Navigation Editor will ultimately focus on manipulating the data of a navigation which is why the above work is a prerequisite for the project’s success.
Work on the Nav Editor will resume after WordPress 5.9. We will continue to focus on backwards compatibility whilst looking ahead to the world of blocks.
It’s unlikely that we will pursue a new “Classic Menu” block. Rather focusing on the Navigation block (or its data).
Shipped: Trigger embed bottom sheet when an embeddable url is pasted into a paragraph block Add ability to customize the text and background color in the search block
Fixes Small fixes for embed block and help screen Improve automatic dimming of cover block
In Progress Adding more tests for the Embed block GSS Font size, line height, colors
The main idea is to end up with a Comment Query loopLoopThe 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. similar to the existing Query Loop we have for posts. You can check out the scope of the project in its tracking issue. This has been the progress so far:
Comment Content block: @DAreRodz has been working on this Pull Request and, again, it is almost finished. The code is already done and reviewed, but there is a potential issue with CSSCSSCascading Style Sheets. and some themes they are reviewing before merging it.
Comments Query Loop block: This is probably the most complex issue and @michalczaplinski has been working on it in this Pull Request. There was some discussion to reduce the scope of the Pull Request, as it could get really long, and the first version should be ready soon. We also have to decide how we are going to handle the current existing blocks for comments.
shipped a youtube video about “connecting the dots” for using duotone in theme.jsonJSONJSON, 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. to customize your image blocks, and
I plan to set aside a few hours of triagetriageThe act of evaluating and sorting bug reports, in order to decide priority, severity, and other factors. alongside my various FSE focuses.
Started plugin/theme outreach regarding Gallery Block Refactor 15 top plugins, responses 10, I’ll do a second attempt to reach the non-responsive. TY @Glen Davies
I will connect with 12 more plugin developers this week, and tackle theme authors.
Awesome Live Q & A w/ Helen, Mark and Riad – Discussion “How we make building blocks easier. Recording on YouTube
Developer Hours. We’ll start coordinating schedule and promotion next week.
WordPress 5.9 Feature Freeze is planned for November 9th. Last Gutenberg release to be included in 5.9 is 11.9 RC.
Check the WordPress 5.9 Must-Haves project board. Contributors are encouraged to add items and bugs that seem necessary to include in this major release.
Site Editor: MVP Customizer Compatibility/Integration. The removal of the customizerCustomizerTool 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. in a FSE scenario may have unexpected repercussions for plugins (and some themes, some considerations exist in comments there). Check out the conversation on Slack.
You must be logged in to post a comment.