标签： block-editor

图像区块

图像块允许您将图像添加到内容中。插入图像块后，单击「上传」按钮将图像上传到您的媒体库，或单击 「媒体库」按钮显示您的媒体库并选择您之前上传的现有文件。或者，单击「从 URL 插入」按钮输入要显示的图像的 URL 。您还可以将图像拖放到图像块上，它将自动上传到媒体库并插入到块中。

您可以使用 「块」 工具栏上的 「插入链接」图标 ( )添加图像链接。您可以将图像链接到媒体文件本身、链接到该文件的 WordPress 附件页面，或者使用提供的编辑字段输入链接的自定义 URL 。

将图像添加到块后，「设置」 侧栏中会提供更多选项。

可以使用替代文本字段将替代文本添加到图像中。您还可以为图像选择样式。默认情况下，您的图像将显示为方角，但您也可以通过选择 「圆角」 样式来显示带有圆角蒙版的图像。

如果您想更改图像的大小，有多种方法可以实现。您可以使用 「宽度」 和 「高度」 字段来设置图像的精确像素宽度，也可以使用百分比按钮 （例如 25% 、 50% 、 75% 、 100%） 相应地更改宽度。或者，您也可以从图像尺寸下拉字段中选择尺寸。默认的 WordPress 图像尺寸可供选择 （例如缩略图、中尺寸、大尺寸或全尺寸），并且根据您的主题，您可能还可以选择其他尺寸。

您还可以使用块内图像本身的拖动手柄来更改图像的大小。只需将鼠标放在图像边缘出现的蓝点之一上，然后单击图像并将其拖动到所需的大小即可。

调整图像大小时，最好只缩小尺寸，而不放大。如果您将小图像添加到块中，然后增加尺寸，则图像将变得像素化，并且在查看页面时不会显得清晰。

要在图像下方显示文本标题，请单击图像正下方的「添加标题」部分，然后输入标题。

还可以通过单击块工具栏上的裁剪图标 ( ) 来进行基本图像编辑。单击 「裁剪」 后，您将获得三个额外的图标，可用于放大图像、更改纵横比和旋转图像。进行任何这些更改后，单击「应用」按钮应用更改，或单击「取消」按钮取消更改。

要在图像顶部添加文本，请单击块工具栏上的在图像上添加文本图标 ( ) 。您的图像块将转换为封面块，它允许您在图像顶部添加文本。如果您决定不再需要在图像上添加文本，则可以删除插入在图像顶部的段落块，但该块本身仍将是封面块。如果您想返回到原始图像块，则需要使用变换图标将覆盖块变换回图像块。

单击应用双色调滤镜图标 ( )，您可以在图像顶部添加彩色滤镜。双色调滤镜会影响图像的阴影和高光，并且在高对比度图像上效果最佳。

自定义 HTML 区块

自定义 HTML 块允许您将自定义 HTML 添加到您的内容中。该块也将接受 JavaScript 代码，但不会接受服务器端语言，例如 PHP 代码。您可以使用块工具栏上的选项在查看 html 源或预览 HTML 之间切换。与纯粹用于在页面/文章中显示代码的代码块不同，自定义 HTML 块实际上会在浏览器中呈现您添加到块中的 HTML 。

同步模式 （以前?? 的可重用区块）

Synced patterns, which were previously called Reusable Blocks, are Blocks that you can re-use anywhere on your site. A Synced pattern can be added to any Page or Post, and as many times as you want. If you update or change the style of your Synced pattern, the changes are automatically applied to that block, right across your whole site.

To create a Synced pattern, simply add a block, add your content to the block then style it how you'd like it to appear. Once you've got the block looking how you want it, click the Create pattern/reusable block option under the Options icon on the Block Toolbar. You're then prompted to enter a name for your Synced pattern. After doing so, click the Create button to save it. Your new Synced pattern/ Reusable Block will appear under the Synced patterns tab () within the Block Inserter.

If you』d like to remove or edit any of your Synced patterns, you can click on the Manage patterns option under the Options icon at the top-right of the page, or the Manage my patterns link underneath your list of Synced patterns in the Synced patterns tab within the Block Inserter. Once you click this option, you』re presented with a list of all your existing Synced patterns which you can then edit or delete. Before clicking the Manage patterns option, ensure that you save your current Page or Post to avoid losing your recent changes.

