预设值

关于预设值的技术文章和开发文档。

全局设置与样式(theme.json)

【WordPress区块编辑器手册】全局设置与样式(theme.json)

本文深入解析 WordPress 5.8 引入的 theme.json 文件机制,详解如何通过该文件精细控制编辑器样式、区块设置及 CSS 自定义属性。内容涵盖预设值管理、区块间距配置、响应式断点定义、变体样式应用以及从 Gutenberg 插件迁移到核心的兼容性处理。同时介绍 CSS 变量命名规范、全局样式表合并优化及解决浏览器缓存问题的实用技巧,是 WordPress 主题开发者必备的技术指南。

2026-10-17 2 后端开发
使用预设

【WordPress主题开发手册】使用预设

本文深入讲解 WordPress 中 theme.json 预设的使用方法。您将学习如何注册自定义调色板、字体大小及间距等预设,并通过 var:preset 或 var:custom 语法在 styles 中应用样式。文章涵盖从基础颜色配置到高级自定义行高设置的完整流程,帮助开发者实现集中化的主题样式管理。

2026-10-05 7 后端开发

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

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

2026-10-17 2 后端开发

【WordPress区块编辑器手册】theme.json 版本 3 参考(最新版)

本文详细介绍 WordPress theme.json 版本 3 的最新规范与使用指南。涵盖 settings、styles、customTemplates 等核心配置,包括背景、边框、颜色、尺寸、布局、阴影、间距及排版样式的完整设置方法。适用于 WordPress 6.6+ 及最新 Gutenberg 插件,帮助开发者高效管理主题样式与区块自定义选项,实现灵活的响应式设计与视觉定制。

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

【WordPress主题开发手册】间距

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

2026-10-05 5 后端开发
编辑器中的样式

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

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

2026-10-17 1 后端开发

【WordPress区块编辑器手册】@wordpress/style-engine

本文介绍 WordPress 6.1 新引入的 Style Engine 包,旨在为客户端和服务器端应用提供一致的区块样式 API。该工具负责生成、渲染及优化区块与全局样式,支持 theme.json 配置。文章详细解析了 wp_style_engine_get_styles 等核心函数用法、CSS 规则编译流程、预渲染去重机制以及设计令牌处理方案,帮助开发者高效管理 Gutenberg 中的样式层级与优先级,实现可预测的级联效果。

2026-10-17 2 后端开发
颜色

【WordPress主题开发手册】颜色

本文详解 WordPress theme.json 中 color 属性的配置方法,涵盖启用或禁用文本、背景及链接颜色设置。文章指导用户如何管理自定义颜色、双色滤镜与渐变的开启状态,并介绍注册自定义预设及禁用 WordPress 默认色板、默认渐变和默认双色滤镜的具体步骤,帮助开发者灵活控制主题色彩系统。

2026-10-05 9 后端开发
阴影

【WordPress主题开发手册】阴影

本文详解 WordPress 6.3 版本后 theme.json 中阴影设置的变化。介绍如何配置 defaultPresets 禁用默认阴影,并指导用户通过 presets 数组添加自定义 box-shadow 预设。涵盖 Natural、Deep 等核心预设及 Small 至 2XL 的自定义示例,帮助开发者优化按钮块样式与主题视觉效果。

2026-10-05 6 后端开发