模态

关于模态的技术文章和开发文档。

模态框

【WordPress区块编辑器手册】模态框

本文详细介绍模态框的设计原则、使用场景及开发指南。模态框作为浮动窗口,用于在用户任务中提供关键信息或请求决策。文章涵盖其聚焦性、直接性及帮助性原则,讲解如何构建包含标题、按钮和遮罩层的结构。同时提供了关于焦点管理、滚动行为、关闭逻辑以及无障碍属性(如 aria 标签)的具体实现建议,适用于 React 等前端框架开发。

2026-10-17 2 后端开发

【WordPress区块编辑器手册】客户端导航

Interactivity API 是 WordPress 的一项功能,允许在客户端导航(不重新加载整个页面)时保持交互式元素的状态和行为。它通过预加载脚本模块、管理服务器状态与客户端状态的合并、以及处理复杂的导航生命周期来实现无缝的用户体验。

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

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

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

2026-10-17 1 后端开发
起始页面模式

【WordPress主题开发手册】起始页面模式

本文深入解析 WordPress 块编辑器的起始页面模式与模板模式功能。通过定义正确的块类型和文章类型参数,开发者可为用户创建设计精良的页面与模板起点。文章详细说明了如何配置 Twenty Twenty-Four 主题中的默认模式、禁用插入器以及将全局元素整合进自定义模板,帮助用户以最小技能快速构建高质量内容布局。

2026-10-05 8 后端开发
块类型模式

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

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

2026-10-05 7 后端开发

【WordPress区块编辑器手册】编辑器的 UI 数据

本文详细介绍 WordPress 编辑器 UI 数据的核心功能,涵盖 Meta Boxes 初始化与位置检测、通用及插件侧边栏的开关状态查询。同时解析区块类型的隐藏与显示逻辑、编辑器模式切换、无干扰模式及全屏视图的启用方法,并包含偏好设置读取与插件项目固定等关键 API 说明,助力开发者高效构建编辑器功能。

2026-10-17 2 后端开发

【WordPress区块编辑器手册】指南

这是一个用于在模态框中渲染多页用户指南的 React 组件。支持自定义类名、无障碍标签及完成与下一步按钮文本。当模态框关闭或用户点击完成时触发结束回调,适用于构建交互式引导流程。

2026-10-17 1 后端开发

【WordPress区块编辑器手册】模式

本文深入解析 WordPress 区块模式的核心功能与应用。介绍了如何通过 core/post-content 区块类型为新建文章预设起始模式,以及利用 templateTypes 属性为模板创建提供专属模式。同时涵盖模式锁定 API、theme.json 从模式目录注册配置及 WordPress 6.0/6.1/6.3 版本的功能扩展,帮助开发者优化内容创作体验。

2026-10-17 3 后端开发
构建编辑表单

【WordPress区块编辑器手册】构建编辑表单

本文详细介绍如何在 React 应用中构建 WordPress Gutenberg 编辑表单。教程涵盖添加编辑按钮、使用 Redux 管理实体记录与已编辑记录的分离状态、实现受控组件更新标题字段、通过 REST API 保存数据并处理网络错误,以及利用状态指示器提供加载动画和防重复提交保护,最终整合所有功能完成可交互的编辑界面。

2026-10-17 1 后端开发
注意

【WordPress区块编辑器手册】注意

本文介绍如何使用通知向用户传达中等重要性的消息,区别于需要立即行动的模态框。文章详细说明了通知的显示位置、颜色编码规则(如蓝色代表信息、绿色代表成功等)以及开发指南。内容涵盖纯文本与复杂标记的使用、React组件属性配置(如状态、朗读消息、关闭函数),并强调了辅助技术支持和可访问性最佳实践,帮助开发者构建更友好的用户界面。

2026-10-17 3 后端开发