网格布局

关于网格布局的技术文章和开发文档。

@wordpress/dataviews

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

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

2026-10-17 1 后端开发

【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区块编辑器手册】编辑器中的样式

本文档深入解析 WordPress 区块编辑器中的样式概念,涵盖 HTML、CSS、区块样式、全局样式及布局样式的生成机制。文章面向区块作者与项目参与者,详解 theme.json 数据整合、样式表构建流程、用户操作对样式的影响,以及区块支持 API 在序列化样式中的应用与限制,帮助开发者构建一致且可定制的编辑体验。

2026-10-17 1 后端开发

【WordPress区块编辑器手册】查看配置参考

本文详细介绍 DataViews 驱动的管理界面配置参考。涵盖从服务器加载的默认布局、可见字段及预配置视图设置。讲解如何通过 REST API 和动态过滤器自定义实体配置,包括表格、网格等布局类型的覆盖策略。同时说明快速编辑表单的字段结构、渲染方式及层级显示选项,帮助开发者灵活定制编辑器体验。

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

【WordPress主题开发手册】间距

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

2026-10-05 5 后端开发

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

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

2026-10-17 2 后端开发

【WordPress区块编辑器手册】支持

所有区块都会出现在插入器、区块转换菜单、样式指南等中。要将区块从用户界面的所有部分隐藏,以便只能通过编程方式插入,将 supports.interactivity.hidden 设置为 true。

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

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

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

2026-10-05 7 后端开发