WordPress 5.9 来了! 您错过了哪些重大变化?

已发表: 2022-01-25

WordPress 5.9 约瑟芬来了! 这个 WordPress 版本原定于 2021 年 12 月 14 日发布。但由于一些问题和未解决的错误,最终发布被推迟,最终于 2022 年 1 月 25 日发布。

如果您想知道最重要的变化是什么,答案是全站点编辑 (FSE)。 实际上,大多数新功能只有在您使用支持完整站点编辑的主题时才可用,例如二十二十二——新的默认主题。

使用 WordPress 5.9,我们进入了古腾堡路线图的第二阶段——定制阶段。

现在,让我们了解详情!

目录
[显示隐藏]
  1. 全局样式:“theme.json”文件的图形界面
    1. 样式预览
    2. 排版
    3. 颜色
    4. 布局
  2. 二十二十二主题和 WordPress 块主题
  3. 更新的导航块
  4. 性能改进
    1. 块插入器增强功能
    2. 加载较少的 CSS
    3. 延迟加载性能改进
    4. 每个块多个样式表
  5. 最后的话

全局样式:“theme.json”文件的图形界面

在 WordPress 5.8 中,操作“theme.json”文件已成为主题开发人员自定义编辑器样式和设置的标准方式。

WordPress 5.9 通过为其引入图形界面将其提升到一个新的水平。 现在,用户可以在块级别或全局上为他们的站点自定义样式预设,而无需触及任何一行代码。

由于全局样式会影响 WordPress 网站设计的某些方面,因此它将极大地改变您自定义网站外观的方式。

首先,全局样式界面取代了定制器。 它是目前使用块主题自定义样式和设置的唯一方法。

同样,将不再需要复杂的主题选项管理页面。 这提供了一种配置主题设置和样式的新标准方法。

在站点编辑器中,现在可以使用新的侧边栏。 在顶部,您会发现一个小型预览面板和五个元素,顺序如下:

  • 样式预览
  • 排版
  • 颜色
  • 布局
wordpress-5-9-1

让我们仔细看看!

样式预览

第一个元素是预览面板。 它允许您检查自定义的结果。 当您的更改应用于编辑器画布中不可见的元素时,这尤其有用。

wordpress-5-9-2

排版

这是您控制网站排版的地方。 此面板中可用的控件取决于“theme.json”文件中的内容。

wordpress-5-9-3

颜色

在这里,您可以查看和编辑配色方案并自定义一些网站元素的颜色。

wordpress-5-9-4

通过单击其中一个元素,您可以访问一个新面板,您可以在其中从三个调色板中选择颜色:主题、核心和自定义。 在这里,您可以设置和修改所选元素的颜色。

wordpress-5-9-4

布局

最后一组工具用于布局自定义。 这仅限于全局上下文中的站点容器。

wordpress-5-9-5

随着全局样式的实施,您现在还可以更改特定块的外观和感觉,例如段落、按钮、列等。

请注意,如果块在相应的“block.json”文件中声明支持特定功能,则只能从此处自定义块样式。

例如,由于核心帖子标题块支持排版和颜色,您将在其块的全局样式设置中找到相应的条目。

wordpress-5-9-6

二十二十二主题和 WordPress 块主题

使用 WordPress 5.9,您无需安装 Gutenberg 插件即可在您的站点上启用完整站点编辑。 您只需要使用块主题。

此外,WordPress 5.9 还包含一个全新的默认主题——二十二十二。 它改变了游戏规则,因为它是有史以来第一个默认块主题。 此外,二十二十二是一个非常可定制和灵活的主题。

使用块主题后,WordPress 仪表板管理菜单中将出现一个新的“编辑器(测试版)”菜单项。

wordpress-5-9-7

在编辑界面,您可以直观地编辑您网站的首页、模板和模板部分。 您还可以从此处访问全局样式界面。

wordpress-5-9-8

如您所见,您将找不到定制器。 那是因为它不支持块主题。 这也是您无法预览非活动块主题的原因。

wordpress-5-9-9

如果您使用的是 Woostify 等传统主题,并且担心向后兼容性,请放心。 您可以继续使用它。

目前有四种不同的主题类别供您选择:

  • 块主题:专为全站编辑设计的主题
  • 通用主题:可与定制器和编辑器一起使用的主题(测试版)
  • 混合主题:支持全站点编辑功能的经典主题
  • 经典主题:带有“functions.php”文件、PHP 模板等的主题。

更新的导航块

导航块已经处于起步阶段已有一段时间了。 现在所有悬而未决的问题都已解决,我们终于可以开始使用 WordPress 5.9 最强大的功能之一了。

首次添加导航块时,块占位符提供三个选项:

  • 选择现有菜单,
  • 创建一个包含所有页面的菜单,
  • 或者从空白菜单重新开始。
wordpress-5-9-10

新的导航菜单允许您导入通过经典主题可用的外观菜单屏幕创建的菜单。

wordpress-5-9-11

因此,如果您从经典主题切换到块主题,则无需重建现有菜单。 只需选择您当前的“经典菜单”之一。 它会自动转换为基于块的导航菜单。

通过单击右侧的加号图标,新的导航链接会立即添加到导航块中,除非其他块类型已经添加到菜单中。

单击导航链接块工具栏中的编辑按钮可将菜单项转换为自定义链接。 因此,您可以添加、编辑、重新排列和删除单个项目。

您还可以通过单击块工具栏上的转换按钮将链接转换为块。 因此,您可以直接将特定块添加到导航菜单。

wordpress-5-9-12

在“设置”侧边栏中,您会找到一组完整的选项来控制导航菜单的许多部分。

wordpress-5-9-13
wordpress-5-9-14
wordpress-5-9-15

导航块中添加的另一个有用的附加功能是块间隙支持。 所以你可以控制菜单项之间的间距。

wordpress-5-9-16

性能改进

块插入器增强功能

从 WordPress 5.9 开始,块类型、类别和模式会延迟显示在块插入器中。 您的浏览器会首先加载优先级更高的内容,从而为您提供更流畅的编辑体验。

加载较少的 CSS

WordPress 5.9 显着减少了块主题加载的 CSS 数量,从而显着加快了页面加载速度。

延迟加载性能改进

从 WordPress 5.9 开始,'loading="lazy"' 属性不适用于第一个内容图像或 iframe。

对 50 个流行的 WordPress 主题进行的分析表明,该解决方案可显着提高性能,并将页面加载速度提高 30%。

每个块多个样式表

主题和块开发人员可以为每个块注册多个样式表,并根据需要从其他块加载样式。

这允许根据页面内容加载样式表,防止在每个页面上加载大型样式表。

最后的话

我们将以一个关于 WordPress 市场份额的简短说明来结束这篇文章。 它目前为超过 65% 的具有已知内容管理系统的网站和约 43% 的网站提供支持。

wordpress-5-9-17

这些数字令人印象深刻,尤其是与市场份额不到 7% 的最接近的竞争对手 Shopify 相比。

每个新版本的 WordPress 都会带来新功能、性能改进和界面增强。 WordPress 5.9 也不例外。

测试新功能所需的只是块主题,例如新的二十二十二默认主题。

对于使用 Woostify 主题的任何人,您都可以立即将您的网站更新到 WordPress 5.9,而不会出现任何问题。 开发团队始终努力确保 Woostify 与较新的 WordPress 版本完全兼容。