WordPress 5.9:新功能和改进

已发表: 2022-02-17

自上次更新以来已经过去了大约六个月,但 WordPress 5.9 值得等待。

有很多新功能可供您使用。 最值得注意的新功能是完整的站点编辑,但还有更多。 因此,是时候对您的 WordPress 网站进行创意了,并打破常规!

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

WordPress 5.9 的新功能和变化

以下是 WordPress 5.9 中可用的新功能和更改。

1.二十二十二主题

WordPress 5.9 包含一个名为Twenty Twenty-2的新默认主题。

二十二 WordPress 主题

此块主题允许您使用 WordPress 5.9 中引入的完整站点编辑功能。

二十二十二包括各种页面模板,包括 404 错误页面、单个帖子页面和存档页面。 模板部分还包括页脚和三种不同类型的页眉——默认、小样式的深色和大样式的深色。

2.全站编辑

WordPress 5.8 只允许部分编辑,但 WordPress 5.9 包含完整站点编辑 (FSE)功能,允许您对整个站点进行更改。

您可以在块中设计网站上的所有内容,从页眉到页脚。 如果您导航到仪表板的外观部分并单击编辑器,您将被重定向到完整站点编辑器模式。

WordPress 5.9 中的站点编辑器选项

新的站点范围的块

在完整的站点编辑器模式下,您会找到主题块,这将允许您像拖放页面构建器一样自定义站点的外观和感觉。

站点编辑块

以下是 5.9 中引入的主题块列表:

  • 导航
  • 模板部分
  • 标题
  • 页脚
  • 后作者
  • 下一篇
  • 发表评论
  • 上一篇文章
  • 档案标题
  • 术语描述

添加站点范围的样式

站点编辑器的另一个有用功能是为您的主题创建将在您的站点中使用的新样式。 编辑任何帖子或页面时,单击屏幕右上角的样式图标按钮。

编辑主题样式

从这里,您可以编辑网站的排版和颜色。

完成后,您可以将对单个模板、模板部分或整个网站的更改保存为全局样式。

更改块样式

您还可以使用站点编辑器更改您网站上各个块的样式。

单击样式按钮,然后选择块。 您将看到可以编辑和自定义的块列表。

编辑块样式

这可以帮助您将不同的样式应用于您网站上的不同块。

新的导航块

WordPress 5.9 引入了一个名为导航块的新块。

导航菜单块

您可以在网站的任何位置添加此块。 添加块时,占位符将显示三个导航选项:

  • 选择基于块的菜单。
  • 创建一个包含所有页面的新菜单。
  • 从头开始。

假设您已经拥有经典风格的导航菜单。 在这种情况下,您可以使用此块添加它们,它会自动将菜单转换为基于块的导航菜单。

导航块的另一个新功能是将其放置在帖子上。 如果您想为长篇文章创建一个迷你导航栏,这很有用,因为您可以编辑菜单项和文章标题的链接。

3. WordPress 5.9 中的块编辑器改进

轻松移动部分

用户现在可以通过单击项目并上下拖动来移动工具栏上的 ListView 部分。

在块编辑器中移动项目

这有助于您轻松移动内容的不同部分并快速重新调整布局。

更好的社交图标和按钮

在 WordPress 的早期版本中,在使用社交图标和按钮时,很难访问父块和子块控件。

在 WordPress 5.9 版本中,子块可以使用父块的工具栏。

社交图标和按钮块

更好的标题控件

您现在可以从带有标题块的垂直下拉菜单中选择标题级别。 更多的排版、设计、边距和间距选项也可用于您的页眉。

标题块

块编辑器中的丰富 URL 预览

以前,您只能在将光标悬停在帖子编辑器中的链接上时才能看到 URL。 WordPress 5.9 现在为帖子编辑器中的链接获取并显示丰富的 URL 预览。

一个更好的画廊块

Gallery 块中的每个图像现在都可以像在 Image 块中一样被处理。

您可以将画廊中的每张图像设计为与下一张不同(例如,使用各种裁剪或双色调),或者通过单击使它们都相同。

画廊块

特色图片

