分类： 技术教程

• WooCommerce Blocks 9.4.0 添加了对本地取件的支持

  WooCommerce Blocks 版本 9.4.0已发布，支持发货设置下新的块驱动的本地取件选项。该功能插件使用户可以在 WooCommerce 核心中可用之前尽早访问新块和对现有块的改进。

  本地取件（Local Pickups）引入了两个新块：一个运输方式切换块，允许购物者在常规运输或从指定位置取货之间进行选择，以及一个显示本地取货率的取货位置块。

  

  这些块都可以通过新的本地取件设置页面启用和配置。店主甚至可以将 Local pickup 重命名为其他名称，并可选择为此选项添加价格。

  

  请务必注意，新的本地取件块只能与结账块一起使用。WooCommerce Blocks 还通过这种新的本地取件体验引入了一项更改，该体验将支持基于取件地址的基于位置的税收，从而改进税务报告。以前，WooCommerce 根据商店地址收取当地提货税。

  WooCommerce Blocks 9.4.0 包括一些其他小的增强功能和错误修复。查看发布帖子，更详细地了解最新版本插件中的所有新功能。

  声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。

  2023年3月17日

• Gutenberg 15.0 引入了“置顶”位置块支持，添加了“粘贴样式”选项

  Gutenberg 15.0 包含一些令人兴奋的新功能，用于处理块和改进的 UI，用于管理检查器面板中的控件。此版本标志着块检查器选项卡实验的结束，现在已在插件中稳定下来。

  用户会注意到，某些块现在在检查器中有单独的选项卡，用于显示设置和设计控件，以及可选的列表视图选项卡，该选项卡包含在“画布导航编辑器”实验中。将块检查器选项卡从实验中移除，为导航块的非画布编辑器成为默认体验铺平了道路。

  

  15.0 版引入了一种新的“粘贴样式”功能，其工作方式类似于 Microsoft Word 或 Google Docs 中的“粘贴”或“绘制”格式设置功能。用户可以单击任何块，从块设置面板的菜单中选择“复制块”，然后使用“粘贴样式”菜单项将这些样式粘贴到另一个块上。

  

  使用此功能时，用户可能必须授予浏览器额外的权限才能从剪贴板中读取。如果权限被拒绝，Gutenberg 将显示一个警告信息栏来通知用户。

  Gutenberg 贡献者得出结论，虽然粘性定位对于页眉、页脚和创意实例很有价值，但不太可能经常使用。因此，它在 UI 中不再强调。这是置顶定位功能的第一次迭代，贡献者正在跟踪一系列后续任务以改进它。

  此版本中的其他一些重要更改包括：

  • 从全局样式编辑块样式变体 ( 46343 )
  • 将图像大小限制为容器的宽度 ( 45775 )
  • 允许调整站点编辑器的边栏和框架 ( 46903 )
  • 在站点编辑器中激活复制/剪切快捷方式 ( 45752 )

  如果您想在这些新功能进入 WordPress 核心之前利用它们，您需要安装Gutenberg 插件。查看15.0 发布帖子，通过更多视频和指向该版本所有拉取请求的链接直观地探索亮点。

  声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。

  2023年3月17日

