过去几天我最喜欢的工具之一是 Sal Ferrarello 的 Block X-Ray Attributes 插件。它面向开发人员并在 WordPress 编辑器中显示块属性。

周五看到他的推特我立马安装了。

该插件目前只能通过其 GitHub 存储库获得,任何想要试用它的人都可以从 1.0.0 发布页面进行试用。

Ferrarello 和他的同事们有一个整天的公司时间回馈社区。 WebDevStudios 的员工每月贡献一天到未来的五天,这是一项鼓励组织将其资源的 5% 贡献给 WordPress 项目的倡议。

公司即将到来的 2022 年的前五天于周五登陆。 Ferrarello 选择构建一个插件,该插件可能对其他正在构建块的开发人员非常有帮助。

阻止 X 射线属性在编辑器的帖子侧边栏面板下添加了一个名为“阻止 X 射线”的新选项卡。它只是以 JSON 格式显示带有当前所选块属性的代码字段。

查看Columns块的属性。

当我第一次安装插件时,我希望选项卡位于块面板下方。由于该属性是特定于块的,因此它会在那里是有道理的。它位于“发布”或“页面”面板下,具体取决于您正在编辑的内容类型。

我希望看到的一个缺失功能​​是复制按钮。对于嵌套块,用鼠标复制输出可能会很长,在我的代码编辑器中快速抓取并粘贴它可以节省我一些精力。

我想其他开发人员会发现这个插件对于在构建新块时快速查看属性非常有用。这也是我的主要用例,所以我插入了一个面包屑插件,我需要在某个时候完成它:

测试块的自定义属性。

能够快速查看我的块的自定义属性使我能够看到我需要了解的关于它们的所有信息。当我打开和关闭该选项时,我可以注意到正在添加值并且是正确的。

另一个用例是在发生可怕的无效块错误时提供大量可用信息。

深入探讨区块验证问题。

如果我想测试一个功能,就是这个。有时 WordPress 在自定义模式中随机给我一个块验证错误,似乎没有任何理由。也许它是流浪的白色空间或在它下面四处游荡的其他看不见的幽灵。块恢复选项没有帮助。所以我将保留 Block X-ray Attributes 安装状态,直到我最终能捕捉到其中一个奇怪的随机案例。会有帮助吗?我们会及时看到。

现在,我建议任何开发与块相关的东西的人安装和激活这个插件。这是一种方便的工具,可以缓解一两次头痛。

出处