WordPress 6.3:期待什么以及如何有效使用新功能
已发表: 2023-07-28WordPress 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. 详细信息:这个新块带有标题和可折叠内容部分。您可以使用“详细信息”块以紧凑的方式呈现大量内容。 例如,您可以使用它来展示代码片段、剧透和产品规格。
2.脚注:另一个添加是脚注块。您可以使用此块添加引用。 以下是如何使用它。
- 选择您要引用的文本。
- 单击块工具栏上的更多选项。
- 选择脚注。
- 您将在内容末尾自动看到弹出的块。
增强的导航
与任何其他主要 WP 更新一样,您将在站点编辑器中看到相当大的增强。 对于初学者,您将看到现有的导航侧边栏已扩展以方便使用。 开发人员试图通过关注以下因素来使编辑器更加用户友好和无缝。
1.导航:在这里,您将看到导航块上可用的链接。虽然您可以在此处重新排列甚至删除菜单项,但您可以添加新链接。
2. 样式:您可能已经使用“修订”功能来撤消对帖子和页面所做的更改。现在,站点编辑器的样式菜单中将提供相同的功能。
此功能可让您查看对主题样式所做的更改,并在需要时撤消它们。 就是这样:
- 打开样式面板。
- 选择您要编辑的样式或块。
- 保存更改。
- 单击修订按钮。
- 然后选择修订历史记录。
- 不同版本之间切换。
- 单击应用按钮返回到以前的版本。
3.页面:通过此功能,您现在可以轻松地从编辑器导航菜单中选择“页面”。单击此菜单后,您可以看到最近编辑的页面。 换句话说,您可以快速恢复编辑。 使用 + 按钮添加新页面。 更重要的是,您可以立即在站点编辑器中对其进行编辑。
4. 模板:该功能与当前WordPress版本中的功能相同。您可以在此处找到所有可用模板并编辑您想要的模板。 您还可以在此处创建新模板。
5. 模式: 6.3 版本将提供改进的模式管理方式。您可以在编辑器中看到所有这些。 当您单击此选项时,您将看到所有可用的模式,包括同步和未同步的模式。
您需要记住以下几点:
A。使用不同步模式
不同步的模式是独立的模式。 您可以随时添加它们。 您还可以在添加后进行更改。 由于它们是不同步的模式,这些更改不会影响您的原始模式。
b.使用不同步模式
另一方面,更改同步模式将影响您的原始模式。 它们本质上是可重用的块。 因此,所有可重复使用的块都会出现在这里。 现在,它们将被称为“同步模式”。
你能做什么?
- 使用 + 按钮添加/创建新模式。
- 使用“管理我的所有模式”选项来管理您的自定义模式。
- 根据需要编辑您的定制图案和可重复使用的块。
命令工具
WordPress 6.3 还将附带一个新的命令工具。 这是古腾堡的一个实验性指挥中心。 您可以使用此工具快速执行所需的操作。
您可以用它来:
- 在模板之间导航。
- 打开特定面板。
- 创建新帖子或页面。
您可以在站点编辑器的顶部找到此工具。 或者,您可以使用CTRL+K键打开命令工具。打开后,您可以开始输入内容来搜索您想要的内容。
要获取可用命令的列表,您需要在浏览器控制台中运行 wp.data.select( wp.commands.store ).getCommands() 。
减少编辑器中的干扰
如前所述,站点编辑器正在进行多项升级。 最好的升级之一包括无干扰模式。 以前它只能在页面和帖子编辑器中用于内容创建。
但现在,您也可以在站点编辑器中使用它。 打开后,此模式将隐藏所有侧面和顶部面板并禁用块工具栏。 反过来,这可以让您专注于内容创作。
也就是说,顶部工具栏也得到了升级。 您现在将在单个顶部面板中看到它,而不是占用更多空间。
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 进行了优化。 保持联系!