区块模式是区块的集合,您可以将其插入到文章和页面中,然后使用您自己的内容进行自定义。使用区块模式可以减少您网站上创建内容所需的时间,同时也是学习如何组合不同区块以产生有趣效果的好方法。
要查找更多模式,您还可以使用区块模式目录。
自 WordPress 6.3 起,您可以创建自己的模式。模式的功能与模式目录中存储的预定义模式完全相同。此外,启用“同步”选项后,同步模式的行为将与可复用区块完全相同。编辑同步模式将更新其在所有使用它的地方。创建同步模式后,您可以将其“分离”为常规区块,并编辑该区块而不会影响您已保存的同步模式。
WordPress 6.3 将可复用区块更名为模式。同步模式的行为将与可复用区块完全相同。
如何使用区块模式
- 单击 + 图标,从WordPress 区块编辑器的顶部工具栏中添加新区块。
- 单击 模式 选项卡或同步模式选项卡。
- 对于“模式”选项卡,使用下拉菜单选择您要使用的模式类别,或者单击“探索”打开一个模态框,让您查看每个模式的更大视图。
- 单击您希望插入的模式,或者将模式拖放到您的内容中。如果您单击模式,它将插入到您光标所在的位置。
如何创建区块模式
自 WordPress 6.3 起,您可以创建自己的模式。
- 选择您想转换为模式的一个或多个区块。
- 单击打开“更多设置”的“三点”菜单。
- 单击“创建模式/可复用区块”。
- 输入模式名称。
- 要同步模式,请开启“同步选项”。编辑该模式将更新其在所有使用它的地方。
- 单击“创建”。
然后,您可以在区块插入器的“模式 -> 我的模式”或“同步模式”(重叠菱形图标)中找到已创建的模式。

如何管理区块模式
您可以从站点编辑器管理您的模式。
- 在管理界面中选择“外观”->“编辑器”。
- 单击“模式”。
从区块编辑器中选择“选项”->“管理模式”将打开相同的面板。
如何使用模式
您可以从每个模式的“操作”菜单(三点图标)中对模式进行重命名、复制、导出为 JSON 和删除操作。

如何编辑模式内容
要修改模式,请单击模式,然后单击“编辑”(铅笔图标)。
如何自定义区块模式
插入区块模式后,可以像编辑任何其他区块一样编辑其中的区块。
单击模式中的任何区块,以编辑区块内的内容。

您还可以向区块模式添加更多区块,并在您页面的任何位置插入更多区块模式。
对于同步模式,当您保存文章或页面本身时,将在保存流程中看到该同步模式。保存操作将更新其在所有使用它的地方,即使在其他文章或页面中也是如此。

如何查找上下文模式
某些区块,例如社交图标区块和查询循环区块,在区块设置中内置了模式。要查找“社交图标”区块的上下文模式,请在“区块工具栏”中选择“社交图标”,然后导航到下拉菜单中的“模式”。

对于“查询循环”区块,模式显示为区块自身配置的一部分。您可以在此处了解更多关于查询循环区块的信息。
如何查找更多模式
如果您想选择更多模式,可以浏览区块模式目录。这是一个新的目录,允许您搜索并找到可在您网站上使用的新模式。找到您喜欢的模式后,选择“复制”,它将被保存到剪贴板。然后,返回您的页面或文章,使用“粘贴”功能将模式添加到您的内容中。
您可以在此处阅读更多关于区块模式目录的信息。
资源
- “区块模式简介”——由培训团队发布的一个简短研讨会。
- “使用区块模式”——由培训团队发布的一个教程。
- “用于简化创建的上下文模式”——WordPress 核心博客上的一篇文章。
常见问题
我可以在我自己的网站上使用区块模式中的默认图片吗?
可以!区块模式中提供的图片可以免费在您的网站上使用。但是,由于这些图片是从外部来源引用的(即它们未添加到您网站的媒体库中),因此它们始终有可能发生更改或被删除。
我们建议您用自己的内容替换这些图片,但如果您想使用模式中的图片,请考虑使用“上传外部图片”按钮将它们上传到您自己的媒体库中。

当您发布文章时,预发布检查将询问您是否要将外部图片上传到媒体库。

区块模式会更改吗?我使用的模式的更改会影响我的网站吗?
新的区块模式将不断添加,现有区块模式可能会随时间更改或删除。但是,一旦您将区块模式添加到您的网站,添加区块菜单中就没有与原始模式的链接,任何后续更改都不会影响您网站的页面或文章。
更新日志
- 更新于 2024-03-26
- 将截图更新至 6.4
- 更新日期 2023-08-08
- WordPress 6.3 引入了自定义模式,并且可复用区块更名为同步模式。
- 更新于 2022-11-28
- 移除了资源中的外部链接
- 为 6.1 更新了标题级别和部分内容
- 2022-10-19 为上下文模式添加了动画
.gif
。添加了学习教程链接。句子大小写更新。 - 2021-12-21 添加更新以包含区块模式模态框
- 2021-07-08 添加了区块模式目录和上下文模式的参考,更新了视觉效果
- 2021-02-19 内部链接已更正
- 2020-09-04 创建
这篇文章有帮助吗?如何改进?
登录提交反馈。如果本文未涵盖您需要支持的问题,请在支持论坛中发布您的问题。