WordPress 5.9:前 20 大新功能和改进

已发表: 2022-01-26

WordPress 5.9 “Josephine”计划于 2022 年 1 月 25 日发布,这是今年第一个主要的 WordPress 核心版本。 关于 WordPress 5.9 最重要的一点就是:使用 WordPress 块编辑器的完整站点编辑 (FSE) 在这里(好吧,如果你使用它或者你的主题支持它)。

WordPress 5.9 代表了自 WordPress 5.0 中首次推出 Gutenberg 以来最大的 Gutenberg 功能版本。 此外,WordPress 5.9 包括 99 个增强功能和 100 个错误修复。

在这篇文章中,我们将解开 WordPress 5.9 中的新功能和值得注意的内容,以便您可以充分利用最新版本的 WordPress。

更新之前:别忘了备份您的网站!

在运行 WordPress 核心的任何重大更新之前,请确保备份您的网站。 我们建议在继续更新之前进行完整备份,包括您的 WordPress 数据库、WordPress 文件、主题、插件、媒体库等。

请记住在更新到 WordPress 5.9 之前备份您网站的这些关键部分:

  • WordPress 数据库
  • WordPress 文件
  • 主题
  • 插件
  • 媒体库
WordPress 5.9 包含多项功能和更新,再次强调了拥有可靠的 WordPress 备份策略的重要性。 像 BackupBuddy 这样的 WordPress 备份插件可以处理您网站的完整备份,因此您可以从更新中回滚。

它在这里:全站编辑 (FSE)

WordPress 5.9 中最大的新闻是全站点编辑 (FSE) 的到来。 简而言之,完整站点编辑旨在让您直接从 WordPress 管理员控制整个站点。

WordPress 完整站点编辑 (FSE) 项目的目标是利用 Gutenberg 块模型的强大功能来提供超越帖子或页面内容的编辑体验。 换句话说,这个想法是让整个网站都可以使用块编辑器进行定制。 完整站点编辑模式了解站点的结构并提供修改全局元素(如页眉和页脚)的方法。

以前,所有这些控件都由您的 WordPress 主题专门处理,因此将其烘焙到 WordPress 核心(启用基于块的主题)与 WordPress 之前处理站点范围样式的方式不同,例如站点的页眉、页脚、博客和博客文章。

不过,在进行切换之前,有一些事情需要考虑。

  • 您需要一个基于块的主题才能实际使用完整站点编辑。 块主题是一个 WordPress 主题,其模板完全由块组成,因此除了不同帖子类型(页面、帖子等)的帖子内容外,块编辑器还可用于编辑网站的所有区域:标题,页脚,侧边栏等。机会是:您目前没有使用基于块的主题。
  • Full Site Editing 作为最小可行产品仍处于当前阶段。 这允许用户逐步采用,因为大多数主题仍未准备好使用此功能或将不兼容向前发展。
  • 您不必采用全站编辑。 如果您还没有准备好使用基于块的主题,请不要担心。 “经典”主题继续存在并一如既往地发挥作用。
  • 您不需要 WordPress 5.9 或基于全站点编辑块的主题来完全编辑您的站点。 您现在可以使用专业插件在 Kadence 主题中执行此操作,该插件允许您在站点的任何位置创建模板并有条件地挂接元素。

关于这一点,以下是 Kadence WP 的创始人 Ben Ritner 对于切换到全站点编辑的看法:

“大多数复杂的事情在全站点编辑中仍然是不可能的,因为复杂的工具/功能还没有在块中创建/实现。 此外,大多数使用自定义帖子类型的插件还不支持它(例如,WooCommerce)。 插件可以正常运行,但是它们不会给你任何额外的控制权。”

-Ben Ritner,关于 WordPress 5.9 您需要了解的内容

1. 介绍网站编辑器(测试版)

启用块主题后,外观下将显示一个名为“编辑器(测试版) ”的新菜单项。 此编辑器解锁了为您的主页、模板和模板部分可视化编辑站点范围的样式和块的能力。

