区块模式

区块模式是区块的集合,您可以将其插入到文章和页面中,然后使用您自己的内容进行自定义。使用区块模式可以减少您网站上创建内容所需的时间,同时也是学习如何组合不同区块以产生有趣效果的好方法。

要查找更多模式,您还可以使用区块模式目录

自 WordPress 6.3 起,您可以创建自己的模式。模式的功能与模式目录中存储的预定义模式完全相同。此外,启用“同步”选项后,同步模式的行为将与可复用区块完全相同。编辑同步模式将更新其在所有使用它的地方。创建同步模式后,您可以将其“分离”为常规区块,并编辑该区块而不会影响您已保存的同步模式。

WordPress 6.3 将可复用区块更名为模式。同步模式的行为将与可复用区块完全相同。

如何使用区块模式

  1. 单击 + 图标,从WordPress 区块编辑器的顶部工具栏中添加新区块。
  2. 单击 模式 选项卡或同步模式选项卡。
  3. 对于“模式”选项卡,使用下拉菜单选择您要使用的模式类别,或者单击“探索”打开一个模态框,让您查看每个模式的更大视图。
  4. 单击您希望插入的模式,或者将模式拖放到您的内容中。如果您单击模式,它将插入到您光标所在的位置。

如何创建区块模式

自 WordPress 6.3 起,您可以创建自己的模式。

  1. 选择您想转换为模式的一个或多个区块。
  2. 单击打开“更多设置”的“三点”菜单。
  3. 单击“创建模式/可复用区块”。
  4. 输入模式名称。
  5. 要同步模式,请开启“同步选项”。编辑该模式将更新其在所有使用它的地方。
  6. 单击“创建”。

然后,您可以在区块插入器的“模式 -> 我的模式”或“同步模式”(重叠菱形图标)中找到已创建的模式。

Location of "My Patterns" within the block inserter.

如何管理区块模式

您可以从站点编辑器管理您的模式。

  1. 在管理界面中选择“外观”->“编辑器”。
  2. 单击“模式”。
    从区块编辑器中选择“选项”->“管理模式”将打开相同的面板。

如何使用模式

您可以从每个模式的“操作”菜单(三点图标)中对模式进行重命名、复制、导出为 JSON 和删除操作。

Site Editor listing all custom patterns and how to edit them.

如何编辑模式内容

要修改模式,请单击模式,然后单击“编辑”(铅笔图标)。

如何自定义区块模式

插入区块模式后,可以像编辑任何其他区块一样编辑其中的区块。

单击模式中的任何区块,以编辑区块内的内容。

Image of a block pattern showing an arrow pointing to the Replace option for the image in the pattern.

您还可以向区块模式添加更多区块,并在您页面的任何位置插入更多区块模式。

对于同步模式,当您保存文章或页面本身时,将在保存流程中看到该同步模式。保存操作将更新其在所有使用它的地方,即使在其他文章或页面中也是如此。

Message confirming that a patterns is about to be saved.

如何查找上下文模式

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

Contextual patterns found in Social Icons block
Twenty Twenty-Two 主题中社交图标区块内上下文模式的演示

对于“查询循环”区块,模式显示为区块自身配置的一部分。您可以在此处了解更多关于查询循环区块的信息

如何查找更多模式

如果您想选择更多模式,可以浏览区块模式目录。这是一个新的目录,允许您搜索并找到可在您网站上使用的新模式。找到您喜欢的模式后,选择“复制”,它将被保存到剪贴板。然后,返回您的页面或文章,使用“粘贴”功能将模式添加到您的内容中。

您可以在此处阅读更多关于区块模式目录的信息

资源

常见问题

我可以在我自己的网站上使用区块模式中的默认图片吗?

可以!区块模式中提供的图片可以免费在您的网站上使用。但是,由于这些图片是从外部来源引用的(即它们未添加到您网站的媒体库中),因此它们始终有可能发生更改或被删除。

我们建议您用自己的内容替换这些图片,但如果您想使用模式中的图片,请考虑使用“上传外部图片”按钮将它们上传到您自己的媒体库中。

Screenshot of an image block toolbar displaying the "upload image to media library".

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

Pre-publish option for uploading all external images to media library.

区块模式会更改吗?我使用的模式的更改会影响我的网站吗?

新的区块模式将不断添加,现有区块模式可能会随时间更改或删除。但是,一旦您将区块模式添加到您的网站,添加区块菜单中就没有与原始模式的链接,任何后续更改都不会影响您网站的页面或文章。

更新日志

  • 更新于 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 创建

这篇文章有帮助吗?如何改进?

首次发布

最后更新