_“What’s new in GutenbergGutenberg The Gutenberg project is the new Editor Interface for WordPress. The editor improves the process and experience of creating new content, making writing rich content much simpler. It uses ‘blocks’ to add richness rather than shortcodes, custom HTML etc. https://wordpress.org/gutenberg/…” posts (labeled with the #gutenberg-new tagtag A directory in Subversion. WordPress uses tags to store a single snapshot of a version (3.6, 3.6.1, etc.), the common convention of tags in version control systems. (Not to be confused with post tags.)) are posted following every Gutenberg release on a biweekly basis, showcasing new features included in each release. As a reminder, here’s an overview of different ways to keep up with Gutenberg and the Editor._ What’s New In Gutenberg 22.4? Gutenberg 22.4 has been released and is available for download! You can also check it from this Playground link. A total of 402 PRs were merged in Gutenberg 22.4, with 16 first-time contributors! This release covers typography, patterns, images, and responsive design. The Font Library now works with classic and hybrid themes. Pattern Overrides expanded to custom blocks. The Image 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. got focal point controls. And there’s an experimental feature for hiding blocks based on screen size. 1. Classic and Hybrid Theme Support for the Font Library 2. Pattern Overrides: Custom Block Support 3. Image Block: Focal Point Controls 4. Block Visibility Based on Screen Size (Experimental) 5. Other Notable Highlights 6. Changelog 7. First-time contributors 8. Contributors ## Classic and Hybrid Theme Support for the Font Library The Font Library and Global Styles now work with classic themes (#73971, #73876). Like the Media Library, you can access the Font Library as a modal or through a dedicated adminadmin (and super admin) section—regardless of your theme type. ## Pattern Overrides: Custom Block Support Custom blocks can now use Pattern Overrides. (#73889) Since WordPress 6.5, Pattern Overrides let you create synced patterns where the layout stays consistent but specific content can change per instance. The catch? Only four coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. blocks supported it: Heading, Paragraph, Button, and Image. Not anymore. Any block attribute that supports Block Bindings now supports Pattern Overrides by default. Block authors can opt in through the server-side `block_bindings_supported_attributes` filterFilter Filters are one of the two types of Hooks https://codex.wordpress.org/Plugin_API/Hooks. They provide a way for functions to modify data of other functions. They are the counterpart to Actions. Unlike Actions, filters are meant to work in an isolated manner, and should never have side effects such as affecting global variables and output.. This closes a long-requested enhancement and opens up synced patterns to custom blocks. ## Image Block: Focal Point Controls The Image block now has focal point controls. (#73115) Set a focal point on any image to control which part stays visible when the image is cropped for different screen sizes or aspect ratios. The picker is built into the Image block settings, so you can adjust it without leaving the editor. ## Block Visibility Based on Screen Size (Experimental) A new experimental feature lets you hide or show blocks based on screen size. (#73949, #74249, #74379) Site builders have been asking for this forever—control block visibility across devices without writing CSSCSS Cascading Style Sheets.. The feature includes a viewport modal for setting visibility rules, backend support for generating CSS, and visual indicators showing which blocks are hidden at different screen sizes. It’s experimental for now and requires enabling the experiment flag. ## Other Notable Highlights A few more highlights worth mentioning: * **Real-Time Collaboration is no longer experimental.** (#74562) The code has moved out of experimental status ahead of planned inclusion in WordPress 7.0. Note that a default provider isn’t in place yet. * **Verse and Quote blocks can now transform into each other.** (#73068) Finally fixes the annoyance of similar blocks not being interchangeable. * **Dimension presets for width and min-height.** (#73811) Theme developers can define preset dimension values in theme.jsonJSON JSON, or JavaScript Object Notation, is a minimal, readable format for structuring data. It is used primarily to transmit data between a server and web application, as an alternative to XML. that appear when users set block widths or minimum heights. * **Query LoopLoop The Loop is PHP code used by WordPress to display posts. Using The Loop, WordPress processes each post to be displayed on the current page, and formats it according to how it matches specified criteria within The Loop tags. Any HTML or PHP code in the Loop will be processed on each post. https://codex.wordpress.org/The_Loop. block can exclude terms.** (#73790) Much easier than the old workaround of manually adding every term except the one you don’t want. * **Paragraph block supports wide and full alignment.** (#73958) Useful for theme developers working with wide and full alignment CSS in block layouts. * **Notes appear even when template lock is enabled.** (#74577) The Notes feature (added in WordPress 6.9) now shows up regardless of template lock mode. ## Changelog ### **Features** #### **Collaboration** * Real-time collaboration: Move collaborative editing from experiments to default Gutenberg pluginPlugin A plugin is a piece of software containing a group of functions that can be added to a WordPress website. They can extend functionality or add new features to your WordPress websites. WordPress plugins are written in the PHP programming language and integrate seamlessly with WordPress. These can be free in the WordPress.org Plugin Directory https://wordpress.org/plugins/ or can be cost-based plugin from a third-party experience. (74562) #### **Block Library** * Add Heading level variations. (73823) * Image: Add focal point controls. (73115) * Query Loop: Exclude terms support. (73790) * Paragraph: Add align wide full supports. (73958) #### **Post Editor** * Notes: Enable floating notes in template lock mode. (74577) * Pattern Overrides: Infer partial syncing supported blocks from the server. (73889) #### **Design Tools** * Dimensions Support: Add dimension presets and adopt for width and min height block supports. (73811) #### **Font Library** * Classic Themes: Enable Fonts and thus global styles. (73971) * Allow access for hybrid themes. (73876) #### **Block Transforms** * Add block transforms between Verse and Quote blocks. (73068) ### **Enhancements** * Add `Field` primitives. (74190) * Add new `VisuallyHidden` component. (74189) * Clamp signaling server retries to prevent unbounded backoff. (74372) * Leverage wordpress/base-styles admin schemes stylesheet instead of duplicate declarations in various packages. (69130) * MediaEdit: Add drag and drop functionality. (74455) * MediaEdit: Expanded view. (74336) * Storybook: Update DataView free composition story. (74146) * Stylelint: Add design token linting. (74226) * Theme_JSON_Resolver: Check for `WP_Post` instance. (74172) * UIUI User interface: Add `Button`. (74415) * UI: Add `Fieldset` primitives. (74296) * UI: Add `Icon` component. (74311) * UI: Add `InputLayout` primitive. (74313) * UI: Add `Input` primitive. (74615) * UI: Ensure Stack is exported from root package exports. (73928) * UI: Remove support for numeric multiplier on Box padding. (74008) * Update: Revert back to fit text toggle UI. (73890) * `@wordpress/theme`: Update `colorjs.io` to version `0.6.0`. (74278) * `@wordpress/ui` `Button`: Add `destructive` tone. (74463) * `@wordpress/ui` `Button`: Refactor to base ui. (74416) * `@wordpress/ui` `Button`: Tweak disabled styles and rework tokens. (74470) * `@wordpress/ui` `Button`: Undo `destructive` tone variant. (74540) * change: wp-env: Strip version suffix for non-wp-org zip sources. (74195) #### **Block Library** * Add LinkPicker Component for using a Link Preview Button in the Navigation Link Inspector. (73830) * Add `block_core_breadcrumbs_items` filter to Breadcrumbs allowing to filter final items array. (74169) * Add list view tab to the buttons, list and social icons blocks. (74120) * Apply `post_type_archive_title` on post type archive title in Breadcrumbs. (73966) * Archives Block: Use new HtmlRenderer component to remove extra div wrapper and remove editor styles. (74255) * Block Card: Make the parent block navigation generic, supports any block with list view support. (74164) * Block Fields: Show all form fields by default. (74486) * Block support: Add anchor support for dynamic blocks. (74183) * Block: Memoize canOverrideBlocks. (74400) * Breadcrumbs Block: Use HtmlRenderer to remove extra div from editor. (74273) * Button: Improve the label of the button block in list view. (74163) * Calendar Block: Use HtmlRenderer to remove extra div from editor. (74271) * Classic Block: Always use modal and display block placeholder. (74162) * Comment Author Name: Migrate to text-align block support. (74068) * Comment Content: Migrate to text-align block support. (74269) * Dynamically add CSS class to Paragraph block. (71207) * Footnotes: Prevent inserting footnotes within a footnotes block. (74287) * Form Field Blocks: Replace dashicon with SVG icons. (73996) * Forms Block: Switch from dashicons to SVG. (74297) * Heading: Migrate to text-align block support. (74383) * Hide Display section from Nav Inspector Controls if empty. (74495) * HtmlRenderer: Merge style props. (74344) * Image Block: Add content tab and reorganize inspector controls. (74201) * Image: Add focal point controls. (73115) * Inspector Fields: Show DataForm driven Content tab for all blocks that support content fields (+ support block bindings). (73863) * Latest Comments: Remove wrapper div and use HtmlRenderer for dynamic content rendering. (74277) * Pass `post_id` as an argument to `block_core_breadcrumbs_post_type_settings` filter to allow more granular term choice. (74170) * Query Loop: Hide `change design` or `choose pattern` when is locked. (74160) * RSS Block: Use HtmlRenderer to remove extra div from editor and remove editor styles. (74272) * Separator, Code: Don’t require Enter for shortcut. (63654) * Tag Cloud: Use new HtmlRenderer component to remove extra div wrapper. (74228) * [Tabs block] Button and Tab Styling options #73932. (74103) * theme.json: Add breadcrumbs block schema. (74227) #### **Block Editor** * Add autoComplete attribute to prevent browser autocomplete. (74595) * Add list view inspector tab for pattern editing. (74574) * Block Inspector: Update the design of the style variation to use ToolsPanel. (74224) * Block variation transformation: Change position and threshold. (74251) * ContentOnlyControls: Polish headerHeader The header of your site is typically the first thing people will experience. The masthead or header art located across the top of your page is part of the look and feel of your website. It can influence a visitor’s opinion about your content and you/ your organization’s brand. It may also look different on different screen sizes. style. (74260) * Improve cross origin isolation support. (74418) * Layout: Add allowWrap option to flex layout block support. (74493) * Prevent browser autocomplete in Navigation link search. (74305) * Headings support for Word Online while pasting. (70771) #### **DataViews** * Add density picker and related styles to DataView layouts. (71050) * Add groupBy.showLabel configuration option to control group header label visibility. (74161) * Add: Panel form layout validation. (73700) * DataViewsPicker Table Layout: Ensure checkbox column is always 48px wide. (74181) * Display a separate `—` for each level. (74199) * Implement format for datetime. (73924) * Remove table row click-to-select and hover styles. (73873) * Update LayoutCard story in DataForm to use card layout. (73695) * Update field colorisation in DataViews list layout. (73884) #### **Components** * Add Badge component to UI package. (73875) * Autocomplete: Add offset to popover. (74084) * Button: Hide focus style when :Active. (74106) * Enhance Notice actions to allow more props like disabled and onClick with URLURL A specific web address of a website or web page on the Internet, such as a website’s URL www.wordpress.org. (74094) * Menu: Remove animation on submenus. (74548) * Notice: Add right margin to content only when dismissible. (73905) * Popover: Update animation. (74082) * Update ToggleGroupControl visual design. (74036) * DimensionControl: Hard deprecate component. (73944) * Storybook: Include design tokens styles automatically. (73938) #### **Media** * Media Fields: Add “Date added” and “Date modified” fields. (74401) * Media Fields: Add ThumbnailView fallback. (74024) * Media Fields: Add an attached_to field. (74432) * Media Fields: Add readonly author field to media fields package and use in the media modal. (74484) * Media Modal experiment: Always show thumbnail field. (74147) * Media Modal experiment: Tweak padding of the modal for consistency. (74155) * Add label to MediaEdit component. (74176) * Media mime type field: Disable sorting for now. (74373) #### **Post Editor** * Fields: Add MediaEdit component. (73537) * Preview drop down: Align preview editing widths with common breakpoints. (74339) #### **Block 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.** * Add height block support to dimension. (71914) * Block support: Preserve anchor value in comment delimiter. (70993) #### **Client Side Media** * Enhance queue system. (74501) #### **Global Styles** * Add text alignment support to elements. (73854) ### **Bug Fixes** * Annotations: Maintain active formats after applying. (73575) * Block Bindings: Remove caption from edit on `EditWithGeneratedProps`. (73552) * Command Palette: Fix in the font library page and site editor experiment. (74232) * Core Merge: Deduplicate Font Library page and routes. (74381) * Customize: Preserve CSS cascade for Additional CSS in classic themes. (74593) * DataForm: Fix panel field inaccessible when empty with labelPosition none or top. (74264) * Fix document title htmlHTML HyperText Markup Language. The semantic scripting language primarily used for outputting content in web browsers. entities. (74027) * Fix punctuation and formatting in README.md. (74440) * Fix the dataviews experiment locked fields position on toggle. (74326) * Fix: Menu_order validation to allow zero and negative values. (74282) * Font Library: Allow the sidebarSidebar A sidebar in WordPress is referred to a widget-ready area used by WordPress themes to display information that is not a part of the main content. It is not always a vertical column on the side. It can be a horizontal rectangle below or above the content area, footer, header, or any where in the theme. to be scrolled in boot powered pages like fonts. (73960) * Image Cropper package: Add reactReact React is a JavaScript library that makes it easy to reason about, construct, and maintain stateless and stateful user interfaces. https://reactjs.org/. peer dependencies. (74402) * Preferences: Add TypeScript types to package.json exports. (73276) * Theme: Fix design-tokens.js entrypoint to specify types and CJS variants. (74129) * [create-block] Updates variant handling for missing directory files. (73986) * api-fetch: Add named export to fix TypeScript callable issues. (74576) * Editor: Remove extra comma from offline error notices. (73907) * Scroll to previous location in document with editor back button. (73737) #### **Block Library** * Block Fields: Remove normalization code and tidy up. (74532) * Block Library: Fix discussion settings data selection. (74026) * Categories Block: Fix CSS collision with labels. (73862) * Comments Title Block: Fix double quotes in non-English locales. (74330) * Cover & Group: Fix preview paragraph textAlign. (73940) * Disables anchor support for the More block. (74267) * Disables visibility support for the More and Page Break block. (74531) * Fix Post Date Block: Semantic use of `date` tag inside link. (73788) * Fix navigation link popover staying open after creating page. (73893) * Fix query pattern selection so query variation patterns can appear. (73901) * Fix: Prevent `accordion-heading` submitting/sending forms (button `type="button"`). (74177) * Image Block: Fix image block content tools when multiselecting image blocks. (74604) * List Block: Fix the top empty list item deletion. (73839) * Navigation Link: Preserve custom label when adding URL via LinkPicker. (74013) * Paragraph block: Add RTL support for drop caps in paragraph block styles in the editor. (74058) * Post Title: Reverting strip_tags for Post Title. (73896) * Query Title: Fix incorrect quotation marks with trailing spaces. (74300) * Query loop should show “change design” in toolbar in contentOnly mode. (73903) * Quote: Fix transformation error. (74253) * Tabs: Reset focus styles to avoid visual glitch. (74225) * Tag Cloud, Archives: Fix sidebar flash when changing settings. (74291) * Tag Cloud, Archives: Restore missing block wrapper div. (74321) * Tag Cloud: Make error message prefix text translatable. (74256) * Terms Query Block: Fix Max terms for non-hierarchical taxonomies. (74130) #### **Block Editor** * Block Support: Fix horizontal overflow in Manage allowed blocks modal. (74337) * Close the inserter on small screens after adding a block. (74487) * Color Panel: Ensure minimum height for popover content. (73835) * Inserter: Only show blocks that can be inserted on the page. (74453) * Inserter: Prevent block-scope variations insertion in slash inserter. (74259) * List View Panel: Fix circular dependency issue that was breaking some Storybook stories. (74399) * List View: Fix focus shift to the selected nested block. (74431) * Parent selector: Fix dot divider horizontal spacing. (74329) * Remove block selection clearer handling from iframeiframe iFrame 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.. (73753) * Replace default block on paste if it has no content. (73951) * Rich Text: Make inline toolbar more reactive for proper positioning. (73853) * 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. Group: Remove parent outline. (74107) * Fix: Align Document Outline padding in List View sidebar to match surrounding panels (#73576). (73595) #### **Global Styles** * Fix infinite loop in Font Style UI. (73955) * Global Fonts: Convert relative font URLs to absolute theme URLs in font-face styles. (74115) * Global Fonts: Correctly convert relative font URLs to absolute theme URLs in font-face styles. (74137) * Site editor global styles settings: Ensure generated global styles are correct in canvas between views. (73952) * Site editor global styles settings: Preserve non-global styles in default site editor settings. (74088) * Theme_JSON_Resolver: Defensively cover against situations where the post is null. (74124) #### **Components** * Add checkerboard pattern for background in featured imageFeatured image A featured image is the main image used on your blog archive page and is pulled when the post or page is shared on social media. The image can be used to display in widget areas on your site or in a summary list of posts. preview. (74091) * Fix DateTimePicker timezone handling for non-string values. (73887) * Fix InputControl label overflow for long translations. (74301) * Fix generated TS types referencing unavailable `csstype`. (74655) * Fix parent popover not closing on click outside. (74340) #### **DataViews** * FilterSortAndPaginate should ignore sorting on non-sortable fields. (73950) * Fix combined field alignment in DataViews table layout. (73908) * Fix row selection in table layout in Firefox. (73945) * Fix: Dataview: Column header move item in RTL moves in the opposite direction to the arrow. (74644) #### **Collaboration** * Real-time collaboration: Apply only detected changes from the persisted CRDT document. (74668) * Real-time collaboration: Do not overwrite a “floating” date. (73984) * Real-time collaboration: Refetch entity when it is saved by a peer. (74637) #### **Site Editor** * If the route cannot be found treat the canvas mode as view. (74642) * Prevent start page options modal from opening when navigating back from template parts. (74037) #### **Interactivity API** * Search and File Blocks: Fix client navigation support on WordPress 6.8. (73650) * iAPI: Preserve boolean HTML attributes during client side navigation. (74446) #### **Post Editor** * Editor: Cleanup active post as needed. (74118) * Improve memoization in the overrides panel. (74407) * Fix bindableAttributes only being returned for the selected block. (74061) ### **Accessibility Accessibility 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)** #### **Block Editor** * Update: Use 12px as minimum font size for warning on fit text. (74387) * `@wordpress/keycodes`: Add `ariaKeyShortcut` and `shortcutFormats` exports. (74205) * Stretchy Text: Accept very small font sizes, and show a warning. (73730) #### **Components** * Validated form controls: Suppress native popover. (73471) ### **Performance** #### **Block Library** * Blocks: Cache URL root when registering assets. (74451) * Table block: Improve ‘onChange’ callback memoization. (74073) * Table block: Improve table block typing performance. (74029) #### **Block Editor** * Block visibility based on screen size: Don’t subscribe to state in the hook. (74481) #### **Plugin** * Blocks: Fix root URL cache fatal error. (74459) ### **Experiments** #### **Block Visibility** * Add experiment for hiding blocks based on screen size. (73949) * Block Visibility: Fix block position shift when toggling. (74535) * Block visibility: Incorrect argument passed to hasBlockSupport in isBlockHidden. (74151) * Block visibility based on screen size: Add backend block support. (73994) * Block visibility support: Use CSS range syntax for media queries. (74526) * Block visibility based on screen size: Add rules to hide on viewport size. (74379) * Block visibility: Add viewport modal and controls UI. (74249) * Block visibility: Add visibility notice for hidden blocks in the block inspector. (74180) * Block visibility based on screen size: Basic clientside state. (74025) #### **Block Library** * PHPPHP The web scripting language in which WordPress is primarily architected. WordPress requires PHP 7.4 or higher-only blocks: Generate inspector controls from attributes. (74102) * PHP-only blocks: Use `HtmlRenderer` to ensure fontend & editor consistency. (74261) * Refine overlay edit button UI: Move to link variant and add tooltip. (73957) * Render custom overlay template parts in Navigation block (behind experiment). (73967) * Update navigation-overlay-close block to be used as server side rendering. (74579) * Add Navigation Overlay close block (behind experiment). (73724) * Add create new overlay button to Navigation block. (73919) * Navigation Overlay: Fix area and icon name. (74520) * Navigation Overlay: Add default paragraph block. (74592) * Navigations within overlays should not increment aria label unique name. (74469) * Show Navigation overlay patterns on right sidebar. (74069) * Create default Core Navigation Overlay patterns. (74047) * Navigation overlay: Update default pattern. (74458) * Navigation Overlay: Add a background to the default pattern. (74659) * Navigation: When a navigation block has a custom overlay, the submenu colors should not apply to the overlay. (74544) * Block Fields: Decouple the experiment from contentOnly/pattern editing experiments. (74479) #### **Collaboration** * Real-time Collaboration: Add Yjs awareness foundation. (74565) * Real-time collaboration: Add type guard for rich-text attributes. (73946) * Real-time collaboration: Fix persisted document metaMeta Meta is a term that refers to the inside workings of a group. For us, this is the team that works on internal WordPress sites like WordCamp Central and Make WordPress. and add tests. (73985) * Real-time collaboration: Improve type safety with `YMapWrap`. (73948) * Real-time collaboration: Use alternative diff in quill-delta, provide incremental text updates. (73699) * Remove WebRTC and IndexedDB providers. (74555) * Real-time collaboration: Allow post-locked-modal to be overridden when `collaborative-editing` is enabled. (72326) * Create a reverse map for faster itemBlock lookups. (73930) #### **Site Editor** * Add extensibleExtensible This is the ability to add additional functionality to the code. Plugins extend the WordPress core software. site editor experiment. (74123) * Extensible Site Editor: Design improvements and page rename. (73962) * Extensible Site Editor: Fix the dashboard link. (74231) * Extensible Site Editor: Lift template activation restriction. (74197) * Build: Rename extensible site editor page to avoid conflicts. (74221) * Extensible Site Editor: The Canvas should share the same ThemeProvider as all the surfaces. (74125) * Routing: Add title support to php generated pages. (73877) #### **Font Library** * Fonts: Improve initial rendering. (73977) * Font Library: Fix active menu item in the sidebar. (73927) * Fix help text position in Upload tab. (74157) #### **Design System** * Theme: Refine typography tokens. (73931) * Boot: Wire user admin theme preference to ThemeProvider. (74011) * Theme: Generate and expose TypeScript types for token options. (74080) * Theme: Include Figma scopes extension in design tokens. (73897) * Theme: Update semibold font weight to apply workaround at CSS. (74392) ### **Documentation** * DataViews stories: Add custom layout. (74605) * DataViews: Update FreeComposition story description with subcomponents list. (73969) * Docs: Clarify that `npm publishing` requires team approval during the RC1 launch. (74204) * Docs: Enhance documentation for Interactivity API and iAPI Router. (73766) * Docs: Fix API Versions link in Block API reference. (74031) * Docs: Fix Gutenberg Release Process link. (74240) * Docs: Fix broken release process links. (74250) * Docs: Fix callout notices layout and clarify GitHubGitHub GitHub is a website that offers online implementation of git repositories that can easily be shared, copied and modified by other developers. Public repositories are free to host, private repositories require a paid subscription. GitHub introduced the concept of the ‘pull request’ where code changes done in branches by contributors can be reviewed and discussed before being merged be the repository owner. https://github.com/ vs handbook links. (74252) * Docs: Fix create-block handbook link. (74237) * Docs: Fix typos and improve clarity in documentation across multiple files. (74270) * Docs: Remove “Customizing supported attributes filter” section from Block Bindings documentation. (74410) * Enable components manifest for Storybook. (74626) * Enhance Block Bindings Documentation as per WP 6.9 updates: Customizing supported attributes an `getFieldsList`. (73763) * Fix documentation title for wordpress/build package. (74541) * Fix formatting in block bindings documentation: Corrected links to core sources by adding hyphens. (74414) * Fix invalidinvalid A resolution on the bug tracker (and generally common in software development, sometimes also _notabug_) that indicates the ticket is not a bug, is a support request, or is generally invalid. theme.json color value in Global Styles documentation. (73999) * Fix typo in Tutorial: Build your first block. (74050) * Improve DataForm stories. (74196) * Storybook: Remove “background” tools from toolbar. (74538) * Storybook: Remove margin checker tool. (74539) * Storybook: Show props from component libraries. (74279) * Storybook: Update “Introduction” doc. (74500) * Theme/UI: Add intro documentation to Storybook. (74551) * Theme: Include density documentation in README.md. (73976) * UI: Add dark background for Storybook theme switcher. (74318) * UI: Remove individual experimental tags from Storybook. (74582) * Update nested-blocks-inner-blocks.md. (74534) * Update the copyright licensecopyright license Copyright holders may grant a license with various allowances including the ability to modify or distribute the copyrighted material. Also see GPL. to 2026. (74306) * Update the useCommandLoader example to fix the syntax error and add missing imports. (73660) * Validated form controls: Add stories for validation in popovers. (71282) ### **Code Quality** * wordpress/theme: Update color ramp generation snapshots. (74281) * Add design-tokens.css to stylelintignore. (74498) * Convert dom-ready package to TypeScript. (67671) * Fix: Use WP_Theme_JSON_Gutenberg instead of WP_Theme_JSON class. (74294) * Theme: Enable color ramp tests and update snapshots. (74403) * TypeScript: Convert notices package to TypeScript. (67670) * TypeScript: Migrate `packages/jest-puppeteer-axe` package to TypeScript. (70523) * TypeScript: Migrate shortcodeShortcode A shortcode is a placeholder used within a WordPress post, page, or widget to insert a form or function generated by a plugin in a specific location on your site. package to TS. (74522) * UI: Remove redundant renderElement utility. (74284) * Update browserslist data. (74312) * `wordpress/dataviews`: Migrate to Stack. (74174) * dom-ready: Refactor tests to use defineProperty. (74514) * dom-ready: Replace @ts-expect-error with MockDocument in tests. (74482) #### **Components** * Add back type defs for no margin bottom prop. (73979) * BaseControl: Deprecate bottom margin. (74077) * CheckboxControl: Deprecate bottom margin. (73916) * CheckboxControl: Remove margin bottom prop from missed spots. (73921) * ComboboxControl: Deprecate bottom margin. (74034) * FocalPointPicker: Deprecate bottom margin. (73980) * Fully resolve some intra-package import paths. (74530) * Menu, CustomSelectControl (v1 & 2): Update animation. (74111) * Menu: Clean up popover wrappers. (74207) * Move ESLint rules specific to `@wordpress/components` to custom rules. (74611) * Paragraph block: Stop using named export from block.json. (74527) * RangeControl: Deprecate bottom margin. (74033) * Remove outdated vendor prefix properties in CSS. (74213) * SearchControl: Deprecate bottom margin. (74053) * SelectControl: Deprecate bottom margin. (74052) * Storybook: Fix Sass warnings. (74298) * Storybook: Remove outdated story matchers. (74299) * Storybook: Retire old theme switcher. (74499) * TextControl: Deprecate bottom margin. (73920) * TextareaControl: Deprecate bottom margin. (73970) * ToggleControl: Deprecate bottom margin. (74012) * ToggleGroupControl: Deprecate bottom margin. (74004) * ToolsPanel: Remove line-height workaround. (73892) * TreeSelect: Deprecate bottom margin. (74014) * Update eslint-plugin-storybook to 10.1.11. (74317) * `@wordpress/components`: Lint and fix `@wordpress/components-no-missing-40px-size-prop` rule. (74622) * Eslint: Add design token linting. (74325) #### **Block Library** * Accordion Header: Fix potential undo trap. (74182) * Accordion: Passthrough ‘openByDefault’ value via context. (74191) * Accordion: Remove ‘isSelected’ attribute. (74198) * Add template part context to navigation block. (74614) * Breadcrumbs: Stabilize block. (74166) * Code Modernization: Use null coalescing operator in place of `isset()` in ternaries. (74335) * Content-only: Remove `mapping` and `args` in favor of DataForm API. (74575) * Footnotes: Escape dynamic output to meet coding standards. (74243) * Navigation Submenu: Show (Invalid) indicator when parent page is deleted. (74461) * Navigation: Refactor SCSS to reduce duplication. (74666) * Remove unused dependencies. (74624) * Widget Group: Optimize value returned by selector. (74104) #### **DataViews** * DataForm validation story: Add support for the details layout. (74445) * Field API: Move formatting logic to the field. (73922) * `wordpress/dataviews`: Improve stories and tests. (74192) * `wordpress/dataviews`: Reorganize code. (74188) #### **Block Editor** * Block Supports: Extract reusable preset input control from spacing sizes and border radius controls. (73787) * Fit-text: Refactor control hook for readability. (74350) * Fix classnames for link preview component. (73698) * Make TextIndentControl component internal. (74219) #### **Data Layer** * Data: Await resolver implementing isFulfilled. (70806) * Improve `resolveSelect` type definition. (73973) * TypeScript: Convert redux-store types in data package to TS. (67666) #### **Post Editor** * Editor: Remove hardcoded autosave conditions for templates. (73781) * Rename overlay area. (74444) #### **Block API** * Block support: Backportbackport A 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. anchor support changes in core. (74341) #### **Plugin** * Bump minimum required WordPress version to 6.8. (74218) * Bump minimum required PHP version to 7.4. (74457) #### **Media** * Media fields: Add tests for fields with unique logic. (74015) ### **Tools** * Project management: Automate adding package-related labels to PRs. (52729) * SlackSlack Slack is a Collaborative Group Chat Platform https://slack.com/. The WordPress community has its own Slack Channel at https://make.wordpress.org/chat/. Notifications for Testing Team, Workflow Edition. (71086) #### **Build Tooling** * Build: Allow passing down arguments to wp-build. (74083) * Build: Avoid using the source maps file to compute the version hash. (74064) * Build: Build minified and non minified CSS in both npm run dev and npm run build. (74380) * Build: Faster repo building in CI. (74406) * Build: Fix TypeScript error output in check-build-type-declaration-files script. (74346) * Build: Fix the default base URL used when generating php files. (74220) * Build: Fully resolve import paths in transpiled files. (73822) * Build: Only generate asset file once and keep version consistent. (74051) * Build: Support Core *.php pages (screen id) when rendering single separate pages. (74113) * Build: Support custom URL. (74076) * Build: Support pnpm. (74194) * Build: Use .mjs extensions for build-module files. (74348) * Bump Node.js requirement to 20.19. (74342) * DependencyExtractionWebpackPlugin: Add ui as bundled package. (74485) * Dev: Fix file change logs not displaying in watch mode. (74452) * Fix deprecations for Storybook component usage. (74619) * Fix storybook:Dev race condition with dev script. (74290) * Fully resolve moment-timezone import, improve build optimization. (74578) * Improve wp-build generated PHP files with proper prefixing and naming. (74490) * Infrastructure: Convert storybook to a workspace package. (74640) * Publishing next packages: Remove commit hash from version. (74589) * Rename `--fast` build flag and use in Storybook build. (74552) * Revert bump of Node.js to 20.19. (74385) * Stop building wp-build by renaming the src directory. (74450) * UI: Exclude package from `jsdoc/require-param` rule. (74315) * Update Storybook to v10 with Vite builder. (74396) * Update TypeScript base configuration to use bundler module resolution. (74560) * Update eslint to 8.57.1. (74316) * Update report-flaky-tests action to use CommonJS module format. (74152) * Upgrade storybook to v9. (74143) * Use a stable npm version on static checks job. (74222) * WordPress Build: Use stable content hashes when building scripts. (74035) * tsconfig: Replace `skipDefaultLibCheck` with `skipLibCheck`. (74239) * wp-build: Fix dynamic base-styles import. (74434) * wp-build: Fix script module IDs to use configured packageNamespace. (74411) #### **Testing** * Add end-to-end tests for relaxed default block paste behavior. (73963) * Automated Testing: Include Windows build for GitHub Actions static checks. (73923) * CI: Run the PHP unit tests with the oldest and latest versions. (74460) * Font Library: Test frontend and classic themes. (74067) * PHPCSPHP Code Sniffer PHP Code Sniffer, a popular tool for analyzing code quality. The WordPress Coding Standards rely on PHPCS.: Include the `test` directory. (48754) * Template Activation: Try fixing still flaky test. (74216) * Test: Update URLs in tests to use example.org/com instead of test.com. (74246) * Tests: Add unit tests for Button block __experimentalLabel functionality. (74186) * Theme: Ensure build artifacts are synced in version controlversion control A version control system keeps track of the source code and revisions to the source code. WordPress uses Subversion (SVN) for version control, with Git mirrors for most repositories.. (73894) * end-to-end tests: Restore removal of `settings` path in preload tests. (74375) * wordpress/theme: Disable color ramp unit tests. (74347) * Template Activation: Make template edit test less flaky again. (74066) * Template Activation: Make template edit test less flaky. (73975) #### **Data Layer** * Cleanup the dependencies in the root package.json. (74212) * Update package version after an unfinished publish. (74413) #### **npm Packages** * Packages: Add support for publishing stable release of pre-release package. (74332) * Packages: Avoid bumping the major version on prerelease packages. (74285) #### **Components** * Fix missing dependencies for packages. (74310) #### **Block Library** * Changelog: Fix `block-library` and `date` package entries after failed release action. (74202) ## **First-time contributors** The following PRs were merged by first-time contributors: * @CGastrell: Layout: Add allowWrap option to flex layout block support. (74493) * @dimitrop: Clamp signaling server retries to prevent unbounded backoff. (74372) * @jillro: Terms Query Block: Fix Max terms for non-hierarchical taxonomies. (74130) * @JosVelasco: Block Editor: Prevent browser autocomplete in Navigation link search. (74305) * @madhavraj2004: api-fetch: Add named export to fix TypeScript callable issues. (74576) * @manhphuc: Fix: Align Document Outline padding in List View sidebar to match surrounding panels (#73576). (73595) * @maxschmeling: Real-time collaboration: Move collaborative editing from experiments to default Gutenberg plugin experience. (74562) * @Menrath: change: wp-env: Strip version suffix for non-wp-org zip sources. (74195) * @mordeth: DataViews: Add groupBy.showLabel configuration option to control group header label visibility. (74161) * @Ndimande-dev: Update nested-blocks-inner-blocks.md. (74534) * @Ninos: Fix: Prevent `accordion-heading` submitting/sending forms (button `type="button"`). (74177) * @pkevan: Real-time collaboration: Allow post-locked-modal to be overridden when `collaborative-editing` is enabled. (72326) * @Rishicreates20: Fix punctuation and formatting in README.md. (74440) * @rutviksavsani: Fix the dataviews experiment locked fields position on toggle. (74326) * @saranshsinhaa: [Tabs block] Button and Tab Styling options #73932. (74103) * @UmeraGhori: theme.json: Add breadcrumbs block schema. (74227) ## **Contributors** The following contributors merged PRs in this release: @aaronrobertshaw @adamsilverstein @aduth @alecgeatches @aliaghdam @andreawetzel @andrewserong @annezazu @bacoords @cbravobernal @CGastrell @chihsuan @chriszarate @ciampo @DAreRodz @dimitrop @ellatrix @fabiankaegy @fushar @getdave @gigitux @hbhalodia @ingeniumed @jameskoster @jeryj @jillro @johnbillion @johnhooks @jorgefilipecosta @JosVelasco @jsnajdr @juanfra @juanmaguitar @kmanijak @luisherranz @madhavraj2004 @MaggieCabrera @Mamaduka @manhphuc @manzoorwanijk @maxschmeling @Mayank-Tripathi32 @mcsf @mecskyverse @Menrath @mikachan @mirka @mordeth @mtias @Ndimande-dev @Ninos @ntsekouras @oandregal @ockham @pkevan @prasadkarmalkar @priethor @ramonjd @retrofox @Rishicreates20 @rutviksavsani @ryanwelcher @SainathPoojary @saranshsinhaa @scruffian @sgomes @shimotmk @SirLouen @StevenDufresne @t-hamano @talldan @tellthemachines @tyxla @UmeraGhori @westonruter @youknowriad * * * _Props to @annezazu for co-authoring this post and @bph for the peer review._ #block-editor, #core-editor, #gutenberg, #gutenberg-new #gutenberg-new ### Share this: * Click to share on Threads (Opens in new window) Threads * Click to share on Mastodon (Opens in new window) Mastodon * Click to share on Bluesky (Opens in new window) Bluesky * Click to share on X (Opens in new window) X * Click to share on Facebook (Opens in new window) Facebook * Click to share on LinkedIn (Opens in new window) LinkedIn * * Login to Reply