如您所见,外观和设计类似于 WordPress 管理仪表板和帖子/页面编辑器。 菜单项位于左侧,顶部工具栏提供更多设置。

测试版站点编辑器是编辑的入口:

  • 模板(单个帖子、存档等)
  • 模板部分(页眉、页脚等)
  • 通过右侧边栏调整样式

让我们解开这些。

2.模板编辑+创建

具有基于块的主题的完整站点编辑解锁了编辑站点模板的能力。 在 WordPress 中,这些传统上是控制网站重要部分的结构和样式的代码文件。

例如,二十二十二添加了以下模板:

  • 404 – 找不到内容时显示的“页面”。
  • 单个帖子 – 单个帖子的显示方式。
  • 页面 – 单个页面的显示方式。
  • 主页 - 您的主页。
  • 索引 - 显示所有帖子的“页面”。
  • 单柱(无分隔符)
  • 页面(无分隔符)

单击列表中的任何模板名称将允许您在与帖子/页面编辑器类似的编辑器中编辑模板。 在此处形成,您可以调整块、颜色等。

3.模板部分定制

模板部分是完整站点编辑的另一个方面,它允许您控制站点的特定站点范围的组件,包括页眉和页脚。

模板部分包括:

  • Header – Header 模板定义了一个通常包含标题、徽标和主导航的页面区域
  • 页脚——页脚模板定义了一个页面区域,通常包含站点信用、社交链接或任何其他块组合。
  • 通用- 通用模板通常执行特定角色,例如显示帖子内容,并且不绑定到任何特定区域。

单击列表中的任何一个进行编辑,或者您可以添加一个新的。

4. 站点范围的样式

编辑器(测试版)中提供的完整站点编辑的另一个重要功能是样式,能够自定义站点的颜色、版式、布局等。 使用 Styles,您可以调整您的网站,或者通过按钮的新调色板或选择新字体等各种选项为网站提供全新的外观。

通过单击圆圈图标,您将在编辑器(Beta)的顶部工具栏中找到可用的样式。

样式概述

新的样式面板打开了几个设置选项,包括

  • 排版- 管理不同元素的排版设置,包括文本和链接。
  • 颜色- 管理网站上不同全局元素的调色板和默认颜色。 调色板用于为块和各种设计工具提供默认颜色选项。 在这里,您可以使用标签编辑颜色。 包括背景、文本和链接。
  • 布局- 添加填充

5. 站点范围的块样式

样式中还包括为所有块设置默认样式的能力。 例如,这对于客户网站非常有用,尤其是如果您不想让客户调整太多样式或添加自己的样式时。

您可以随时自定义特定块的外观,例如:

  • 标题
  • 列表
  • 引号
  • 纽扣
  • 盖子
  • 拉引号

6.二十二十二,第一个默认区块主题

WordPress 5.9 附带了二十二十二,这是 WordPress 历史上的第一个默认块主题。 二十二十二代表了每个人的愿景,主题+完整站点编辑应该如何协同工作。

二十二 WordPress 主题

从 WordPress 5.9 欢迎屏幕:

“这不仅仅是一个新的默认主题。 这是使用 WordPress 主题的全新方式。 块主题为您提供了广泛的视觉选择,从配色方案和字体组合到页面模板和图像过滤器——所有这些都在网站编辑界面中。 通过在一个地方进行更改,您可以使 Twenty Twenty-2 具有与您的品牌或其他网站相同的外观和感觉,或者将您的网站的外观转向另一个方向。”

至于设计,二十二十二拥有大胆而现代的自然灵感 17 调色板和渐变风格。 此外,主题使用轻量级的 Source Serif Pro 作为标题,搭配无衬线作为支持。

7.新的导航块

WordPress 5.9 引入了一个导航块,允许用户创建、管理和重用使用各种块构建的菜单,从页面链接到站点徽标等等。 由于包含在 5.9 中以及最近的所有增强功能,导航块不再被认为是实验性的。

