gutenbergdocs/docs/how-to-guides/block-tutorial
2025-10-22 01:40:18 +08:00
..
applying-styles-with-stylesheets.md docs 2025-10-22 01:40:18 +08:00
creating-dynamic-blocks.md docs 2025-10-22 01:40:18 +08:00
extending-the-query-loop-block.md docs 2025-10-22 01:40:18 +08:00
nested-blocks-inner-blocks.md docs 2025-10-22 01:40:18 +08:00
README.md docs 2025-10-22 01:40:18 +08:00

区块

本教程旨在逐步讲解创建新区块类型的基础知识。从最简单的示例开始,每个新章节将逐步扩展内容,涵盖您在实现自己的区块类型时可能需要使用的常见功能。

要跟随本教程学习,您可以下载配套的 WordPress 插件,其中包含所有示例供您在自己的站点上尝试。在每个步骤中,可以通过修改示例来实践自己的想法,并观察它们对区块行为产生的影响。

要获取最新版本的 .zip 文件,请前往代码库的发布页面,在最新发布的「资源」部分查找。

代码片段提供两种格式「JSX」和「原生」。JSX 指使用 JSX 语法的 JavaScript 代码需要构建步骤。原生指无需构建的「经典」JavaScript。您可以通过每个代码示例上方的选项卡切换这两种格式。使用 JSX 需要您运行 JavaScript 构建步骤,将代码编译为浏览器兼容的格式。

请注意,创建区块或扩展编辑器并不强制要求使用 JSX您可以使用经典 JavaScript。然而一旦熟悉了 JSX 和构建步骤,许多开发者往往会发现它更易于阅读和编写,因此您看到的大多数代码示例都使用 JSX 语法。