添加新区块

前往区块列表

在您编辑文章或页面时,可以通过WordPress 区块编辑器的管理界面,有多种方式将区块添加到您的文章或页面中。

您可以使用区块插入器+图标添加区块。您也可以使用斜杠命令快捷方式快速添加区块,或者使用任何区块工具栏上的“更多”选项来添加区块。您还可以移动区块或在您的文章或页面中搜索区块。

如何使用区块插入器添加区块

使用+图标(也称为 区块插入器)添加区块有三种方式。

  1. 顶部工具栏中的区块插入器图标
  2. 空区块右侧的区块插入器图标
  3. 区块之间的区块插入器图标
Three ways to add a block using the block inserter icon

在顶部工具栏中使用区块插入器图标

点击WordPress 区块编辑器顶部工具栏中的区块插入器+图标。

您可以在WordPress 区块编辑器中找到所有可用区块的列表。最常用的区块(根据您的偏好设置)会列在顶部。将鼠标悬停在每个区块上会显示其简要描述和预览。

您可以向下滚动列表,在“文本”、“媒体”、“设计”、“小工具”、“布局”、“主题”或“嵌入”等类别中找到区块。您还可以找到来自已安装插件的第三方区块。

找到区块后,将其拖放到区块编辑器中。

使用顶部工具栏插入器添加区块模式

区块模式是预定义区块的集合,您可以将其插入页面和文章中,然后用您自己的内容进行自定义。使用区块模式是创建精美布局的简单方法,它结合了不同的区块以产生专业设计。

您可以打开“模式”选项卡,查看特定类别(如 特色、 行动号召、 页面等)内的模式集合,或者点击该部分底部的 探索所有模式 按钮,在一个新的、更大的窗口中打开模式。

点击任何模式一次,它将添加到您光标所在位置的页面中。

使用顶部工具栏插入器添加媒体

媒体选项卡允许您查看并添加到页面您已使用的图片,此外,您还可以从Openverse查看免费媒体内容。您也可以使用选项卡底部的按钮打开您的媒体库。

Opening the media tab to add media content to the site

使用顶部工具栏插入器添加同步模式

如果您有同步模式,您将看到“同步模式”选项卡,其形式为一个图标,如下所示。

Reusable block tab on the inserter toolbar

当您点击该选项卡时,您应该能够查看并将网站上所有同步模式添加到页面。

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

在空区块右侧使用区块插入器图标

点击空区块右侧的区块插入器+图标。如果+图标未显示,请首先点击占位符文本。

点击区块插入器+图标将打开一个模态窗口,其中列出了最常用的区块,您也可以搜索您想要使用的区块。您可以点击区块顶部以使用它。

您也可以在选择区块后,按键盘上的Enter/Return键创建一个新的空区块,然后点击空区块右侧的 + 区块插入器。

从列表中选择一个区块,或点击“浏览全部”按钮,以获取WordPress 区块编辑器中所有可用区块的列表。

The block inserter modal window

当您选择“浏览全部”选项时,将打开一个更大的可用区块窗口。

The top-toolbar inserter on the page editor

在区块之间使用区块插入器图标

当您将鼠标悬停在两个区块之间的空隙时,您会看到一条水平的蓝线出现,并带有一个区块插入器+图标。您可以点击此图标打开一个模态窗口,其中列出了最常用的区块

如何使用斜杠命令添加区块

您可以使用斜杠命令快速将区块添加到您的文章或页面中。此快捷方式将有助于您的写作流畅进行,减少搜索区块的干扰。

首先,通过按键盘上的EnterReturn键添加一个新的段落区块。

然后按下正斜杠(“/”)键,后跟区块名称。例如: /image 或 /heading

Add a block using the slash command
使用斜杠命令添加区块

如何使用区块工具栏上的“更多”选项添加区块

最后,在任何选定区块的区块工具栏上,点击三点图标并选择“在之前插入”或“在之后插入”,以便在选定区块之前或之后添加一个新区块。

Add a block using the More options in a block toolbar
使用区块工具栏中的“更多”选项添加区块

如何在嵌套区块中添加区块

您可以轻松地在允许嵌套的区块(如“分组”区块、“行”区块或“堆叠”区块)中添加区块。

选择“分组”区块、“行”区块或“堆叠”区块。您会在区块组的右下角找到区块插入器+图标。点击区块插入器+图标即可快速向嵌套组添加新区块。

如何使用区块目录添加区块

您还可以使用WordPress 区块目录,在 WordPress 区块编辑器中发现并安装第三方区块。

要搜索 WordPress 区块目录,请在 WordPress 区块编辑器的顶部工具栏中使用区块插入器+图标,并搜索可用区块。

WordPress 首先会搜索随 WordPress 提供的可用区块。如果无法找到任何符合条件的区块,它就会开始搜索区块目录并为您提供一个列表。点击列表中的任何一项即可安装第三方区块。

区块目录搜索功能仅适用于有权限安装插件的 WordPress 用户。如果您从区块目录添加第三方区块,相应的 WordPress 插件将安装到您的网站上。

如何搜索区块

当您点击区块插入器+图标插入新区块时,您可以使用顶部的搜索框来搜索区块。

输入区块名称或关键词,例如: "image" 或 "heading"。然后,模态窗口中会显示一个符合搜索词的区块列表。您还可以在区块列表下方看到区块的预览。

通过鼠标点击、轻触或方向键选择所需区块。

Search for a block
搜索区块

当您使用斜杠命令添加区块时,您会根据您开始输入的内容获得一个自动建议的区块列表。您可以从列表中选择,或继续输入直到找到所需的区块。

如何移动区块

有关如何移动区块的信息,请查看此文章:移动区块。

更新日志

  • 2024-04-23
    • 为几张图片添加了缺失的 ALT 文本
  • 2023-03-28
    • 更新了 6.2 版本的图片和视频
    • 添加了关于添加模式、媒体和可复用区块的信息
  • 2022-08-07
    • 将“移动区块”部分移至单独页面。
  • 2022-07-20
    • 为 6.0 版本更新了内容、视频和截图
    • 添加了嵌套区块和区块目录部分
    • 为图片添加了ALT标签
  • 2020-06-04
    • 纠正了若干拼写错误。
    • 将“空区块右侧插入器”改为“空区块左侧插入器”。
    • 移除了“区块之间插入器”部分
    • 改进了斜杠命令选项
    • 更改了更新日志中的日期格式
  • 2019-12-21
    • 在顶部添加了摘要段落
    • 添加了一段短视频演示插入器模态窗口的搜索框
    • 稍稍精简了措辞。
  • 2019-12-20
    • 更新了具有新界面(WP 5.3)的图形
    • 添加了用于演示目的的视频
    • 更新了标题以提高可读性,
    • 添加了关于插入器和移动手柄的文本

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

首次发布

最后更新