新的导航块使您能够选择始终开启的响应式菜单或适应用户屏幕尺寸的菜单。 无论您创建什么,都知道它可以在您喜欢的任何地方重复使用,无论是在全新模板中还是在切换主题后。

请注意,导航块现在不仅可用于模板部件。 您也可以在任何帖子或页面中使用该块。

8. 删除定制器、菜单和小部件(如果使用基于块的主题)

由于新功能块主题提供和直接编辑内容的能力,定制器菜单将从您的仪表板隐藏,除非您使用需要它的插件。

WordPress 5.9 关于页面说明:

“当您使用任何新的块主题时,您不再需要定制器。 相反,您拥有站点编辑器中样式界面的所有功能。 就像在 2020?2 中一样,您可以在此处构建网站的外观和感觉,并在流畅的界面中使用工作所需的工具,实际上在您手中活灵活现。

阅读此 GitHub 问题以获取更多上下文。

块编辑器改进 + 新块

WordPress 5.9 代表了自 WordPress 5.0 中首次推出 Gutenberg 以来最大的 Gutenberg 功能版本。 WordPress 5.9 将 Gutenberg 插件的 12 个版本的更改合并到 WordPress 核心中,从上一个版本开始直到代码冻结,即 Gutenberg 11.9。

9.块的更多设置和控制

最后! WordPress 5.9 加入了新的排版工具、灵活的布局控制以及对块间距、边框等细节的更精细控制。 以前,块设置非常有限,特别是如果您想微调细节。

例如,默认段落块现在包括带有十六进制预览的文本颜色、背景颜色、扩展的排版选项(如行高、字母大小写、字母间距等)的颜色选项。

10. 更好、更强大的列表视图

列表视图是块编辑器最有用的功能之一,特别是如果您使用更复杂的布局(例如使用 Kadence 块)。列表视图有几个限制,但 WordPress 5.9 大大提高了可用性。

例如,在 WordPress 5.9 中,您现在可以在列表视图中左右拖动块。 这使得在 WordPress 编辑器中移动块变得更加容易。

特别是对于更复杂的布局,这非常有帮助。 现在,简单的控件可让您在构建站点时展开和折叠部分,并将 HTML 锚点添加到块中以帮助用户浏览页面。

此外,现在您可以展开和折叠嵌套块,这有助于导航复杂的块结构。

11. 更好的画廊街区

现在,您可以像在图像块中处理它一样处理画廊块中的每个图像。

通过单击图库中的单个图像,您可以将其设置为与下一个不同的样式(例如,使用不同的裁剪或双色调)或使其全部相同。

12. 内置块模式浏览器

WordPress 块模式是可插入的、预定义的 WordPress 块布局。 块模式是一组 WordPress 块,允许用户通过单击几个按钮来创建任意数量的复杂布局。

WordPress 模式目录是为节省您的时间和添加核心站点功能而构建的各种块模式的所在地。 随着模式目录中可用的块模式数量增加并与主题捆绑在一起,现在有一个全屏模式模式浏览器,可以通过模式插入器中的“探索”按钮访问。

借助近乎全屏的视图,可以吸引您查看详细信息,Pattern Explorer 可以轻松比较模式并选择用户期望的模式。 该资源管理器允许用户在更大、更高级的工具中查找模式。

单击块插入器后,只需单击“模式”选项卡中的“探索”按钮。

13. 标题栏字体粗细

作为更精细的块控件之一,现在您可以为标题块选择字体粗细(外观)。 此外,现在您可以控制行高和字母间距以及字母大小写。

性能改进

WordPress 5.9 包括多项性能改进。 您可以在此处查看 WordPress 5.9 中的所有性能改进,包括一些令人印象深刻的速度比较。

14. 块插入器性能改进

块插入器获得了良好的性能提升! 在快速轻松地搜索和插入块时,您可能会看到不同之处。