• WordPress 6.2（测试版）的新功能和改进

  WordPress 6.2 BETA现已发布，就像每次我们决定在正式发布之前测试新功能一样。

  WordPress 6.2 将是 2023 年的第一个重大更新，并定于2023年3月28日正式发布。

  由于这是 WordPress 6.2 的测试版，我们将要讨论的一些功能和改进可能不会出现在最终版本中。

  如果您想尝试 WordPress 6.2 BETA 中包含的功能和改进，那么您可以通过安装WordPress Beta Tester 插件来实现。

  我们不建议在实时/生产站点上安装此插件。因此，最好的选择是在本地站点上使用它。

  好了，开始简要介绍了 WordPress 6.2 BETA 中包含的新功能。

  文章目录

  删除了站点编辑器的 Beta 标签

  WordPress 5.9中引入了完整的站点编辑功能，标志着块主题站点编辑器的发布。

  正是这个站点编辑器允许您创建模板和自定义主题/设计。

  总而言之，站点编辑器取代了块主题中的定制器。

  请记住这一点，如果您一直在使用站点编辑器，那么您一定已经注意到它前面的 Beta 标签位于您的 WordPress 编辑器的外观下。

  

  这个标签将从 WordPress 6.2 之后的站点编辑器中移除。

  

  WordPress 6.2 BETA 中站点编辑器的改进

  在 WordPress 6.2 BETA 中，您会看到网站编辑器发生了不少变化。

  在本节中，我们将讨论一些

  浏览模式

  在 WordPress 6.2 之后，您将在站点编辑器中遇到的第一个变化是浏览模式。

  到目前为止，当您打开站点编辑器时，它会立即允许您编辑模板。

  换句话说，您在开始时没有选择要编辑的模板或模板部分的选项。

  

  这在 WordPress 6.2 BETA 中有所更改，现在当您打开站点编辑器时，它会在侧边栏中显示选项以选择要编辑的模板、模板部分或导航。

  

  选择后，您必须单击顶部的“编辑”按钮，它将带您进入编辑器。

  模板和模板部分向下钻取

  当我们讨论选择模板和模板部件时，当您单击这些选项中的任何一个时，它会显示所有项目。

  • WordPress 6.2 测试版中的模板

  

  • WordPress 6.2 BETA 中的模板部分

  

  在我们继续之前，重要的是要知道您也可以在此处找到添加和管理的选项。

  

  添加时，您可以选择一个区域（模板部分）或选择一个模板。

  并且在管理的时候，它会带你到和以前一样的界面。

  预览模板和模板部件

  如果您一直在使用站点编辑器，那么您一定熟悉这样一个事实，即目前还没有可用于预览模板或模板部件的选项。

  这在 WordPress 6.2 BETA 中有所改变，现在当您在新的浏览模式中选择模板或模板部分时，它会向您显示其预览。

  • WordPress 6.2 BETA 中的模板预览

  

  • WordPress 6.2 BETA 中的模板部件预览

  

  如上所述，要进行更改，您只需单击“编辑”。

  WordPress 6.2 BETA 中的样式书

  您将在站点编辑器中遇到的改进是称为样式书的新功能。

  顾名思义，借助此用户可以预览、选择和更改样式

  • 区块
  • 图片
  • 小工具

  和更多。

  要在 WordPress 6.2 BETA 中查看样式书，您必须访问站点编辑器中的样式设置，然后单击眼睛或样式书图标。

  

  单击此图标将打开样式书，您可以在此处浏览类别、选择和进行更改。

  

  了解样式书显示可以调整大小很重要。

  您所做的更改是在全球范围内进行的。

  自定义 CSS

  当我们讨论样式主题时，您必须熟悉这样一个事实，即经典主题带有附加 CSS 选项，您可以在其中添加自定义 CSS。

  

  站点编辑器中缺少此选项，现在已包含在 WordPress 6.2 BETA 中。

  要查看此改进，您必须单击样式书图标旁边的省略号菜单，它会显示附加 CSS 选项。

  • 在 WordPress 6.2 测试版之前

  

  • WordPress 6.2 测试版之后

  

  单击 Additional CSS 后，它将显示您可以在站点编辑器中添加自定义 CSS 的空间。

  

  添加完 CSS 后，请确保保存更改。

  附加块 CSS

  WordPress 6.2 BETA 中的块样式设置中添加了一个非常相似的选项，称为附加块 CSS。

  要查看此选项，您必须在站点编辑器样式设置中单击块，然后选择要在其中添加自定义 CSS 的块。

  在这里，您会在底部找到此选项。

  • 在 WordPress 6.2 测试版之前

  

  • WordPress 6.2 测试版之后

  

  单击附加块 CSS 时，它会显示在块中添加自定义 CSS 的选项。

  

  添加完 CSS 后，请确保保存更改。

  请注意 – 上面的 CSS 结构不正确，因为它缺少选择器。

  但是，代码运行完美，因为它仅用于段落块，WordPress 会为您处理。

  全局应用

  在我们继续之前，重要的是要知道您在站点编辑器中使用块时会遇到一个新选项“全局应用”。

  您将在块设置的“高级”选项卡下找到此选项。

  • 在 WordPress 6.2 测试版之前

  

  • WordPress 6.2 测试版之后

  

  单击“全局应用”后，它会将此块的样式设置应用到整个站点。

  模板部件和可重复使用块的颜色代码

  模板部件和可重复使用的块是使用一个或多个块构建的，这些可以在不同的页面/帖子/模板上再次使用。

  为了轻松地将它们与其他块区分开来，分配了一个新的颜色代码，该代码将在列表视图、块工具栏和画布中可见。

  • 列表显示

  

  • 块工具栏

  

  • 画布

  

  重要的是要知道，当您将指针悬停在模板部件和可重复使用的块上时，此颜色代码是可见的。

  WordPress 6.2 测试版中的导航

  在对模板部分和可重用块进行着色后，我们要讨论的下一个变化是导航块

  用户界面的改进

  您将在导航块中遇到的第一个变化是其界面。

  直到现在，当您过去添加此块时，它以选择菜单或开始空白或具有默认页面列表块的选项开始。

  

  要选择/添加/管理菜单，该选项作为下拉菜单位于导航块侧栏上。

  

  这在 WordPress 6.2 BETA 中已更改，现在当您添加导航块时，它开始为空。

  

  选择/添加/管理菜单的选项位于侧边栏中，为此您必须单击省略号菜单。

  

  基于列表的编辑

  现在，当涉及到添加菜单项和管理它们时，您所要做的就是单击菜单上的 + 图标

  • 导航块占位符

  

  • 导航块侧边栏

  

  • 在浏览模式下导航

  

  继续重新排列菜单项，您所要做的就是将项目拖放到侧边栏或浏览模式中。

  

  就管理菜单项而言，您需要将指针悬停在菜单项上，它会显示省略号菜单。

  侧边栏中的省略号菜单将包含用于删除和添加子菜单项的选项。

  

  在浏览模式下，它会显示您在块的省略号菜单中找到的选项。

  

  WordPress 6.2 BETA 中的样板

  如果您阅读了我们关于WordPress 6.1 BETA和WordPress 6.0 BETA的文章，那么您一定熟悉这样一个事实，即样板（Patterns）是一项定期接收更新的功能。

  延续这一趋势，在 WordPress 6.2 BETA 中，模式得到了一些改进。

  块插入器中的更新界面

  如果您一直在 WordPress 中使用样板，那么您一定会注意到顶部有一个包含所有类别的下拉菜单。

  

  您可以选择任何类别，它会向您显示相关的样板。

  该界面已经过改进，您现在首先看到的是样板类别。

  

  单击其中任何一个，它将在新的扩展窗格中显示所有样板。

  

  从这里您可以根据需要拖放和自定义样板。

  在我们继续之前，重要的是要知道 Explore all patterns 或只是 Explore 按钮已移至 WordPress 6.2 BETA 的底部。

  • 在 WordPress 6.2 测试版之前

  

  • WordPress 6.2 测试版之后

  

  更多分类

  当我们讨论样板类别的主题时，一个名为 Banner 的新类别已添加到列表中。

  

  WordPress 6.2 测试版中的媒体

  从 Patterns 继续，一个名为 Media 的新选项卡已添加到块插入器中。

  单击此按钮后，它将显示 2 个选项

  • 图片
  • Openverse

  

  在本节中，我们将简要介绍这些选项。

  图片

  在构建网站或创建页面或帖子时，图像起着至关重要的作用。

  您可以轻松地在 WordPress 媒体库中上传图像，然后使用图像或任何媒体块添加到页面或帖子。

  直到现在，还没有可用的选项来使用块插入器从媒体库添加图像。

  

  这在 WordPress 6.2 BETA 中已经改变。

  现在，当您在块插入器中单击“媒体”下的“图像”时，它将在新窗格中显示您在 WordPress 媒体库中上传的所有图像。

  

  您可以在此处使用顶部的搜索框搜索图像。

  

  一旦找到，您只需将图像拖放到画布上即可。

  重要的是要知道您将无法将这些图像拖放到媒体块上。

  例如，如果您想使用此功能将图像添加到封面块，那么到目前为止这是不可能的。

  记住这一点，如果你想从块插入器打开媒体库，那么这样做的选项就在最底部。

  

  总而言之，这是一个可喜的变化，并将改进工作流程。

  集成 Openverse

  在我们进一步了解 WordPress 6.2 BETA 中的 Openverse 集成之前，让我们先了解它到底是什么。

  Openverse 是一个开源搜索引擎，用于作为 WordPress 项目的一部分开发的公开许可媒体。

  它拥有一个包含超过 6 亿个创意的庞大库，其中包括库存照片、图像和音频。

  最好的部分是所有这些都是免费使用的。

  请牢记这一点，在 WordPress 6.2 BETA 中，Openverse 已添加到块插入器中。

  您会在“媒体”选项卡下找到它。

  

  单击 Openverse 时，它​​将在新窗格中显示所有图像，您可以将它们拖放到画布上。

  

  重要的是要知道您将无法在媒体库中找到这些图像，因为它们是从 URL 插入的。

  

  除此之外，为了让您更轻松，顶部有一个搜索框，您可以使用它来搜索 Openverse。

  

  块编辑器中的无干扰模式

  如果您一直在使用 WordPress 块编辑器在 WordPress 中创建页面和帖子，那么您一定熟悉这样一个事实，即您可以选择不同的模式。

  你会在右上角的块编辑器省略号菜单中找到这些。

  

  你可以看到，直到现在 WordPress 编辑器

  • 聚光灯模式
  • 全屏模式

  在 WordPress 6.2 BETA 中，一种称为 Distraction Free 的新模式已添加到此列表中。

  

  在选择这种模式时，它

  • 隐藏顶部工具栏，它只出现在悬停时。
  • 删除一些顶部工具栏按钮
  • 关闭任何侧边栏
  • 隐藏块工具栏

  

  WordPress 6.2 BETA 中的拆分块工具

  从无干扰模式继续，我们要讨论的下一个变化是将块工具拆分为设置和样式。

  到现在用区块的时候，所有的设置都在侧边栏，基本没有分类。

  

  这在 WordPress 6.2 BETA 中有所更改，在某些块中，您会发现它在侧边栏中拆分并归类为设置和样式。

  

  设置将包含块的一般设置，在样式下，您将找到更改/设置颜色、排版等的选项。

  从经典主题导入小工具

  在浏览网页时，您一定遇到过带有侧边栏的网站。

  在经典主题中，这些区域被称为小工具区域，这些区域是使用块构建的，直到您在 WordPress 中禁用块小工具。

  

  重要的是要知道，直到现在还没有办法在从经典迁移时导入小工具到区块主题。

  然而，这在 WordPress 6.2 BETA 中有所改变，现在您可以在站点编辑器中添加一个新的模板部件，在块设置的高级下，您将找到导入小工具区域的选项。

  

  在这里，您必须从下拉列表中选择小工具区域，然后单击导入。

  

  单击“导入”后，它将在 WordPress 6.2 BETA 的站点编辑器中将其作为模板部分导入。

  

  正如您在上面的屏幕截图中看到的，成功导入后，可以在模板部件下的浏览模式中找到这些部件。

  WordPress 6.2 发布时间表

  • 2023 年 2 月 7 日- Beta 1
  • 2023 年 2 月 14 日- Beta 2
  • 2023 年 2 月 21 日- Beta 3
  • 2023 年 2 月 28 日- Beta 4
  • 2023 年 3 月 7 日 – 候选版本 1
  • 2023 年 3 月 14 日 – 候选版本 2
  • 2023 年 3 月 21 日-发布候选版本 3
  • 2023 年 3 月 27 日-试运行
  • 2023 年 3 月 28 日-稳定的 WordPress 6.2

  从 6.1 更新到 WordPress 6.2

  现在您已经熟悉了 WordPress 6.2 BETA，我们接下来要讨论的主题是如何轻松更新到 WordPress 6.2。

  第一步是对您的 WordPress 网站进行完整备份，您可以使用BackupBuddy或UpdraftPlus这类备份插件。

  完成备份后，下一步是单击 WordPress 管理侧栏中仪表板下的更新。

  它将显示 WordPress 6.2 更新是否可用于安装。

  如果是，那么您需要单击更新到 WordPress 6.2，它将下载并安装。

  此过程可能需要几分钟时间。

  就是这样，您已成功将您的网站更新到最新版本的 WordPress。

  好了，希望本文对您有所帮助，并且您现在已经熟悉了WordPress 6.2（测试版）中的新功能。

  声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。

  2023年3月17日

