WordPress 6.5 中的新功能(功能和屏幕截图)
WordPress 6.5 来了!这是 2024 年的第一次重大更新,也是一次特别令人兴奋的更新。
它包含新功能、大量错误修复和改进,将使您的网站管理和内容创建变得更好。
我们将通过屏幕截图和详细信息引导您了解 WordPress 6.5 的一些主要亮点,以便您学习如何使用这些新功能。

重要:在进行更新之前,不要忘记创建一个完整的 WordPress 备份。
现在,让我们看看更新后您将在 WordPress 6.5 中找到什么。以下是我们将探讨的主要功能的快速列表:
- 字体库简介
- 插件依赖项
- 块编辑器改进
- 将块连接到自定义字段
- Cover Block 的智能叠加
- 投影效果
- 列表视图中的块设置
- 在列表视图中重命名块
- 改进的链接控件添加了 NoFollow 复选框
- 刷新的 Preferences 面板
- 站点编辑器更改
- 新数据视图
- 改进的样式修订
- 新的交互性 API
- WordPress 6.5 中的引擎盖下变化
字体库简介
字体库终于在 WordPress 6.5 版本中正式亮相。它允许用户在 WordPress 编辑器中管理、安装和使用字体。
可以通过启动 Site Editor (Appearance » Editor) 并切换到 ‘Styles’ 面板来管理字体库。之后,单击“排版”,您将看到您的 WordPress 主题当前可用的字体。

接下来,您可以单击“管理字体”按钮在弹出窗口中打开库。
从这里,您可以从计算机上传字体或切换到“安装字体”选项卡并连接到 Google 字体库。

只需单击“允许访问 Google 字体”按钮,您就可以浏览可供安装的字体。
您可以选择任何字体,安装后,它将直接从您的网站(而不是从 Google 服务器)下载和提供。

使用新的字体库功能,您无需安装排版插件即可在您的网站上使用自定义字体。
插件依赖项
你有没有安装过 WordPress 插件,挣扎了一段时间,发现它需要另一个插件才能工作?
WordPress 6.5 为最终用户和插件开发人员修复了该问题。
开发人员现在可以在插件标头中添加“需要插件”条目,并提及需要安装和激活的其他插件才能使其插件正常工作。
现在,当用户安装依赖于其他插件的插件时,当他们尝试激活它时(安装后),他们将看到一个错误。

在 Plugins 页面上,用户还可以查看需要哪些插件。
然后,用户需要安装并激活这些插件。

激活所有必需的插件后,用户可以激活需要它们的主插件。
目前,此功能只能安装托管在 WordPress.org 上的插件。这意味着托管在其他地方的第三方或高级插件无法使用此功能来管理依赖项。
块编辑器改进
块编辑器是默认的 WordPress 编辑器。这是您创建内容和编辑页面的地方。
每个 WordPress 版本都有许多改进,并且编辑器中添加了新功能。
显然,6.5 也不例外,您可能需要注意其中的一些功能,因为它们可以为您节省大量时间。
将块连接到自定义字段
WordPress 中的自定义字段允许您向 WordPress 帖子和页面添加自定义元数据。有关更多详细信息,请参阅我们关于自定义字段的术语表条目。
它们已经存在了很长时间,开发人员和高级 WordPress 用户以许多不同的方式使用它们。
WordPress 6.5 引入了一个新的区块绑定 API,它允许用户使用自定义字段和其他动态数据作为单个区块的属性。
这也将允许开发人员以编程方式在标准核心块内显示动态数据。以下是 Make WordPress Core 上 Block Binding API 的详细概述。
对于那些喜欢冒险的人来说,这里有一种快速的尝试方法。
只需编辑 WordPress 帖子并添加以下两个自定义字段:
- 心情
- 天气
您可以在下面看到它应该是什么样子。

之后,在 Block Editor 设置中,切换到 code editor 视图。
您可以通过单击屏幕右上角的三点菜单并选择“代码编辑器”来执行此操作。

接下来,在内容区域中,您需要将以下代码添加到文本字段,例如 Paragraph 块:
1
2
3
4
5
6
7
|
<!-- wp:paragraph { "metadata" :{ "bindings" :{ "content" :{ "source" : "core/post-meta" , "args" :{ "key" : "mood" }}}}} --> <p></p> <!-- /wp:paragraph --> <!-- wp:paragraph { "metadata" :{ "bindings" :{ "content" :{ "source" : "core/post-meta" , "args" :{ "key" : "weather" }}}}} --> <p></p> <!-- /wp:paragraph --> |
您现在可以保存更改并预览您的文章和页面。
在这里,您将能够看到块代码中显示的元键值。

Cover Block 的智能叠加
Cover 块包括 WordPress 6.5 中一个很酷的增强功能。现在,它将根据您用于块的图像或颜色自动选择叠加封面。
然后,您可以轻松调整叠加不透明度以匹配您的设计。