删除内容

如果您想删除其中一个页面或文章，请将鼠标悬停在每一行上时单击标题下方出现的 「回收站」 链接。这会将页面/文章移至回收站。

要永久删除页面/文章或恢复页面/文章，请单击屏幕顶部的「回收站」 链接。当鼠标悬停在回收站中的每个项目上时，将显示「恢复」和「永久删除」链接。单击永久删除可永久删除单个页面或文章。单击恢复将恢复页面或文章。

如果您想一次永久删除或还原多个项目，请单击要删除或还原的项目旁边的复选框，然后从页面顶部的批量操作下拉列表中选择还原或永久删除。选择适当的操作后，单击「应用」按钮进行更改。或者，单击清空回收站按钮以删除回收站中的所有项目。

画廊区

图库块允许您添加图片库。插入图库块后，单击块工具栏上的添加按钮将图像添加到块中。单击「添加」后，您可以使用 「打开媒体库」 选项打开媒体库，然后从现有图像中进行选择，或者将新图像拖放到媒体库中，或者您也可以简单地选择 「上传」选项来浏览计算机并选择要上传的图像。或者，只需将新图像拖放到图库块上，它们就会自动上传到媒体库并插入到块中。

将图像添加到块后，「设置」 侧栏中会提供更多选项。您可以选择图库应显示的列数。您还可以选择裁剪缩略图，以便它们对齐得更均匀。

使用「链接到」下拉字段，您可以选择将每个图库图像链接到媒体文件本身，或链接到该文件的 WordPress 附件页面。或者，您也可以选择在图库图像上不包含任何链接。

当您将每张图像上传到媒体库时，您可以为它们添加标题，或者只需在图库块中单击每张图像，然后在提供的字段中输入标题即可。您还可以通过在图库块最底部的 「编写图库标题...」 字段中输入一些文本来为整个图库添加标题。标题的显示方式取决于您当前使用的主题。

单击图库中的每个单独图像还将为您提供该特定图像的更多选项，例如添加链接、裁剪或应用双色调滤镜。您还可以通过单击选择单个图像后显示的工具栏上的「替换」 按钮来替换单个图像。

图库块中的每个图像都是其自己的单独块，因此要更改图库块的整体布局，您需要确保选择外部图库块本身，而不是单个图像块。

该块的各种选项位于 「设置」 侧栏中单独的 「设置」( ) 和 「样式」( ) 选项卡中。

日历区块

日历块允许您显示文章的每月日历视图。

该块没有任何设置。将块插入到内容中后，它将提供当月任何一天发布的文章的链接，以及指向上个月发布文章的链接。

文章作者传记区块

文章作者简介块将显示当前文章/页面的作者简介。虽然您可以将此块添加到正常的页面或文章内容中，但使用完整站点编辑器将其添加到主题模板中会更有用。文章作者简介详细信息通常显示在单个文章或页面的底部，允许您向读者提供有关该特定内容页面的作者的更多信息。

添加该块后，「设置」 侧栏中会提供更多选项。您可以更改文本和背景颜色，还可以更改各种版式设置，例如字体大小、外观、装饰、行高、字母大小写和字母间距。「尺寸」面板还允许您指定块周围的填充。

类别区块

类别块允许您显示文章类别的列表。每个类别均以逗号分隔，并将包含指向各个类别存档页面的链接。虽然您可以将此块添加到正常的文章内容中，但使用完整站点编辑器将其添加到主题模板中会更有用。

添加该块后，「设置」 侧栏中会提供更多选项。您可以更改文本和背景颜色，还可以更改各种版式设置，例如字体大小、外观、装饰、行高、字母大小写和字母间距。单击 「转换为标签」图标 ( )，您可以将此块与「标签块」进行切换，标签块会显示文章的标签列表。

单击块内的前缀和后缀字段，您可以在类别列表之前和之后添加一些额外的文本。

社交图标区块

社交图标块允许您插入一行社交图标以及指向各个平台的链接。

