滑块控件

关于滑块控件的技术文章和开发文档。

范围控制

【WordPress区块编辑器手册】范围控制

本文介绍 RangeControls 范围控制组件,用于从一系列增量值中选择单一值。支持连续与离散两种滑块类型,可调整音量、透明度或文本大小等设置。提供点击拖拽、跳转及数值输入框等多种交互行为,并包含图标、刻度标记等可选元素,适用于即时反馈的界面设计场景。

2026-10-17 1 后端开发

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

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

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

【WordPress主题开发手册】间距

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

2026-10-05 5 后端开发

【WordPress主题开发手册】JavaScript/Underscore.js——渲染自定义控件

本文深入解析 WordPress 4.1 引入的 JavaScript/Underscore.js 自定义控件渲染机制。文章详细说明了如何利用 JS 模板替代传统 PHP 渲染,通过 register_control_type 注册控件类型,并覆盖 content_template 和 to_json 方法导出数据。内容涵盖动态创建控件的优势、核心颜色与媒体控件的实现案例,以及将 PHP 逻辑转换为 Underscore 模板的完整步骤,旨在帮助开发者构建更灵活高效的自定义器体验。

2026-10-05 7 后端开发
React Native 集成测试指南

【WordPress区块编辑器手册】React Native 集成测试指南

本文详细介绍 React Native 集成测试指南,涵盖使用 Jest 库对编辑器组件进行集成的完整流程。内容包括测试设置、组件渲染策略、基于用户视角的无障碍元素查询、事件触发与模拟、行为断言及清理步骤。同时提供辅助函数、常见操作流程、调试工具如 Accessibility Inspector 的使用说明,并列举了开发中常见的陷阱与注意事项,帮助开发者编写高效稳定的集成测试。

2026-10-17 2 后端开发
选择控件

【WordPress区块编辑器手册】选择控件

SelectControl 是用于从列表中单选或多选选项的 UI 组件,作为原生 select 元素的包装器。它支持标签定位、禁用状态及数组值处理。适用于空间有限且存在默认选项的场景,需配合句子大小写标签与简短菜单项使用,确保良好的用户体验和无障碍访问支持。

2026-10-17 2 后端开发

【WordPress主题开发手册】自定义程序器 JavaScript 应用程序接口 (API)

本文深入解析 WordPress 4.1 引入的自定义器 JavaScript API,涵盖 wp-admin/js/customize-controls.js 文件结构及核心功能。文章详解如何利用 postMessage API 在预览与控件间通信,演示动态调整预览 URL、激活/隐藏 UI 对象及实现自动聚焦等高级技巧,并介绍 Controls、Sections 和 Panels 模型的交互逻辑与优先级设置方法,为开发者构建自定义主题提供实用指南。

2026-10-05 9 后端开发
编辑器中的区块

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

本文深入解析 WordPress Gutenberg 区块编辑器的开发核心。介绍如何利用 React 单页应用架构构建自定义区块,详解 Edit 组件中的 props 使用及 setAttributes 属性更新机制。涵盖 BlockControls 与 InspectorControls 内置组件在工具栏和设置侧边栏中的应用,以及@wordpress/components 包提供的通用 UI 元素,帮助开发者高效创建一致的用户体验。

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

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

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

2026-10-17 1 后端开发