WordPress 6.3:期待什么以及如何有效使用新功能

已发表: 2023-07-28

WordPress 6.3 是 WordPress 路线图第二阶段的第二个主要版本,它带来了许多令人兴奋的新功能和改进。

如果您是 WordPress 用户、开发人员或爱好者,您会想知道会发生什么以及如何有效地使用新功能。

在这里,我们将讨论 WordPress 6.3 中的新功能和变化,以及它将如何增强您的网站编辑体验。

据 W3Tech 称,71.9% 的 WordPress 网站使用最新版本 6。得益于其贡献者和用户的开源社区,WordPress 正在不断发展和改进。 让我们来探讨一下 WordPress 6.3 中有哪些新增功能?

目录

  • 一、WordPress 6.3 何时推出?
  • 二. WordPress 6.3 的新增功能
    • 块改进
    • 增强的导航
    • 命令工具
    • 减少编辑器中的干扰
  • 三. WordPress 开发者的重要变化
    • 图像加载方面的改进
    • 支持 HTML 5“async”和“defer”属性
    • 发展模式
  • 四. 包起来

WordPress 6.3 何时推出?

WordPress 6.3 RC1 Beta 版本已于 2023 年 7 月 19 日准备下载和测试。该版本尚未准备好在生产环境中安装和运行。 但您可以继续在测试服务器和站点上测试它。 最终版本可能于 2023 年 8 月 8 日发布。

WordPress 6.3 的新增功能

虽然尚未发布,但 Beta 版本让我们可以一睹 WordPress 6.3 的新增功能。 正如您可以想象的那样,WP 开发人员一直致力于增强与古腾堡相关的功能。

自 2018 年 11 月发布以来,Gutenberg 一直是几乎所有 WordPress 更新的中流砥柱。 这就是编辑们在此更新中试图利用的内容。

让我们来看看。

块改进

积木是古腾堡的核心。 当然,一旦 WordPress 6.3 发布,您会在块中看到一些显着的更改/更新。

您将在此版本中看到两个新块。 他们是:

1. 详细信息:这个新块带有标题和可折叠内容部分。您可以使用“详细信息”块以紧凑的方式呈现大量内容。 例如,您可以使用它来展示代码片段、剧透和产品规格。

wp 6.3 详细信息块

2.脚注:另一个添加是脚注块。您可以使用此块添加引用。 以下是如何使用它。

  • 选择您要引用的文本。
  • 单击块工具栏上的更多选项。
  • 选择脚注。
  • 您将在内容末尾自动看到弹出的块。 WordPress 6.3 中的脚注块

增强的导航

与任何其他主要 WP 更新一样,您将在站点编辑器中看到相当大的增强。 对于初学者,您将看到现有的导航侧边栏已扩展以方便使用。 开发人员试图通过关注以下因素来使编辑器更加用户友好和无缝。

1.导航:在这里,您将看到导航块上可用的链接。虽然您可以在此处重新排列甚至删除菜单项,但您可以添加新链接。

WordPress 6.3 中的导航

2. 样式:您可能已经使用“修订”功能来撤消对帖子和页面所做的更改。现在,站点编辑器的样式菜单中将提供相同的功能。

此功能可让您查看对主题样式所做的更改,并在需要时撤消它们。 就是这样:

  • 打开样式面板。
  • 选择您要编辑的样式或块。
  • 保存更改。
  • 单击修订按钮。
  • 然后选择修订历史记录。
  • 不同版本之间切换。
  • 单击应用按钮返回到以前的版本。

WordPress 中的样式菜单

WordPress 6.3 中的样式修订历史

WordPress 6.3 中的撤消样式修订

3.页面:通过此功能,您现在可以轻松地从编辑器导航菜单中选择“页面”。单击此菜单后,您可以看到最近编辑的页面。 换句话说,您可以快速恢复编辑。 使用 + 按钮添加新页面。 更重要的是,您可以立即在站点编辑器中对其进行编辑。

导航中的页面

4. 模板:该功能与当前WordPress版本中的功能相同。您可以在此处找到所有可用模板并编辑您想要的模板。 您还可以在此处创建新模板。

wp 6.3 中的模板

5. 模式: 6.3 版本将提供改进的模式管理方式。您可以在编辑器中看到所有这些。 当您单击此选项时,您将看到所有可用的模式,包括同步和未同步的模式。

您需要记住以下几点:

A。使用不同步模式

不同步的模式是独立的模式。 您可以随时添加它们。 您还可以在添加后进行更改。 由于它们是不同步的模式,这些更改不会影响您的原始模式。

b.使用不同步模式

另一方面,更改同步模式将影响您的原始模式。 它们本质上是可重用的块。 因此,所有可重复使用的块都会出现在这里。 现在,它们将被称为“同步模式”。

你能做什么?

  • 使用 + 按钮添加/创建新模式。
  • 使用“管理我的所有模式”选项来管理您的自定义模式。
  • 根据需要编辑您的定制图案和可重复使用的块。

wp 6.3 中的自定义模式

命令工具

WordPress 6.3 还将附带一个新的命令工具。 这是古腾堡的一个实验性指挥中心。 您可以使用此工具快速执行所需的操作。

您可以用它来:

  • 在模板之间导航。
  • 打开特定面板。
  • 创建新帖子或页面。

您可以在站点编辑器的顶部找到此工具。 或者,您可以使用CTRL+K键打开命令工具。打开后,您可以开始输入内容来搜索您想要的内容。

