WordPress 区块编辑器,也称为 Gutenberg 编辑器,是 WordPress 传统附带的 TinyMCE 的现代替代品。
而了解区块的线索就在编辑器名称中,区块编辑器允许您将内容编辑为称为“区块”的离散单元,其中每个“区块”包含某种类型的内容,例如段落、标题或图像。每个区块都是您的帖子或页面中的一个元素。
WordPress 区块是基于 React 构建的。您可以在 WordPress 插件中实现自定义区块,因此插件本质上就是您将在本课程中构建的内容 – 尽管您将主要使用 JavaScript 和 React 而不是 PHP。
某些类型的区块(例如段落区块或图像区块)是包含单个内容项的“基元”。其他类型的区块允许将“原始”区块包含在其中。此类区块的一个示例是“组”区块,它允许您将区块分组在一起,以便将它们视为一个单元。
您将在本课程中创建的正是这种类型的块,即包含其他块并将其样式设置为“报纸栏”的块。
帖子或页面的内容仍将存储在数据库的 wp_posts
表中,就像旧的基于 TinyMCE 的编辑器一样。但是,区块编辑器将 HTML 注释插入到内容中,以描述各个区块并提供在浏览器中呈现区块时解析的元信息。
这些 HTML 注释如下所示: