最近更新的页面
PluginPrePublishPanel
此插槽允许在预发布面板底部注入项目,该面板在用户点击"发布"后出现以确认发布。 示例 import { registerPlugin } from '@wordpress/plugins'; i...
PluginPostStatusInfo
此插槽允许在文档侧边栏的摘要面板中插入项目。 示例 import { registerPlugin } from '@wordpress/plugins'; import { PluginPos...
PluginPostPublishPanel
此插槽允许在文章发布后出现的发布后面板底部注入项目。 示例 import { registerPlugin } from '@wordpress/plugins'; import { Plugi...
PluginMoreMenuItem
此插槽将在"更多工具与选项"区域添加一个新项目。 示例 import { registerPlugin } from '@wordpress/plugins'; import { PluginM...
PluginDocumentSettingPanel
This SlotFill allows registering a UI to edit Document settings. Available Props name string: A ...
PluginBlockSettingsMenuItem
此插槽允许在“更多选项”区域添加新项目。 根据用户设置,该项目将显示在每个区块的控件中或顶部工具栏中。 示例 import { registerPlugin } from '@wordpress...
MainDashboardButton
此插槽允许替换文章编辑器中的默认主仪表盘按钮。自 WordPress 6.2 起,站点编辑器中不再提供此功能。 它用于在全屏编辑模式下返回主 wp-admin 仪表盘。 请注意,此 SlotF...
使用 TypeScript
Interactivity API 为 TypeScript 提供了强大的支持,使开发者能够构建类型安全的存储,通过静态类型检查、改进的代码补全和简化的重构来提升开发体验。本指南将引导您了解在 ...
理解全局状态、局部上下文、派生状态与配置
Interactivity API 为创建交互式区块提供了强大的框架。为了充分利用其功能,理解何时使用全局状态、局部上下文、派生状态或配置至关重要。本指南将阐明这些概念,并提供实用示例来帮助您决...
响应式与声明式思维模式
Interactivity API 是一个响应式与声明式框架,类似于 React、Vue、Svelte 或 Alpine 等其他现代框架。在使用 Interactivity API 时,采用正确...
服务器端渲染:在服务器上处理指令
WordPress 始终建立在服务器端渲染的基础之上。传统上,当用户请求一个 WordPress 页面时,服务器会处理 PHP 代码、查询数据库,并生成发送给浏览器的 HTML 标记。 近年来,...
客户端导航
客户端导航是一种无需完全重新加载页面即可在不同页面间跳转的技术。它并非由浏览器从服务器获取全新的 HTML 文档,而是获取新页面的内容,并仅更新 DOM 中发生变化的部分。这使得页面切换更快速、...
快速入门指南
本指南将帮助您构建一个基础区块,展示 WordPress 中的交互性 API。 搭建交互式区块 首先确保您的计算机已安装 Node.js 和 npm。如果尚未安装,请查阅 Node.js 开发...
常见问题解答
Interactivity API 底层如何运作? 它的三个主要组件是: Preact 结合 Preact Signals 用于水合、客户端逻辑和客户端导航。 客户端和服务器都能理解的 HTML...
关于交互性 API
交互性 API 是一套基于声明式代码的指令标准系统,用于为区块添加前端交互功能。 指令通过特殊属性扩展 HTML,告知交互性 API 将指定行为附加到 DOM 元素甚至对其进行转换。对于熟悉 A...
指令与状态存储
交互性 API 仅适用于 WordPress 6.5 及以上版本。 开发者可通过以下方式为区块添加交互功能: 指令: 添加到标记中,为区块的 DOM 元素添加特定行为 状态存储: 包含行为所需的...
Parser Filters
When the editor is interacting with blocks, these are stored in memory as data structures compris...
i18n 过滤器
i18n 函数( __()、 _x()、 _n() 和 _nx())为代码中的字符串提供翻译。如果需要覆盖这些函数返回的值,可以使用以下过滤器进行过滤: i18n.gettext i18n.g...
Global Styles Filters
WordPress 6.1 has introduced some server-side filters to hook into the theme.json data provided ...
编辑器钩子
WordPress 提供了多个 API,允许您修改编辑器体验。 编辑器设置 修改编辑器最常见的方式之一是通过 block_editor_settings_all PHP 过滤器,该过滤器在设置...