可以将其视为区块的大脑保存着区块运作所需的所有信息

将向公众开放 API,允许开发人员和企业将其合并到他们的主题、模块和网站中。

Interactivity API 有两个主要组件。第一个是指令– 添加到块标记内的 HTML 元素的特殊属性。它们为这些元素定义特定行为,使它们能够响应用户交互或其他事件。

以下是一些常见的指令:

wp-interactive。激活元素及其子元素的交互性。
wp-context . 为元素及其子元素提供本地状态。
wp-bind。根据状态或上下文值设置 HTML 属性。
wp-class和wp-style。动态添加类或样式。
wp-text . 设置元素的文本内容。
wp-on。附加事件监听器,例如 click 或 keyup。
wp-watch、wp-init和wp-run。

响应各种触发器执行回调

第二个组件是商店——管理街区内发生的一切事情的中央枢纽。它就像一个控制中心,跟踪三个关键方面:

状态。这是决定区块行为和外观的数据。
动作。每当用户与块交互时,这些动作可以修改块的状态或执行其他任务。
副作用。每当状态发生变化时,这些函数 土耳其 電話 就会开始运行,更新屏幕上块的外观或进行 API 调用。
要了解有关交互 API 标记的更多信息,请参阅Gutenberg 存储库中的API 参考。

开发人员创建了一个演示网站来演示其中一项互动区块功能。该网站列出了多部电影,每部电影上都有一个可点击的心形图标。如果您点击它,网站右上角的计数器就会增加,而无需重新加载页面。

交互 API 的演示站点

如何测试 WordPress 6.5 Beta 版本
在安全的环境中进行测试非常重要,因此我建议设置测试站点或暂存站点。

准备就绪后,安装WordPress Beta Tester 插件并将其配 反恶意软件保护在终端和服务器上起作用 置为使用Bleeding Edge渠道和Beta/RC Only流。然后,将您的测试网站更新为 WordPress 6.5 测试版并开始探索。

在测试期间,请务必尝试新功能并查看它们是否正常工作。例如,检查图案覆盖是否与您的自定义主题无缝配合,或者外观工具是否与您的经典主题配合使用。

如果您发现任何错误或有建议,请在WordPress Core Trac中提交与 电报号码 核心相关的问题的票证,或者在Gutenberg GitHub 存储库中提交与块编辑器相关的票证。拥有约 6 万个免费插件和超过 2 万个主题,是世界上最灵活可以将其视为区块的大脑 的内容管理系统之一。但选择范围广也有缺点:不兼容的插件可能会导致网站崩溃或速度变慢。这就是我们最新开发的产品:WordPress 兼容性检查器。

滚动至顶部