用Block Attributes插件添加自定义HTML属性

本周早些时候，websevendev在官方目录中发布了其第四个WordPress插件，名为Block Attributes。这个扩展允许终端用户为几乎所有的块添加任何HTML属性。WordPress编辑器的一个问题是，它对定制HTML可能有点挑剔。区块是建立在一套标准之上的，而标记应该满足这些期望。如果有不符合的地方，用户会看到一个无效的标记警告。

然而，有时用户会因为各种原因需要加入一个自定义的HTML属性。例如，我有时需要添加一个自定义的data-属性来处理一点JavaScript。由于我对代码非常熟悉，在这种情况下，我通常会通过自定义HTML块来写出HTML。但是，当需要添加小的属性时，这就没有意义了。

WordPress目前允许用户在几乎每一个块上添加类和ID（在管理中称为 “HTML锚”）。它不允许直接输入HTML所支持的其他几十种可能的属性。普通用户的使用情况很少，也很难。

对于那些有些用户可以使用额外功能的情况，块属性插件是很方便的。

这个插件使用起来很简单。它在每个区块的 “高级 “标签下增加了一个名为 “额外属性 “的新字段。用户可以添加属性名称并点击 “添加 “按钮。从那里，它创建了一个新的字段来添加属性值。

该插件还支持多个属性。一旦你添加了一个，你只需使用相同的输入字段来创建更多。

在我的第一次测试中，我添加了一个简单的onclick属性，其值为myFunction()。然后，我跳到我的主题上，通过JavaScript创建了这个函数，在控制台输出一个简单的信息。引擎盖下的一切看起来都很好，而且它工作了。

我心目中的大多数用例都是与JavaScript集成的，这只是一个简单的例子，说明什么是可能的。开发者可以用这样的功能做更复杂的事情。这就有足够的理由把这个插件放在工具箱里–有时候你需要一把扳手而不是一把锤子。

我也可以看到块属性被用来在其他情况下添加ARIA属性，它可能有助于无障碍性。

用户可以通过插件的样式属性向特定的块添加自定义样式。然而，除非这是一个简单的一次性操作，我建议不要这样做。对于更高级的使用情况，Blocks CSS是一个更合适的插件。它有一个内置的语法高亮器。另外，一个文本区比一个单行文本输入框更友好。

我所看到的Block Attributes的唯一缺点是停用时。如果你添加了任何自定义属性，你会在编辑器中看到可怕的 “此块包含意外或无效的内容 “信息。编辑器已经设法解决了我在核心块中遇到的任何问题。

停用该插件不应影响前端的输出，因为自定义属性是HTML标记的一部分，它们仍然会存在。错误信息应该只显示在编辑器中。