WordPress 6.0 的新增功能:新块、更改样式、编辑模板、Web 字体 API 等等
WordPress 版本 6.0 Arturo 现已发布,像往常一样,我们深入了解了幕后情况,以便让读者预览 WordPress 最新主要版本中的新增功能。 可以这么说,如果 WordPress 5.9 将我们带入了古腾堡第二阶段的核心,那么 WordPress 6.0 的目标就是整合现有的自定义工具。 但新版本不仅如此。 正如 Matias Ventura 在 6.0 路线图草案中指出的那样,站点编辑器的引入标志着一个巨大的里程碑,但这也只是道路上的第一步。 WordPress 6.0 Arturo 现已推出 WordPress 6.0 Arturo 现已推出 WordPress 6.0 在 CMS 的多个领域(从可用性到性能)带来了重大改进,包括: 改进的信息架构和模板导航体验 改进的模板 新钩子 网络字体 API 网站编辑器的新导航模式 另类全局样式 改进的导航块 性能改进 新的设计工具 以及更多… 但等等,这还不是全部。 WordPress 6.0 还带来了大量的更改、功能和错误修复,包括编辑器的 400 多个更新和 500 个错误修复。 修复了超过 189 个条目,其中包括 91 个新功能和改进。 是的,有很多话要谈。 所以,让我们不要再拖延了,快来探索 WordPress 6.0 中的新功能吧。
最新主要版本的新增功能 点击发推文 网络字体
API 新的 Webfonts API 现在提供了在 WordPress 中加载 Webfonts 的标 新西兰 WhatsApp 号码数据 准化方法,确保性能和用户隐私。 从 WordPress 6.0 开始,您只能从 theme.json 注册新的 webfont。 使用 theme.json 非常简单。 您所要做的就是在排版部分添加新的字体系列。 以下代码提供了 webfont 注册的示例: { “设置”,\”Segoe UI”Helvetica Neue\”,sans-serif”, “name”: “系统字体”, “slug”: “系统字体” }, { “fontFamily”: “\””Source Serif Pro”, “slug”:“源衬线专业” 无衬线字体”, 上面的代码将 Inter 字体添加到 Twenty Twenty-Two 中默认可用的那些 fontFamilies 集合中。 如果您想自己尝试一下,请将 Google Fonts Inter webfont 下载到 ./assets/fonts 文件夹中,然后将上述代码添加到 Twenty Twenty-Two theme.json 部分。 完成后,保存文件并返回网站的编辑界面。settings.typography 下图显示了编辑器中的结果。 一个新的字体系列已在“2022”中注册。 一个新的字体系列已在“2022”中注册。 Webfonts API 仅注册渲染当前页面上的块所需的字体,这对于样式变体中定义的 Web 字体特别有用。 此外,该 API 通过按字体系列注册和排队字体来优化 HTTP 请求数量。
中的全局样式变体中了解有关新 API 的更多信息
改变全球风格 全局样式变化是 WordPress 6.0 中最令人期待的功能之一。 主题作者现在可以在 BS 领先 其主题中包含多组全局样式,从而允许用户只需单击一下即可在样式变体之间切换。 这就像准备好可以使用的子主题一样,每个子主题都有一组预定义的样式。 要向批量主题添加样式变体,您需要将备用 JSON 文件添加到主题根目录中的样式文件夹中。 支持全局样式变体的主题会在全局样式侧边栏中显示一个新的浏览样式项。 这将导致主题用户在其中找到可用样式列表的面板。 在 WordPress 6.0 中浏览样式。 在 WordPress 6.0 中浏览样式。 从列表中选择全局样式,该样式将自动应用于您的整个网站。 在 WordPress 6.0 中只需单击一下即可选择样式。 在 WordPress 6.0 中只需单击一下即可选择样式。 新功能允许主题开发人员创建无限数量的样式变化,并与新的 Webfonts API 完美搭配。 下图显示了上一个示例的自定义样式,其中标题应用了不同的字体。 WordPress 6.0 中带有自定义字体的样式变体。 WordP 中自定义字体的样式变体React.js 近年来变得非常流行,这已不是什么秘密。 它现在是许多互联网巨头(例如 Facebook 和 WhatsApp)选择的 JavaScript 库。 它崛起的主要原因之一是16.8版本中引入了hooks。 React hooks 允许您利用 React 功能,而无需编写类组件。