Gutenberg 9.1 对其 theme.json 文件 (experimental-theme.json) 进行了向后不兼容的更改,而全站点编辑是实验性的。这是主题开发人员需要在其基于块的主题中创建的配置文件。使其保持最新对于主题作者来说可能是一个挑战,但主题团队代表 Ari Stathopoulos 为开发人员编写了完整指南。

Automattic 首席设计师 Jon Quach 也一直忙于创建一个工具来帮助主题作者过渡到基于块的主题。他最近构建了一个名为 Theme.json Creator 的基于 UI 的项目,该项目为主题作者构建 JSON 代码。另外,它是 Gutenberg 插件的最新更新。

开发社区将需要这样的工具,因为它克服了从传统主题开发范例转移到几乎完全由块和配置文件组成的新时代主题时不可避免的麻烦。

随着 JavaScript 的加入,插件开发变得更加复杂,主题开发正朝着它的 HTML 和 CSS 根发展。我们正朝着一个未来,更多的人将能够创建 WordPress 主题。甚至可以共享主题片段(例如模板部分和样式)。这不仅通过降低进入门槛赋予主题设计师权力,还允许一些最终用户跳入主题构建领域。

但是,theme.json 文件是未来主题创作的一个方面,非常面向开发人员。 JSON 是一种在各种编程语言之间共享的通用格式。它由机器读取,不像其他格式那样对人友好。随着 theme.json 文件的增长以容纳更多的配置选项,简单地向其中键入键和值变得越来越不友好。

构建工具来简化主题构建过程的这一部分是有意义的。

这是进入Theme.json Creator工具的地方。主题作者挑选并选择他们想要支持的选项并输入自定义值。然后该工具以格式正确的 JSON 输出所有内容。

使用Theme.json Creator工具。

该工具尚未涵盖的一件事是自定义 CSS 变量。此功能是 theme.json 规范的最新补充。它允许主题作者创建 WordPress 将自动输出为 CSS 的任何自定义属性。在他的公告中,Stathopoulos 描述了如何使用自定义属性创建排版比例,以及如何将这些变量用于编辑器功能,例如行高和字体大小值。

目前 Theme.json Creator 主要关注的是全局样式。但是,Gutenberg 允许主题作者在块级别配置默认样式。例如,主题设计者可以设置与默认全局样式不同的核心“标题”块的颜色或排版选项。这为主题作者提供了对每个块的微调控制。

Theme.json Creator 目前还不支持这个级别的配置。但是,看看 Quach 将来是否添加它会很有趣。

目前,专注于设置全局样式是一个好的开始。这仍然是一个实验性功能。它的好处在于它可以帮助主题作者开始了解基于块的主题拼图是如何适合的。在大多数人习惯于添加多个 add_theme_support() PHP 函数调用的时代,这是一种全新方法的起点,可以为功能添加主题支持。

虽然主题开发似乎正朝着它的方向发展,但很容易想象它可能会在某个时候演变成完全基于 UI 的东西。如果模板由块和模式组成,任何人都可以使用块编辑器构建它们,如果样式本质上归结为配置文件,那么构建一个基本的 WordPress 主题需要很少的编程。

如果没有人至少为允许用户创建和打包基于块的主题的插件编写注释,我会感到惊讶。目前,Theme.json Creator 消除了至少为主题设计过程的一部分编写代码的需要。

喜欢这样:

喜欢正在加载...

资源