When do we want it? TBH, it's complicated.

Welcome to this week's The Programmer's Fulcrum. It's your weekly review of the essential news in the Open Media Network and Fediverse development communities with a focus on devastating big tech via Techno Anarchism. We aim to provide actionable content you can use to destroy Techno Feudalism each week. It has the additional benefit of weakening authoritarianism. IMHO, the best way to do that is to use tools from the Techno Anarchist Manifesto to build your own site(s) to participate in the Open Media Network. Then you should share it (them) via Real Simple Syndication (RSS), the Fediverse, and possibly a newsletter or podcast. This approach is similar to what some call the IndieWeb and its POSSE philosophy. The second best strategy is to have accounts on the Fediverse and use the hell out of them. We publish TPF on Fridays so you can enjoy it over your weekend. There's good stuff in all of our categories, so please take the time to enjoy and bookmark the items most relevant to your goals. We hope you are inspired to create new ones. Or you can jump straight to your favorite section. * Website CMSs * Tools * Programming * ActivityPub * Fediverse * More **FYI, my opinions will be in bold. And may involve cursing. Because humans. Especially tech bros. And fascists. Fuck ´em.** ### Follow us on the Fediverse * * * ## Featured Item(s) These do not fit into a category so I am sharing them here. TechCrunch reports: The team is small, inventory isn’t being manufactured before it’s sold, and there’s no outside funding. Pebble founder says his new company is ‘not a startup’ **If you are going to build a hardware for opensource company, this is a good way to do it.** CSID shows us: How to Build an Organic Community… Inorganically * * * ## Open Media Network Site CMSs ### WordPress WordPress has: What’s new for developers? (January 2026) **Good work on responsive grids.** Dropping support for PHP 7.2 and 7.3. WordPress Playground Brings Speed, Stability, and Momentum **The [Blueprints Gallery] is a great resource.** The Repository reports: WordPress 7.0 Planning Continues With Call for Release Squad Volunteers Misunderstandings Over AI Use Fuel Confusion Around WordPress.org Plugin Reviews Rich Tabor explains: Giving my blog a voice **A legitimate use for AI at least.** ### Ghost Progressier shows us how to: Turn your Ghost Website into a PWA **Interesting if you have a large site.** FreeCodeCamp has this course: How to Build a Custom Ghost CMS Theme Synaps Media demonstrates: How to create tables in Ghost? **Useful.** ### Drupal CMS While these don't relate directly to DrupalCMS, this is a big week for Drupal. Founder Dries Buyaert shares: 25 years of Drupal: what I've learned **See lessons 2, 11, 14, and 21.** Drupal has: Drupal Turns 25 Today My Drupal buddy, Carlos Ospina shares: I Wanted to Celebrate Drupal's 25th. So I Built Something for Our Moms. **Building local and very targeted niche sites can be a legitimate use for AI. I guess Claude is one of the best of a shitty bunch of assistants. The Drupal community seems to like it.** ### Micro.blog Jarrod Blundy notes: Micro.blog offers an indie alternative to YouTube with its ‘Studio’ video hosting plan Back to top ⬆️ * * * ## Techno Anarchist / OMN Tools Hamish Campbell has: Software licenses and the geekproblem Anil Dash looks at: Wikipedia at 25: What the web can be ### Chat Philipe Baez shows us: How to deploy a Chatmail server ### Browsers This is a fantastic little service! Just the Browser ### Cloud I'm going a little further back in time for this one: A brave year for digital sovereignty: Nextcloud 2025 Wrap-Up ### Writing Joplin announces: Joplin 3.5 Scribus announces: Scribus 1.7.2 Released ### Creative How to Geek reports: Latest KDE release includes great updates for Kdenlive and KDE Connect Kdenlive has all the details: Kdenlive 25.12.1 released ### Linux Linux Journal reports: Linux Kernel 6.19-rc4 Released as Development Marches On Linux Mint announces: Linux Mint 22.3 “Zena” released! Graphene OS announces: A new set of Releases Sailfish OS shares: Sailfish Community News, 8th January 2026 - New Year ### Hosting / Serving cPanel announces: cPanel & WHM version 134 Elena Rossini continues a superb series: A newbie's guide to self-hosting with YunoHost. Part 3: Let’s install NextCloud Cloudflare asks: What came first: the CNAME or the A record? ### _This week's featured OMN tool_ My final paid project was a large video series, so I am featuring Trelby. It's a free, multiplatform, feature-rich screenwriting program! Back to top ⬆️ * * * ## OMN Programming Infoworld explores: 6 incredibly hyped (AKA horseshit) software trends that failed to deliver. **Let’s drive these failures all the way out of existence.** Julia Evans examines: A data model for Git (and other docs updates) ### Markdown Anil Dash explains: How Markdown took over the world **An inspiring example of building a tool for a community and the tool then taking over a world.** ### HTML Terence Eden looks at: Maximally Semantic Structure for a Blog Post Thomas Steiner shares: A polyfill for the HTML switch element **Cool.** HTMHell advises: Replacing JS with just HTML **Swallow this advice hook, line, and sinker.** ### HTMX Mahdi M. explains: Why You Should Give HTMX a Shot He also linked out to this resource. Hypermedia Systems ### CSS Dave Rupert explores: Focus rings with nested contrast-color()? CSS Tricks examines: Playing With CodePen slideVars W3 Tutorials aks: What's the Difference Between Putting CSS Files in `<head>` vs. `<body>`? Key Impacts Explained WebKit announces: New Safari developer tools provide insight into CSS Grid Lanes Manuel Matuzović shares: Better defaults for popovers **Great tip.** ### Web Components ZeroHeight lists: 5 accessibility checks to run on every component Florian Geierstanger has: The Missing Link for Web Components ### JavaScript Navanath Jadhav has: I Converted My React App to Vanilla JavaScript — Here’s What Happened **A fantastic K.I.S.S. example.** ### AI The Register reports: Developer writes script to throw AI out of Windows **Nice and a great example of Techno Anarchism.** AI industry insiders launch site to poison the data that feeds them **This is awesome and I added it to my sites.** Most devs don't trust AI-generated code, but fail to check it anyway **Please don’t be that person.** If you have to use it be this one. The New Stack reports: The Key to Agentic Success? BASH Is All You Need ### Other XWiki announces: XWiki and Cryptpad communities meetup at FOSDEM 2026 Forgejo announces: Forgejo v14.0 is available And OpenProject announces: OpenProject 17.0.0 ### _This week's featured programming tool_ Speaking of OpenProject, it is open source project management software. Back to top ⬆️ * * * ## ActivityPub The Social Web Foundation announces: New Social Web Working Group at W3C Connected Places looks at the consequences: Fediverse Report – #149 – On Protocol Governance Smarter Articles explores: Interoperability or Isolation: The Standards Battle Shaping Social Media **Interesting, though long.** ActivityPub for WordPress has: WordPress Federation: Recap of 2025 On a related note, Alex Masters examines: ActivityPub Gremlins Larvitz provides: Mastodon on FreeBSD: Production-Grade Service Scripts ### _This week's featured ActivityPub featured tool_ Social Docs is the comprehensive developer resource for ActivityPub, Mastodon, and the Fediverse. Back to top ⬆️ * * * ## Fediverse Maho Pacheco looks at: The Forkiverse Experiment and Why Instance Choice Matters TootWales announces: Less Clutter, More Cwtch: Introducing the Tŵt App Renaissance Design opines on it: Vendor lock-in is hostile to the Fediverse Social Media Alternatives shares: Teaching Mastodon: Ethics, Moderation, and the Work of Participation Jaz-Micael King has: There Is One Fediverse. There Are A Thousand Ways To Join It. **Another fantastic example of an open social/open media network/community project.** **If you could do this with a Bonfire instance it would be incredible.** ### Bonfire Bonfire has a case study: Gifting with Integrity: Federated Digital Spaces for Mutual Aid Networks ### _This week's featured Fediverse Platform/Tool/Resource_ Mobilizon helps online platforms to create, share and find events. Back to top ⬆️ * * * ## More ### Other Slightly Federated Social Media A Cloud Nihilist explores: A Model for addressing privacy on ATproto **Just FYI, whatever Blacksky and Northsky are doing is 10,000 times more important than whatever the fuck Bluesky is doing.** ATProto Community has: Rashid Aziz: Extending ATproto for private data Marc Faddoul: Developing the AT infra ecosystem and governance Devin Ivy: The Shape of Apps to Come ### eMail Newsletters Ghost examines: Email clipping warnings Buttondown announces: Announcement bars for your archives * * * ## Sign up for The Fulcrum Developers defending democracy! We cover items and ideas in Battalion's Techno Anarchist Manifesto that relate to development. Subscribe Email sent! Check your inbox to complete your signup. No spam. Unsubscribe anytime. ## CTAs * That’s it for this week. Please share The Programmer's Fulcrum. * Follow us on Flipboard or at @[email protected] on the Fediverse for daily coverage. * Read, live, and share The Techno Anarchist Manifesto! **And please build something for a community!** Share on Open Social Media * * * ## Blasts from the past Previous Battalion Posts Previous Symfony Station Posts

The Wikimedia Foundation’s chief technology and product officer explains how she helps manage one of the most visited sites in the world in the age of generative AI.

Pitch Currently, it's not possible to create posts that contain both images and other forms of media, such as video or audio. Attempting to do so results in an error message, such as "Cannot attach...

Podcast Episode · Hard Fork · 01/16/2026 · 1h 14m