要添加图标，请单击添加块图标 ( ) 。单击此图标将显示一个块插入器弹窗，这是一个小面板，可让您访问可以插入的所有不同类型的社交图标块。默认情况下，它只显示最近的六个区块。要查看所有可用的社交图标块，请单击弹窗中的「浏览全部」 按钮以显示 「块插入器」 面板。或者，如果您知道社交图标块的名称，则可以开始在搜索字段中输入其名称来过滤显示的块列表。单击某个块将其插入后，新块将被附加到现有社交图标的末尾。

插入每个社交图标后，您可以单击每个图标，然后将显示一个 URL 字段，允许您输入用于社交图标链接的 URL 。

您可以通过单击每个社交图标并单击块工具栏中的向左移动( ) 或向右移动( ) 图标来更改社交图标的顺序。要删除图标，请单击要删除的图标，然后单击块工具栏中的更多选项图标 ( )，然后选择该特定图标的删除选项。

添加社交图标块后，您还可以使用设置侧栏中的样式面板来更改图标的外观。

该块的各种选项位于 「设置」 侧栏中单独的 「设置」( ) 和 「样式」( ) 选项卡中。

区块编辑器选项

有多个选项可帮助自定义区块编辑器的显示方式。编辑页面或文章时，可以在页面右上角 ( ) 的选项图标下找到这些选项。

选项菜单提供以下选项：

• 顶部工具栏- 启用此选项将在页面顶部显示块工具栏，而不是在每个单独块的上方。
• 聚光灯模式- 启用此选项将使页面上除当前选定的块之外的所有块变暗，从而更轻松地仅关注该块。
• 全屏模式- 启用此选项将隐藏顶部管理栏和左侧菜单。这类似于旧经典编辑器中提供的无干扰写作模式。
• 无干扰- 启用此选项将隐藏顶部管理栏、设置侧栏以及各个块工具栏。此模式将为您提供更清晰的界面，适合长篇写作，但也会阻止您修改内容的任何设置或移动内容，因为所有工具栏和设置侧边栏都被隐藏。要退出此模式，您需要将鼠标移至页面顶部。只有这样，顶部管理栏才会重新出现，您可以再次单击 「选项」 图标以关闭此模式。或者，您可以使用快捷键打开和关闭此模式。
• 可视化编辑器- 默认情况下启用此选项，并将您的内容显示为单独的块。
• 代码编辑器– 启用此选项将关闭可视化编辑器，并显示组成内容的 html 。需要注意的是，虽然基础内容中仍然存在 HTML，但新的区块编辑器还将内容的每个单独部分包含在 HTML 注释标记中。它使用这些评论标签来区分您的内容所包含的各种类型的块。因此，虽然您仍然可以使用区块编辑器中的代码编辑器视图编辑 HTML，但请格外小心，不要删除或更改内容周围的任何 HTML 注释。这样做将导致您切换回可视化编辑器模式后，一个或多个块无法正确显示，甚至可能导致您丢失内容。
• 管理模式– 单击此选项将使您退出编辑器，并向您显示所有已同步模式的列表。同步模式以前称为可重用块，其工作方式与可重用块完全相同。可以编辑、删除同步模式或将其导出到 JSON 文件 （然后可以根据需要将其导入到另一个站点） 。警告一句，即使内容已更改，也不会提示您保存内容。单击此选项后，您将立即进入同步模式列表，如果不先保存页面，可能会导致您丢失内容。
• 键盘快捷键- 显示区块编辑器中可用的键盘快捷键列表。
• 欢迎指南– 显示一个非常短的幻灯片，解释区块编辑器是什么
• 复制所有块- 此选项会将当前页面或文章中的所有内容复制到剪贴板。
• 帮助– 由于欢迎指南不是很详细，「帮助」 选项提供了一些外部页面的链接，这些页面提供了如何使用区块编辑器的更详细说明。
• 首选项- 此选项提供了用于自定义区块编辑器显示方式的更多选项。您可以关闭/打开预发布检查和许多其他面板，包括几个默认文档面板，例如类别、标签或特色图像面板。您还可以禁用单个块或整个块面板，这会阻止它们在块插入器中显示。禁用单个块只会为当前登录的用户禁用它们。网站上的任何其他用户都不会禁用它们。