特色图像块有两个新的设计工具。 第一个是图像尺寸工具,它允许您指定图片的高度和宽度。 此外,还有三种比例选择可用于将图像拟合到预先确定的块尺寸内:

  • 覆盖 -缩放和裁剪图像以填充空间而不会产生任何失真。
  • 包含 -缩放图像以填充空间而没有任何裁剪或扭曲。 此缩放选项可能会留下空白。
  • 填充 -拉伸和扭曲图像以填充空间。

特色图像的另一个新设计工具是边距和填充。 边距在前一个块和下一个块之间创建空间,而填充在特色图像周围创建一个空白区域。

特征图像块

4. 登录时的语言切换器

在登录屏幕上,您现在可以更改网站的语言。 您可以选择网站上安装的一种语言。

登录时选择语言

如果您只安装了一种语言,切换器将不会显示在登录屏幕上。

5. 改进延迟加载

在 WordPress 5.5 中,添加了图像的延迟加载,在 WordPress 5.7 中,添加了 iframe 的延迟加载。

Loading="lazy"会自动插入到页面上的图片和 iframe 标签中。

值得注意的是,将它包含在第一个图像或 iframe 元素中导致 LCP Core Web Vitals 得分增加了 7%。

在 WordPress 5.9 中,页面中的第一个图像或 iframe 不会延迟加载。

使用wp_omit_loading_attr_threshold过滤器更改不会延迟加载的媒体数量。

以下代码将延迟加载跳过的图像数量从 1 更改为 3。 function change_value_skip_lazyloading( $omit_threshold ) { return 3; } add_filter( 'wp_omit_loading_attr_threshold', 'change_value_skip_lazyloading' ); function change_value_skip_lazyloading( $omit_threshold ) { return 3; } add_filter( 'wp_omit_loading_attr_threshold', 'change_value_skip_lazyloading' );

6. 引擎盖下的变化

WordPress 5.9 将包含一系列新功能,供开发人员在他们的主题、插件和项目中探索和使用。

以下是其中一些幕后更改:

主题.json

Theme.json 是一个配置文件,用于控制 WordPress 5.8 中块主题的样式。

WordPress 5.9 在 theme.json 中支持子主题和双色调过滤器。

提高与 PHP 8.1 的兼容性

WordPress 5.9 的创建考虑了 PHP 8.1 的兼容性。 请在开始之前仔细检查您的主题或插件是否与 PHP 8.1 兼容。

新增功能

  • wp_enqueue_block_style
  • wp_get_post_revisions_url
  • wp_is_block_theme
  • wp_json_file_decode
  • wp_list_users

新添加的过滤器挂钩

  • default_wp_template_part_areas
  • default_template_types
  • display_login_language_dropdown
  • is_post_status_viewable
  • is_post_type_viewable
  • rss_widget_feed_link
  • wp_login_language_switcher_args
  • wp_omit_loading_attr_threshold

7. WordPress 5.9 错误修复

WordPress 核心贡献者不断修复以前版本中报告的错误。 他们解决了 100 个错误,其中一些如下所列:

  • 暗模式错误 WordPress 5.9 解决了使用暗模式时的小部件屏幕问题。 该错误导致文本在白色背景上显示为灰色,使其难以阅读。
  • 主题页面上的屏幕抖动-此错误可能在外观 -> 主题页面中找到。 如果将鼠标悬停在主题缩略图上,浏览器屏幕可能会抖动。
  • 消失的可重复使用的块——许多用户报告说可重复使用的块在 WordPress 5.7 之后消失了。 尽管这个错误有多种解决方案,但 WordPress 5.9 中包含了一个错误修复。

结论

WordPress 5.9 通过包含块编辑器、新的设计工具和 UX 改进来改善整体网站编辑体验。 新的默认主题对于新的 WordPress 用户来说也是一个很好的起点,因为它有多种模板和模式选择。

WordPress 5.9 还包括错误修复和新的兼容性工具和功能,以改进 Web 开发和设计。

我们希望这篇文章能让您了解 WordPress 5.9 的新功能。 您还可以在适合初学者创建博客的最佳博客平台上看到我们的文章。