• Gutenberg 15.1 添加了 Openverse 集成，新增区块自定义CSS

  Gutenberg 15.1于本周发布，在“媒体”选项卡中集成了 Openverse，新增基于每个区块的自定义CSS等。

  文章目录

  在“媒体”选项卡中集成了 Openverse

  开放许可和公共领域作品的 Openverse 资源库也已通过更新的设计移至其自己的网站。它包含超过 6 亿个免费使用的图像和音频文件，现在可以在 WordPress 的编辑器中使用：

  

  单击 Openverse 图像将立即将其作为图像块插入，并自动将适当的属性和许可添加到标题中。这种体验比从 Openverse 网站下载然后上传到媒体库要快得多。

  

  在每个块的基础上添加自定义 CSS

  15.1 的另一个主要亮点是能够在每个块的基础上添加自定义 CSS。这可以通过站点编辑器中的全局样式菜单来完成。对于每个块，您可以添加自己的 CSS 以自定义块外观，方法是滚动到面板底部的“附加块 CSS”按钮。这些 CSS 编辑将应用于网站上块的所有实例。

  

  引入了对全局样式中阴影预设的支持

  Gutenberg 15.1 还引入了对全局样式中阴影预设的支持，有四种默认值（Natural、Crisp、Sharp 和 Softy），主题作者可以通过“theme.json”添加自定义预设。公告帖子包含一个演示新 UI 的视频：

  导航已添加到站点编辑器中的浏览模式侧栏

  在 15.1 中，导航已添加到站点编辑器中的浏览模式侧栏，因此用户可以快速访问他们的菜单和菜单项，通过拖放重新排列它们，或导航链接。

  此版本对版本 15.0中引入的“粘贴样式”功能进行了一些更改。块工具栏中的选项菜单现在显示“复制样式”和“粘贴样式”，以便更容易理解如何使用该功能，因为以前只有“复制样式”选项可用时不清楚。

  

  改进了站点编辑器加载状态

  Gutenberg 15.2改进了站点编辑器加载状态以实现更好的初始化。这是使站点编辑器准备好退出 Beta 的重要更新。它不是一个完整的解决方案，但通过以下更改使其更加完善，如 Riad Benguella 在 PR 中概述的那样：

  • 可以在具有“就绪”状态的组件中使用的 CanvasSpinner。因此，当这些组件未准备好时，将呈现微调器，而不是呈现空白页面。
  • 确保 iframe 默认具有“白色”背景，以避免在初始化期间切换太多背景颜色。

  这些只是其中的几个亮点。查看15.1 发布帖子，了解增强功能、错误修复、性能改进和工具更改的完整列表。

  声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。

  2023年3月17日

