WordPress 5.9 的新增功能 – 完整站点编辑、全局样式、块、...

cogece3

全局样式：主题的图形界面。json 随着2021 年WordPress 5.8 的发布，操作theme.json文件成为主题开发人员自定义编辑器设置和样式的标准方法。 WordPress 5.9 通过引入图形界面将事情提升到一个新的水平，该界面允许用户在全局或块级别自定义其网站的样式预设，而无需编写任何代码。 全局样式机制应该会显着改变您习惯自定义网站外观的方式，因为全局样式会影响 WordPress 网站设计的各个方面。 首先，全局样式界面取代了定制器，现在是使用批量主题自定义设置和样式的唯一方法。此外，不再需要复杂的主题选项管理页面。这提供了配置主题设置和样式的新标准方法，同时应该简化您的主题开发工作流程。 通过全局样式，WordPress 用户可以更好地控制其网站的呈现，无论是全局还是按块类型，超出单个页面或帖子的上下文。 站点编辑器中现在有一个新的侧边栏，在其顶部您将找到一个小预览面板和四个组件，按以下顺序排列： 版式 颜色 设计 积木 我们预计随着时间的推移将会添加新的组件。 全局样式侧边栏在使用二十二十二主题的 WordPress 页面上打开，显示排版选项，例如 带有Automattic 的Blockbase 主题的全局样式侧边栏。

让我们仔细看看新界面。 它在这里！您需要了解的有关 WordPress 5.9 的所有信息，尽在一篇大型帖子中 点击发推文 样式预览 全局样式侧边栏的第一个元素是预览面板。此面板允许您检查自定义结果，并且当您的更改应用于站点编辑器画布上不可见的元素时特别有用。 下图 沙特电话号码数据 展示了三种不同风格的组合对比： 全局样式预览并排显示的三种不同颜色（绿色、黄色和海军蓝）的样式。 全局样式预览比较。 版式 版式面板是您控制网站版式的地方。当然，此面板中可用的控件取决于您的theme.json设置。 例如您可以在全局样式预览面板中检查这些字体系列： 应用了不同字体系列的同一文本（“Aa”）的六个不同预览。 “二十二十一个块”中提供的字体系列。 颜色 在“颜色”部分中，您可以查看和编辑调色板并自定义各种站点元素的颜色。 TT1 Blocks 中的颜色面板，显示四种不同颜色（红色、海军蓝、银色和绿色）的调色板。 二十二十一个街区的调色板 单击这些元素将带您进入一个新面板，您可以在其中从三个调色板中选择颜色：核心、主题和自定义调色板（在默认颜色、主题颜色和自定义颜色中了解更多信息）。



设置 TT1 块的颜色，为三种不同的调色板选项显示各种色环：主题、默认和自定义。 调整二十一二十一个区块的颜色 在此面板中，您将能够设置和修改当前元素的颜色。 颜色选择器在“全局样式”面板中选择深红色。 自定义全局样式中链接的颜色。 设计 最后一组工具用于设计定制。在全球范围内，这仅限于站点容器。 全局样式面板中的全局填充设置，显示先前填充的像素大小的更改。 布局配置为二十二十一个区块。 积木 随着全局样式机制的实施，现在还可以更改特定块的外观，例如段落（版式和中的帖子标题排版设置，显示多种选项，包括（除其他外）帖子标题（突出显示）、帖子作者、表格、网站标题和导航。 自定义帖子标题排版设置 请记住，WordPress 5.9 仅提供全局样式界面的第一个实现。正如Matias Ventura 指出的那样，我们可以合理地预期新型控制功能的进一步发展： 将来，系统中将内置流程，允许您从本地样式切换到全局样式，例如对按钮块进行自定义并选择将它们全局应用到该类型的所有按钮。 所以我们可能很快就会看到重大改进。下图只是我们可以期待的一个示例： 未来可能用于更改链接状态颜色的面板的模型，包括“休息”、“过去”、“聚焦”和“选定”选项。 将来，您将能够控制链接状态的颜色。（图片来源GitHub） 其他改进可能包括主题 提供替代调色板和多种全局样式变化的能力。 上周，我将《二十二十二》的一些颜色+字体变体构建到超级简单的子主题中。它们真的很轻量级，我喜欢一键为人们提供一个完全不同的网站的想法。 https://t.co/dItIkvvhK9 pic.twitter.com/rB4CcTfW0A - kjellr (@kjellr) 2021 年 11 月 15 日 开发人员可以在全局样式和设置 (theme.json)支持文章中更深入地研究全局样式机制。您将在我们对默认“二十二十二”主题的介绍中找到其他示例。 导航块 导航块被称为“最具影响力的主题块之一”，我们并不害怕说我们同意。 该块已经处于萌芽阶段一段时间了（另请参阅导航块跟踪器主题和i2 跟踪器主题）。尽管如此，既然 WordPress 5.9 中列出的所有突出问题和崩溃都已得到修复，我们终于可以开始使用WordPress 5.9核心内置的最强大的功能之一。