wp 6.3 中的命令

要获取可用命令的列表,您需要在浏览器控制台中运行 wp.data.select( wp.commands.store ).getCommands() 。

命令列表

减少编辑器中的干扰

如前所述,站点编辑器正在进行多项升级。 最好的升级之一包括无干扰模式。 以前它只能在页面和帖子编辑器中用于内容创建。

但现在,您也可以在站点编辑器中使用它。 打开后,此模式将隐藏所有侧面和顶部面板并禁用块工具栏。 反过来,这可以让您专注于内容创作。

也就是说,顶部工具栏也得到了升级。 您现在将在单个顶部面板中看到它,而不是占用更多空间。

wp 中的无干扰模式
WordPress 开发者的重要变化

WordPress 6.3 还为 WP 开发人员带来了一些变化和性能增强。 您可以看到此版本中的一些更改。 但是,您必须考虑以下几点。

图像加载方面的改进

这是 WordPress 6.3 版本中最重要的升级之一。 在此版本中,为图像分配值为"high"“fetchpriority”属性,以确定其是否为LCP(最大内容痛苦)图像。

您可能已经知道,LCP 是衡量网站在屏幕上向用户显示最大内容所需时间的指标。 “fetchpriority”属性甚至在计算布局的其余部分之前就优先加载 LCP 图像。 简而言之,图像加载速度会更快,这是页面速度优化的主要因素。

另一个重要的增强功能是使用“loading”属性自动处理图像的延迟加载。 它首次在 WordPress 5.5 中引入。 在 6.3 中,所有残留问题均已得到修复。 这将提高 WordPress 网站的整体性能。

在 WordPress 6.3 中,新函数“wp_get_loading_optimization_attributes()”控制“fetchpriority”“loading”属性。 现在,您可以同时使用:

  • “loading”的值为"lazy"
  • “fetchpriority”的值为"high"

支持 HTML 5 “async”“defer”属性

“async”“defer”都是 HTML 5 属性。 它们指示浏览器下载 JavaScript,而不暂停 HTML 解析。 但它们的工作方式不同。

具有“async”属性的脚本将在加载后立即异步执行。 脚本加载后,浏览器将暂停 HTML 解析。 另一方面,具有“defer”属性的脚本只有在 HTML 解析完成后才会加载。

那么,WordPress 6.3 发生了哪些变化?

您可以使用“wp_register_script()”“wp_enqueue_script()”函数的“$in_footer”布尔参数来注册具有“async”“defer”属性的脚本。 重载此参数后,它现在接受新的“$args”数组参数。 这允许您为脚本指定加载策略。 如果添加$in_footer布尔参数,它将把脚本放置在wp_footer函数中。

例如,如果你想异步加载脚本,而不阻塞 HTML 解析,你可以使用“async”属性:

您可以使用下面的函数来加载具有“async”属性的脚本。

 wp_注册脚本(
    '风俗',
    '/path/to/custom.js',
    大批(),
    '1.0.0',
    大批(
        '策略' => '异步',
    )
)
输出 <script async src= "~/custom.js" ></ script>

这告诉浏览器在后台下载脚本并在准备好后立即执行。 然而,这也意味着脚本可能会在 DOM 完全加载之前运行,或者与其他脚本乱序。

如果你想延迟加载一个脚本,既不阻塞 HTML 解析,又要确保它在 DOM 准备好后运行并与其他脚本按顺序运行,你可以使用“defer”属性:

您可以使用下面的函数来加载具有“defer”属性的脚本。

 wp_注册脚本(
'风俗',
'/path/to/custom.js',
大批(),
'1.0.0',
大批(
'in_footer' => 真,
'策略' => '推迟'',
)
)
输出
<脚本延迟 src="~/custom.js"></脚本>

这告诉浏览器在后台下载脚本并仅在 DOM 完全构建后执行。 这对于依赖 DOM 元素或其他脚本的脚本很有用。

通过这些更改,您现在可以防止脚本以意外的顺序加载。

发展模式

WordPress 6.3 附带了新的开发模式。 您可以使用新的WP_DEVELOPMENT_MODE常量来启用此模式。 该常数将采用以下值之一。

  • “core” ——表示核心开发。
  • “plugin” ——表示插件开发。
  • “theme” ——表示主题发展。
  • “all” ——表示所有三种类型的发展。

当您看到空字符串时,则表明该网站未用作开发环境。 您还可以在站点运行状况工具的信息面板中检查WP_DEVELOPMENT_MODE的当前值。

另一种选择是使用新的“wp_in_development_mode()”来检查您的网站是否处于开发模式。 并且由于“$mode”参数,您还可以检查开发模式的类型。 另外,请记住,这种开发模式可能会影响 WordPress 行为的一些低级方面。

可想而知,这种开发模式在生产环境中并没有什么用处。 仅在开发安装中使用它。

包起来

WordPress 在发布新更新方面始终保持一致。 WordPress 6.3 不会让人失望。 此更新可能于 2023 年 8 月发布,将使站点编辑器更加用户友好,并提高开发人员的性能。

但是,如果您想节省时间和麻烦,您始终可以信赖我们的白标 WordPress 开发解决方案。 我们可以帮助您创建令人惊叹的 WordPress 网站,这些网站快速、安全且针对 SEO 进行了优化。 保持联系!