• Gutenberg 15.2 引入了模板编辑的修订

  Gutenberg 15.2 对模板编辑体验进行了经常要求的改进，让用户可以通过更高效、更直观的控件享受更好的编辑体验。可访问性改进和对块的额外控制支持也是值得注意的补充。

  编辑模板和模板部分时支持修订

  Gutenberg 15.2现在可以在编辑模板和模板部分时支持修订。如果您不熟悉站点编辑器，那么站点编辑器可能是一个令人生畏的地方。几次点击就会产生巨大的影响，一些用户将不知道如何返回到他们开始的地方。显示修订面板为用户提供了一个安全网。

  

  修订面板与内容编辑器的工作方式相同，因此它还没有提供用户添加、删除和更改的可视化表示。如果用户能够阅读块标记，则他们可以恢复模板的以前版本。

  对站点编辑器的导航进行了改进

  Gutenberg 15.2 还对站点编辑器的导航进行了改进。现在，只需在站点编辑器侧边栏中单击几下，就可以更轻松地深入到要编辑的确切模板，全局保存对导航、模板和模板部分的编辑，并更轻松地返回到仪表板。这些更改在发布帖子中发布的 GIF 中得到了最好的说明；

  

  此版本中的其他亮点包括：

  • 新增内容：发布特色图片块的 CSS 长宽比控制
  • Button 块中的新功能：支持边框颜色、样式和宽度
  • 辅助功能改进：改进标签、优化选项卡和箭头键导航，并确保标题的正确层次结构
  • Post Excerpt 块中的新功能：用于控制摘录长度的 UI
  • 最新评论块：添加排版支持

  查看15.2 发布帖子中的更改和错误修复的完整列表。此版本的 Gutenberg 将不会包含在即将发布的 WordPress 6.2 版本中。如果您等不及 6.3，现在可以通过安装Gutenberg 插件来获得这些功能。

  声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。

  2023年3月17日