图片来源:WordPress 5.9 性能改进

15. 延迟加载图像的改进

延迟加载图像是在 WordPress 5.5 中引入的,后来扩展到还涵盖 WordPress 5.7 中的 iframe。 在即将发布的 WordPress 5.9 版本中,两者的实现都得到了一些改进以提高性能。

具体来说:

“一项考虑到 50 个流行主题的分析表明,增强功能带来了 LCP 的全面改进,页面加载速度提高了 30%。”

开发人员的改进

WordPress 5.9 有许多以开发人员为中心的更新。 以下是此更新中的一些值得注意的功能和增强功能,以及 WordPress 5.9 现场指南中的开发人员说明。

16. 基于构建块的主题资源

由于 WordPress 5.9 引入了基于块的主题,这些主题使用块来定义构建整个站点的模板。 新模板和模板部分在 HTML 中定义,并使用 theme.json 中提供的自定义样式。

主题实验存储库有一个空主题,它是一个很好的样板,可以用来启动你的第一个块主题。 还有一个命令行脚本可帮助生成块主题以帮助您入门:

  • 块主题概述解释了块主题的基础知识以及主题的结构和格式。
  • 创建块主题是一个完整的教程,介绍如何创建块主题。
  • 全局设置和样式记录了如何使用 theme.json 为您的主题添加样式。

17.设置、样式和theme.json的更新

WordPress 5.9 已将 WordPress 5.8 中引入的 theme.json v1 更改为 v2。 现有的 v1 theme.json文件仍将按预期工作,它们将在运行时由 WordPress 转换为 v2 格式。

您可以查看实时规范文档以获取有关theme.json文件功能的详细说明。

18. 一个块的多个样式表

现在您可以在每个块中注册多个样式表。 您可以使用它在您编写的块之间共享样式,或为单个块加载样式,因此您的样式仅在使用块时加载。 了解有关在一个块中使用多个样式表的更多信息。

19. 使用帖子、帖子类型和分类法的新钩子和函数

在 WordPress 5.9 中,添加了新的钩子和函数来帮助开发人员使用帖子、帖子类型和分类法。

20. 访问全局设置和样式的新 API

最后,在 WordPress 5.8 中引入了 theme.json API 及其相应的 JavaScript API,WordPress 5.9 附带了一个 PHP 公共 API 来从theme.json读取数据。

加入我们现场参加 WordPress 5.9 发布活动

与 iThemes 安全主管开发人员和 WordPress 核心提交者 Timothy Jacobs 一起了解最新版本的 WordPress 提供的新功能。 我们将讨论完整站点编辑、大量块编辑器改进,以及许多使其成为最好的 WordPress 的底层更改。

WordPress 5.9 发布活动——您需要了解的最新 WordPress 内容
1 月 25 日星期二 @ 1:00 -2:00 pm CT

现在注册

无法进行实时网络研讨会? 继续注册,我们将通过电子邮件将重播发送给您。
查看您所在时区的网络研讨会时间。

如何更新到 WordPress 5.9

WordPress 5.9 将于 2022 年 1 月 25 日发布。发布更新后,您将在更新页面上的 WordPress 管理仪表板中看到可用的 WordPress 版本更新。 同样,不要忘记在更新 WordPress 之前备份您的网站!

还没有看到 5.9 更新? 敬请关注! 按照此处的 make.wordpress.org 发布博客文章获取最新更新,以阅读官方 WordPress 5.9 发布文章。 您还可以查看核心团队的 WordPress 5.9 Field Guide。

需要将多个 WordPress 网站更新到 WordPress 5.9? iThemes Sync Pro 允许您从一个仪表板管理多个 WordPress 站点。 发布后,您将在同步仪表板中看到可用的核心更新。

试用 30 天免费同步登录以同步仪表板

有什么要添加到此列表中的吗? 您最喜欢 WordPress 5.9 中的哪些新功能? 快乐更新!