投影效果
投影效果允许您提供深度错觉,并使布局中的某些元素看起来更突出。
WordPress 6.5 为 Image、Column(s) 和 Buttons 块添加了投影效果。此外,您可以从几种不同的投影样式中进行选择,以更好地匹配您的设计。

列表视图中的块设置
块编辑器中的列表视图为您提供内容布局的鸟瞰图。它对于冗长的文章、登录页面和复杂的页面布局特别方便。
以前,您必须单击项目旁边的三点菜单才能在列表视图中查看其设置。在 WordPress 6.5 中,您现在可以右键单击以访问阻止设置。

在列表视图中重命名块
WordPress 6.5 还允许您在列表视图中重命名任何块。这有助于您更好地组织和理解内容的布局。

改进的链接控件添加了 NoFollow 复选框
链接控制(插入链接弹出窗口)在 WordPress 6.5 中进行了重大更改,使其更加用户友好。
首先,它将用不同的图标突出显示您的博客和首页。

其次,添加链接后,单击它将向您显示更好的上下文菜单。
从这里,您可以查看链接的去向、编辑链接、取消链接或通过单击复制它。

继续并单击编辑链接按钮,然后单击以展开 高级 菜单。
现在,您终于可以选择在 WordPress 中开箱即用地制作链接 nofollow。

但是,您会注意到在新窗口中打开链接或将其设为 nofollow 需要多次单击。
为了简化此操作,我们建议使用 WordPress 的 All in One SEO。它立即显示自定义链接控制面板中的所有选项。

刷新的 Preferences 面板
WordPress 6.5 在块编辑器中提供了更新的 Preferences (首选项) 面板。
只需单击屏幕右上角的三点菜单,然后选择“首选项”。
该面板现在包括 Appearance (外观) 和 Accessibility (辅助功能) 部分,以及之前部分的改进分类。

站点编辑器更改
完整站点编辑器是用户可以更改其站点的地方,这与以前的主题定制器非常相似。
上下文:站点编辑器仅在具有完整站点编辑器支持的块主题中可用。不支持站点编辑器的旧主题现在称为经典主题。
WordPress 6.5 对站点编辑器进行了多项改进。让我们看看一些更重要的变化。
新数据视图
WordPress 6.5 提供了一种在站点编辑器中查看页面、块模式和模板的更好方式。
您可以在具有大预览的网格视图中查看项目,并按不同的顺序对它们进行排序。

您还可以在表视图中查看项目。
例如,您可以在不离开 Site Editor 界面的情况下查看页面列表并开始编辑。

改进的样式修订
WordPress 6.3 中引入了样式修订,允许用户轻松跟踪和撤消对其网站的样式更改,就像发布修订一样。
但是,样式修订仅显示时间轴,您必须浏览它才能查看应用了哪些更改。
WordPress 6.5 带来了更好的样式修订版,它向您显示对每个修订版所做的更改的描述。

不同版本之间的浏览也变得更加流畅。您可以通过单击 ‘Apply’ 按钮轻松切换到修订版。
此外,您还将看到已做出但尚未保存的更改。

新的交互性 API
WordPress 6.5 附带了交互性 API,它为开发人员提供了一个框架,用于创建不需要完整重新加载页面的现代前端界面。
想想在你最喜欢的博客上阅读评论,当你写自己的回复时,一条新评论就会弹出来。或者想象一个不会减慢您网站速度的实时搜索功能。
该项目背后的团队制作了一个演示网站来展示 Interactivity API 的功能。

希望在未来几天内,您会看到一些 WordPress 插件利用 API 创建一些很酷的东西。
WordPress 6.5 中的引擎盖下变化
此版本还附带了大量幕后更改,以提高性能、修复错误并为开发人员提供更多选择。
以下是其中的一些变化。
- 性能改进:块编辑器和站点编辑器的加载速度将比 WordPress 6.4 快两倍,输入时间将快四倍。(详情)
- 引入了一个改进的库,以更快地加载翻译。(详情)
- Classic 主题现在可以添加对外观工具的支持。(详情)
- Block API 现在可以识别 block.json 元数据中的 viewScriptModule 字段。(详情)
- WordPress 6.5 更新了 Block Hooks,使其更广泛地有用,并包含了一些经常请求的新功能。(详情)
- 对 HTML API 进行了重大更新,包括标签处理器,它现在可以扫描 HTML 文档中的每个令牌。它现在比 WordPress 6.4 支持更多的 HTML 规范。(详情 )
我们希望本文能帮助您探索 WordPress 6.5 中的新功能。当您探索 WordPress 网站的不同区域时,您可能还希望优化网站速度和性能,或查看基本的 WordPress 安全设置以确保您的网站安全。
原创文章,作者:网贝WebBay,如若转载,请注明出处:https://www.webbay.cn/whats-new-in-wordpress-6-5