• WordPress 6.2 引入 search_columns 参数来控制在搜索查询中搜索哪些字段

  以前，WP_Query::parse_query()方法的s参数搜索post_title, post_excerpt, 和post_content字段，除了使用posts_search过滤器和手动调整 SQL外，无法控制这一点。

  WordPress 6.2 添加了使用search_columns参数指定在执行查询时搜索哪些字段的功能。

  目前，只允许使用默认的 post_title, post_excerpt 和 post_content 列，但它可能会在 WordPress 的后续版本中得到扩展。

  search_columns 参数的默认值为：array( 'post_title', 'post_excerpt', 'post_content' )。

  下面的示例将搜索在其摘要（post_excerp列）中包含 foo 的帖子，排除post_title和post_content列。

   'foo',
          'post_type'      => 'post',
          'search_columns' => array( 'post_excerpt' ),
      )
  );

  要了解更多信息，请查看这里。

  声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。

  2023年3月17日

• WordPress 6.2 引入 HTML API 修改HTML标签和属性

  WordPress 6.2 引入了WP_HTML_Tag_Processor –一个供块作者在PHP中调整块标记中的HTML 标签属性的工具。它是新 HTML 处理API中的第一个组件。

  在 WordPress 中更新 HTML 一直需要使用不舒服的工具。正则表达式很困难并且容易出现各种错误。DOMDocument占用大量资源，无法正确处理现代 HTML，并且在许多托管平台上不可用。

  WP_HTML_Tag_Processor（标签处理器）迈出了弥合这一差距的第一步。

  标签处理器可以可靠地更新 HTML 属性

  标签处理器找到特定的标签并可以更改其属性。下面是在 HTML 块中的第一个img标签上设置alt属性的示例。

  $html = '';
   
  $p = new WP_HTML_Tag_Processor( $html );
   
  if ( $p->next_tag() ) {
      $p->set_attribute( 'alt', 'Husky in the snow' );
  }
   
  echo $p->get_updated_html();
   
  // Output:
  // 

  该next_tag()方法移动到 HTML 中的下一个可用标签，但也接受标签名称、CSS类或两者以查找特定标签。根据 HTML 规范，标签和属性名称的查找不区分大小写，但 CSS 类名称区分。

  if ( $p->next_tag( array( 'tag_name' => 'DIV', 'class_name' => 'block-GROUP' ) ) ) {
      $p->remove_class( 'block-group' );
      $p->add_class( 'wp-block-group' );
  }

  默认情况下操作是安全的：

  • 删除一个属性而不首先检查它是否存在，
  • 添加一个可能已经存在的 CSS 类，
  • 设置一个属性值而不确保它不会复制现有的值。

  您不再需要担心您的代码会将</code>, 和属性值中的内容，甚至是 HTML 注释中的内容误认为是真正的标签。</p> <p>标签处理器符合 HTML5 规范，因此您不必这样做。它会在必要时自动转义和解码值，并且知道如何处理格式错误的标签。</p> <pre class="wp-block-code"><code>$ugly_html = <<<HTML <textarea title='<div> elements are semantically void'> <div><!--<div attr-->="</div>"></div>">

  HTML; $p = new WP_HTML_Tag_Processor( $ugly_html ); if ( $p->next_tag( 'div' ) ) { $p->add_class( 'bold' ); } echo $p->get_updated_html(); // Output: // // <div><!--<div attr-->="</div>"></div>"> // //

  标签处理器的运行速度足以在关键的热代码路径中运行，并且几乎不会产生内存开销。在 WordPress 6.2 中，它取代了依赖正则表达式和字符串搜索来执行类似更新的容易出错的代码。

  要更高级地使用标签处理器，请阅读大量的课堂文档并学习如何……

  • …设置书签以重新访问已扫描和修改的文档部分。
  • …

  除了开始标签之外，还可以访问结束标签。

• …通过访问文档中的每个标签来运行高级和有状态的查询。

进一步的考虑

Tag Processor 不做很多事情：它不构建 DOM 文档树、查找嵌套标签或更新标签的内部 HTML 或内部文本。继续开发与 HTML 相关的新 API，未来的 WordPress 版本将建立在这项工作的基础上，以允许从 PHP 中访问块的所有属性（如果块提供block.json文件），使用 CSS 选择器查找标签，并修改HTML具有新标签、删除标签和更新的内部标记的结构。

您可以通过Gutenberg GitHub Repo上的这个概述问题跟上进一步的发展。