【WordPress区块编辑器手册】@wordpress/editor
文章发布面板组件,包含保存、排期、置顶、分类法、模板、URL、可见性等功能的渲染逻辑及包装器检查组件。
关于控件子组的技术文章和开发文档。
文章发布面板组件,包含保存、排期、置顶、分类法、模板、URL、可见性等功能的渲染逻辑及包装器检查组件。
本文深入解析 WordPress 4.1 引入的 JavaScript/Underscore.js 自定义控件渲染机制。文章详细说明了如何利用 JS 模板替代传统 PHP 渲染,通过 register_control_type 注册控件类型,并覆盖 content_template 和 to_json 方法导出数据。内容涵盖动态创建控件的优势、核心颜色与媒体控件的实现案例,以及将 PHP 逻辑转换为 Underscore 模板的完整步骤,旨在帮助开发者构建更灵活高效的自定义器体验。
本文介绍了一种灵活可扩展的卡片内容容器组件。它支持自定义阴影高度、边框、圆角及填充大小等属性,并提供了一系列子组件用于构建复杂界面。该组件还具备适应不同书写方向的逻辑属性,并能通过 Context 传递上下文信息,方便开发者组合各种界面元素,实现灵活的 UI 布局设计。
所有区块都会出现在插入器、区块转换菜单、样式指南等中。要将区块从用户界面的所有部分隐藏,以便只能通过编程方式插入,将 supports.interactivity.hidden 设置为 true。
这是一个关于表单字段筛选功能的配置说明文档,详细描述了如何配置字段的筛选器属性、操作符(如大于、包含、等于等)、布局类型(Regular, Panel, Card, Row, Details)以及相关的显示格式和摘要字段设置。该文档还提到了项目作为 Gutenberg 包的一部分,采用 monorepo 组织形式。
本文介绍 WordPress 设计系统的主题包,包含全面的设计令牌系统与灵活的主题提供器。通过 CSS 自定义属性管理颜色、间距等视觉元素,确保跨应用一致性。支持 React 组件集成,提供无障碍设计保障如 WCAG AA 对比度标准。涵盖安装配置、样式表加载、跨文档渲染及构建工具使用指南,助力开发者高效构建符合规范的主题与应用。
SelectControl 是用于从列表中单选或多选选项的 UI 组件,作为原生 select 元素的包装器。它支持标签定位、禁用状态及数组值处理。适用于空间有限且存在默认选项的场景,需配合句子大小写标签与简短菜单项使用,确保良好的用户体验和无障碍访问支持。
本文深入解析 WordPress 4.1 引入的自定义器 JavaScript API,涵盖 wp-admin/js/customize-controls.js 文件结构及核心功能。文章详解如何利用 postMessage API 在预览与控件间通信,演示动态调整预览 URL、激活/隐藏 UI 对象及实现自动聚焦等高级技巧,并介绍 Controls、Sections 和 Panels 模型的交互逻辑与优先级设置方法,为开发者构建自定义主题提供实用指南。
本文介绍项目组功能,目前处于实验阶段,可能随时发生破坏性更改。该组件用于显示统一样式的分组项,支持配合子组件使用。提供边框、圆角、分隔线及尺寸等属性配置,并通过上下文机制与父组件连接,灵活控制渲染效果。
本文介绍 Gutenberg 编辑器中区块设计的最佳实践。涵盖内容区域交互、工具栏控件分组、侧边栏高级设置及占位符使用规范。提供关于命名、图标选择、描述撰写等具体建议,帮助开发者创建直观且功能完善的区块组件,提升用户体验与编辑效率。