光标定位

关于光标定位的技术文章和开发文档。

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

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

2026-10-17 1 后端开发

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

@wordpress/dom 是 WordPress 的 DOM 工具模块,提供丰富的 API 用于处理文档对象模型。该模块包含计算选区矩形、检查文本焦点、定位光标边缘、清理 HTML 脚本及替换节点等核心功能。适用于需要精细控制页面交互与内容结构的开发者,是 Gutenberg 项目的重要组成部分,支持跨元素操作与安全数据处理。

2026-10-17 1 后端开发
位置

【WordPress主题开发手册】位置

本文详解 WordPress theme.json 中 settings.position 属性的配置方法。通过设置 sticky 为 true 可启用块的粘性定位功能,使标题等元素随滚动粘附屏幕顶部。文章还说明了需在 Group 块中使用该功能,并指出 Header 模板部分无法直接应用定位的常见限制与解决方案。

2026-10-05 7 后端开发

【WordPress区块编辑器手册】@wordpress/rich-text

@wordpress/rich-text 是 Gutenberg 项目中的核心模块,提供将 HTML 或 DOM 树转换为富文本值的辅助函数。它支持粗体、斜体、链接等格式操作,并能处理折叠选区与插入符状态。通过 RichTextValue 对象分离文本与格式,便于搜索和编辑复杂内容。此外,该包还包含创建、合并、截取及替换富文本值的 API,适用于构建可编辑的富文本编辑器组件。

2026-10-17 3 后端开发
编辑器中的样式

【WordPress区块编辑器手册】编辑器中的样式

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

2026-10-17 1 后端开发

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

本文介绍 WordPress 设计系统的主题包,包含全面的设计令牌系统与灵活的主题提供器。通过 CSS 自定义属性管理颜色、间距等视觉元素,确保跨应用一致性。支持 React 组件集成,提供无障碍设计保障如 WCAG AA 对比度标准。涵盖安装配置、样式表加载、跨文档渲染及构建工具使用指南,助力开发者高效构建符合规范的主题与应用。

2026-10-17 2 后端开发

【WordPress区块编辑器手册】边框框控制

本文介绍用于设置方框边框颜色、样式和宽度的输入控件。支持整体自定义或针对每一侧单独自定义。提供“链接”与“拆分”两种视图状态,可切换查看扁平边框或分侧配置。当边框属性不一致时,“链接”视图会显示混合状态占位符。此外,组件还支持自定义颜色选择、Alpha 通道控制、屏幕阅读器专用标签隐藏选项以及弹出窗口位置偏移设置,适用于复杂编辑器场景中的精细边框管理需求。

2026-10-17 2 后端开发

【WordPress主题开发手册】用户界面最佳实践

本文详解 WordPress 用户界面最佳实践,涵盖首页 Logo 设置、描述性锚文本撰写技巧。文章重点讲解超链接颜色状态区分、下划线样式保留的重要性,以及符合 WCAG 标准的颜色对比度要求。同时介绍表单标签与输入关联、占位符文本使用规范及动词名词模式的按钮文案优化策略,全面提升网站可用性与无障碍体验。

2026-10-05 6 后端开发