树形网格

关于树形网格的技术文章和开发文档。

【WordPress区块编辑器手册】树形网格

树形网格是一种分层二维 UI 组件,支持通过箭头键进行键盘导航。它专为构建如文件系统浏览器等复杂层级结构而设计。该功能目前处于实验阶段,旨在配合特定元素实现动态 tabindex 行为和键盘交互管理,遵循 WAI-ARIA 实践指南,确保良好的无障碍访问体验。

2026-10-17 2 后端开发

【WordPress区块编辑器手册】@wordpress/widget-dashboard

本文介绍 WordPress Gutenberg 项目的 WidgetDashboard 软件包,这是一个用于构建小工具仪表盘的无状态渲染引擎。它支持拖拽重排、调整大小及模态插入等编辑功能。文章详细解析了其组件架构、样式系统、网格模型配置以及基于策略的用户权限治理机制,适用于在 WordPress 核心或外部环境中开发自定义仪表盘界面。

2026-10-17 2 后端开发

【WordPress区块编辑器手册】@wordpress/grid

WordPress Grid 包提供实验性网格布局组件,包括 DashboardGrid 二维紧凑网格和 Lanes 瀑布流表面。支持拖拽重排、调整大小及响应式布局,适配 WordPress 编辑器,利用设计令牌实现主题化样式,适用于构建动态仪表板界面。

2026-10-17 1 后端开发
@wordpress/dataviews

【WordPress区块编辑器手册】@wordpress/dataviews

这是一个关于表单字段筛选功能的配置说明文档,详细描述了如何配置字段的筛选器属性、操作符(如大于、包含、等于等)、布局类型(Regular, Panel, Card, Row, Details)以及相关的显示格式和摘要字段设置。该文档还提到了项目作为 Gutenberg 包的一部分,采用 monorepo 组织形式。

2026-10-17 1 后端开发
块类型模式

【WordPress主题开发手册】块类型模式

本文深入解析 WordPress 块类型模式的核心功能与应用技巧。您将学习如何将特定图案绑定到图库、封面及查询循环等核心块,并掌握创建针对标题和页脚模板部分的专用模式方法。通过实战案例,文章演示了如何注册、构建并利用这些高级模式来快速定制站点布局,提升内容创作效率。

2026-10-05 7 后端开发

【WordPress区块编辑器手册】表面

本文介绍核心背景色组件及其废弃说明,推荐使用设计令牌编写自定义 CSS。涵盖 backgroundSize、border 等属性配置,支持多种背景变体如默认、次要、应用级及深色模式专用样式。同时提供网格与点状图案的显示选项,适用于构建灵活且可维护的用户界面背景系统。

2026-10-17 2 后端开发

【WordPress区块编辑器手册】树形选择器

本文介绍 WordPress Storybook 中的树形选择器组件,提供分层选择输入框的详细文档。涵盖 props 属性如 disabled、hideLabelFromVision、onChange 等配置选项,支持自定义标签位置、空选项标识及节点 ID 管理。同时讲解前缀后缀渲染与尺寸变体应用,帮助开发者实现高度可访问性和灵活定制的交互控件。

2026-10-17 1 后端开发
间距

【WordPress主题开发手册】间距

本文深入解析 WordPress theme.json 中的间距设置配置。内容涵盖如何启用或禁用块间隙、边距及内边距选项,详解 customSpacingSize 与 units 的定制方法。同时介绍 spacingScale 比例系统与 spacingSizes 自定义大小的构建技巧,包括流体间距的实现,帮助开发者打造统一且灵活的网页设计节奏。

2026-10-05 5 后端开发
区块变体

【WordPress主题开发手册】区块变体

本文深入解析 WordPress 区块变体 API,详解如何扩展已注册区块以创建不同版本。文章区分了区块变体与全局样式、区块样式的概念差异,指导开发者通过 JavaScript 而非 PHP 实现自定义配置。内容涵盖从加载脚本、注册变体到取消注册的完整流程,并以间隔符区块为例演示属性覆盖方法,帮助主题和插件开发者高效构建多样化区块体验。

2026-10-05 9 后端开发

【WordPress区块编辑器手册】过滤器和钩子

本文深入解析 WordPress 编辑器的过滤器与钩子机制。内容涵盖 block_editor_settings_all、wp_theme_json_data_theme 等核心钩子的使用方法,演示如何通过 PHP 代码禁用代码编辑器或恢复管理员颜色控件。同时介绍 get_entity_view_config 视图配置过滤及客户端 blockEditor.useSetting.before 钩子,帮助开发者灵活定制 theme.json 数据、修改块元数据支持及优化编辑器体验。

2026-10-17 1 后端开发