区块编辑器

区块编辑器

区块编辑器是一种全新的编辑体验。顾名思义,区块编辑器将您的所有内容视为单独的块。每个块都可以单独插入、重新排列和设计样式,使这个新编辑器比旧的 (TinyMCE) 经典编辑器更加灵活。

区块编辑器为所有常见内容提供单独的块,例如段落、标题、有序和无序列表 (即项目符号点) 、引用、图像、图库以及您之前可以添加到经典编辑器的任何其他内容。最重要的是,区块编辑器还提供了额外的块,可以轻松添加按钮、表格和列等内容。

重新排列内容比以前更容易。区块编辑器允许您拖放或使用块移动器图标来重新排列各个块的顺序。每个块还可以使用块顶部的工具栏单独设置样式。您可以添加到块的样式类型取决于各个块。例如,段落块允许您更改文本大小、文本颜色和背景颜色,而标题块仅允许您更改级别 (H2 、 H3 等) 和文本对齐方式。

现在,当您添加新页面或文章时,WordPress 默认以全屏模式打开区块编辑器。全屏模式将隐藏用户界面的某些部分,例如左侧菜单和顶部管理栏。单击页面右上角的选项图标 ( ),然后单击全屏模式选项,可以关闭全屏模式值得注意的是,本指南以下区块编辑器部分中的所有屏幕截图都是在关闭全屏模式的情况下拍摄的,因为这是大多数 WordPress 用户所习惯的。块工具栏更多选项

也可以看看:

回顾过去的修订

回顾过去的修订

当您编辑文章或页面时,该特定文章或页面的修订数量会显示在 「设置」 侧栏的 「文章/页面」 选项卡上 (如果有) 。

单击摘要面板下方的修订链接可浏览当前文章或页面的各种修订。

区块编辑器修订

使用页面顶部的滑块或单击 「上一个」 和「下一个」按钮来浏览各种文章或页面修订。

已删除的内容将显示为红色,已添加的内容将显示为绿色。如果存在深红色和/或深绿色阴影的内容,则它会突出显示已删除或添加的特定内容。如果段落或行只是浅红色和/或浅绿色,则整个段落或行都受到更改的影响。

您还可以通过单击页面顶部的比较任意两个修订版复选框来比较两个不同的修订版。

如果您想恢复以前的版本,请单击 「恢复此版本」按钮。

区块编辑器修订

上一篇文章区块

上一篇文章区块

上一篇文章块将显示当前文章之前的文章的导航链接。此块对于文章而不是页面更有用,因为它们通常按时间顺序显示。虽然您可以将此块添加到正常的页面或文章内容中,但使用完整站点编辑器将其添加到主题模板中会更有用。该块生成的链接通常显示在单个文章的底部,允许您导航到上一篇文章。它与您通常在博客存档主页 (即显示当前文章列表的页面) 上看到的导航链接不同。

添加该块后,「设置」 侧栏中会提供更多选项。单击「转换到下一篇文章」图标 ( ),您可以将此块与「下一篇文章块」转换到下一篇文章切换,后者显示下一篇文章的链接。

您可以更改文本和背景颜色,还可以更改各种版式设置,例如字体大小、外观、装饰、行高、字母大小写和字母间距。

单击「上一个: 」 占位符可让您输入将出现在链接前面的标签。使用 「将标签包含为链接的一部分」开关,将在链接中包含标签文本。您还可以通过选择箭头切换按钮之一在链接前显示箭头图标

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

上一篇文章块

行区块

行区块

允许您在一行中添加多个块。行块与堆栈块和组块类似,因为它允许将多个块分组在一起。

添加行块后,您可以将所需的任何块添加到此块中,例如标题、段落或图像块,仅举几例。

将内容添加到块后,设置侧边栏中提供了更多选项,例如能够选择块的对齐方式类型,以及是否允许它们换行多行。

您还可以更改文本和背景颜色,以及块周围的填充量。

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

排块

评论区块

评论区块

评论查询循环块允许您显示针对单个博客文章发布的评论。虽然您可以将此块添加到正常的页面或文章内容中,但使用完整站点编辑器将其添加到主题模板中会更有用。

添加块后,设置侧栏中提供了更多选项,允许您更改文本和背景颜色,以及各种版式设置,例如字体大小、外观、装饰、行高、字母大小写和字母间距。

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

评论区

文件区块

文件区块

文件允许您使用可选按钮创建指向您上传的媒体文件之一 (例如 PDF 或 Word 文档) 的文本链接。插入文件块后,单击「上传」按钮将新文件上传到您的媒体库,或单击 「媒体库」按钮显示您的媒体库并选择您之前上传的现有文件。

将文件添加到块后,「设置」 侧栏中会提供更多选项。您可以选择链接到媒体文件本身,或链接到该文件的 WordPress 附件页面。您还可以选择在新选项卡中打开链接,并选择显示带有文本链接的下载按钮。您可以通过单击按钮并输入新文本来更改按钮上的文本。

文件块

头像区块

头像区块

头像允许您将文章/页面作者或其他选定用户的头像图像插入到您的内容中。虽然您可以将此块添加到正常的页面或文章内容中,但使用完整站点编辑器将其添加到主题模板中会更有用。

添加该块后,「设置」 侧栏中会提供更多选项。您可以使用 「图像大小」滑块选择图像的大小,还可以使用 「链接到用户配置文件」 开关将该图像链接到用户配置文件页面。

默认情况下,该块将显示文章/页面作者的头像。用户输入字段允许您选择站点上的其他用户。如果此字段为空,则图像默认为文章/页面作者。

使用块工具栏中的选项,您可以更改图像的对齐方式,还可以应用双色调滤镜。

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

头像块

区块编辑器工具

区块编辑器工具

区块编辑器提供了完全重新设计的编辑体验,以及一组用于编辑页面的新工具。虽然编辑界面是全新的,但您会发现许多您已经熟悉的元素。

页面顶部是主区块编辑器工具栏这个新工具栏包含许多新图标和一些熟悉的旧图标:

区块编辑器工具

区块编辑器工具栏 - 添加块 添加块图标用于将新块插入到您的内容中。单击此图标将弹出一个小面板,您可以通过该面板访问可以插入的所有不同类型的块。
区块编辑器工具栏 - 工具 「工具按钮提供了用于块选择和编辑的不同交互。使用选择工具帮助选择块。选择块后,按 Enter 键返回到编辑工具。
区块编辑器工具栏 - 撤消 撤消图标允许您撤消最近的更改。
区块编辑器工具栏 - 重做 重做按钮允许您重做最近的更改。
区块编辑器工具栏 - 块导航 按钮允许您使用 「列表视图」选项卡查看内容中所有块的列表,以及使用 「大纲」选项卡查看有关页面内容的信息。后一个选项将显示您的内容包含多少个字符和单词、内容中的块类型以及阅读内容的大致时间
区块编辑器工具栏 - 切换到 Daft 「切换到草稿」按钮仅在您的页面/文章发布后才会出现。单击此按钮将取消发布您的页面/文章并将其恢复为草稿模式。虽然此按钮过去显示在区块编辑器工具栏中,但现在显示在设置侧栏内的摘要面板中。
区块编辑器工具栏 - 保存草稿 「保存草稿」按钮允许您保存页面,并且仅在您的页面/文章尚未发布时才会出现。
区块编辑器工具栏 - 预览 预览」按钮将允许您预览页面。单击此按钮会提供多个选项。您可以在桌面视图 (默认) 、平板电脑移动视图中预览页面您还可以通过选择 「在新选项卡中预览」 选项在新的浏览器选项卡/窗口中预览页面。
区块编辑器工具栏 - 发布 「发布」按钮允许您发布您的页面/文章。与以前版本的 WordPress 不同,发布页面现在只需两个步骤。第一次单击 「发布」 按钮后,您会看到一个新面板,其中包含确认消息和另一个 「发布」 按钮。此面板还允许您更改内容的可见性以及发布日期和时间。单击第二个 「发布」 按钮将实际发布您的内容并使其在您的网站上发布。
区块编辑器工具栏 - 更新 If your content is published, then the Publish button will be replaced with an Update button. Just like in previous versions of WordPress, clicking the Update button saves your changes.
区块编辑器工具栏 - 设置侧栏 The Settings Sidebar shows all the settings for your Page/Post including elements like adding Featured Images, specifying your Categories and Tags on Posts, or selecting Page/Post templates. Clicking the Settings icon will show and hide the settings sidebar.
区块编辑器工具栏 - 更多选项 The last icon in the Toolbar is the Show more tools & options icon. This button provides access to a number of adhoc settings. You can turn on/off the Top Toolbar and Spotlight Mode. You can also display your content using the Visual Editor (the default mode for adding blocks) or using the Code Editor, which allows you to edit the underlying html. You can also re-show the Block Editor tips, view a list of the editor keyboard shortcuts and also copy all the content in your page with a single click.

 

A word of caution, with the new Code Editor features. The Block Editor saves your content in a slightly different manner than the old (TinyMCE) Classic Editor. Previously, WordPress would save your content as a simple chunk of HTML. Whilst there is still HTML in your underlying content, the new Block editor also wraps each individual section of your content within HTML comment tags. It uses these comment tags to differentiate the various types of blocks your content is contained within. So, while you can still edit your HTML using the Code Editor view within the Block Editor, please take extra caution not to remove or change any of the HTML comments surrounding your content. Doing so, will cause one or more of your blocks to not display correctly once you switch back to the Visual Editor mode, and may possibly even cause you to lose content. If you feel you do need to edit the Block HTML, it's safer to use the 『Edit as HTML' option under the 『More Options' icon for each individual Block, than using the 『Code Editor' option under the 『Show more tools & options' icon at the top of the page.

 

Underneath the Block Editor Toolbar you'll find your content area. This is where you'll add all your content, comprised of various types of blocks. Each block that you add into your content area, will have its own toolbar, and will either display just above the block (by default) or in the main Block Editor Toolbar at the top of the screen (if the Top Toolbar option is turned on).

每个块都有一个不同的工具栏,该工具栏中的图标将取决于块包含的内容类型。例如,段落块上的工具栏与标题块上的工具栏不同,因为它们包含不同类型的内容。单击或选择一个块后,您甚至可能会发现可以在 「设置」 侧栏中设置额外的选项。同样,这将取决于您选择的单个块。

区块编辑器工具

屏幕右侧内容区域旁边是 「设置侧边栏」设置侧边栏包含您当前正在编辑的整个页面/文章的设置,以及当前所选块的设置。

区块编辑器工具

在设置侧边栏的顶部有两个选项卡可供选择。第一个选项卡将显示PagePost,具体取决于您是编辑页面还是文章,第二个选项卡将显示Block页面/文章选项卡显示您当前正在编辑的单个页面/文章的设置。这可能包括设置特色图像、选择类别和标签 (编辑文章时) 或选择页面/文章模板等。

选项卡显示当前所选块的设置。这些设置将根据当前选择的块的类型而变化,并且某些块比其他块具有更多的设置。例如,段落块具有用于更改文本大小、是否显示首字下沉的设置,以及在某些主题中用于文本颜色和背景颜色的设置。另一方面,标题块仅具有更改文本大小和颜色的设置。

最后更新时间:2023 年 9 月 18 日


,

文章列表区块

文章列表区块

文章列表块允许您插入最近文章的列表。选择此块实际上会将查询循环块的预自定义版本插入到您的内容中,这就是它在设置侧栏中显示 「查询循环」 的原因。虽然您可以将此块添加到正常的页面或文章内容中,但使用完整站点编辑器将其添加到主题模板中会更有用。

首次插入文章列表块时,系统会提示您从预制模式中进行选择或从空白开始。

文章列表块

如果您选择从预制图案开始,单击 「选择」按钮将显示一个弹窗,您可以在其中选择用于显示内容的布局图案。只需滚动浏览可用的布局模式列表,然后单击您喜欢的布局即可选择它。您还可以使用弹窗顶部的搜索字段来搜索您喜欢的布局。

单击您喜欢的布局后,适当的块将被插入到您的内容中。然后,您还可以访问块工具栏和设置侧栏中的更多选项。

文章列表块

您还可以在首次插入文章列表块后单击开始空白按钮。然后,您将看到一系列可供选择的布局变体。只需单击相应的图标即可选择一个。然后,适当的块将被插入到您的内容中。

文章列表块

确认文章列表块使用的布局后,您可以使用块工具栏上的显示设置( ) 图标来更改每页显示的文章数、设置要跳过的文章数 (如果有)查询循环块显示设置,并限制分页中显示的文章数量

设置侧栏中的选项还允许您调整为检索文章而执行的 WordPress 查询。您可以选择文章类型 (例如,如果您使用的是 WooCommerce,则显示文章、页面,甚至产品) 。您还可以选择显示文章的顺序 (例如,最新的在前、最旧的在前、按字母顺序) 、选择是否包含 「粘性」 文章,还可以添加过滤器,例如类别、标签、作者或关键字。

值得注意的是,文章列表块 (同样,查询循环块) 将在主查询循环块中插入多个块。在能够调整查询循环的所有设置之前,您需要选择最外面的查询循环块。选择此块将显示块工具栏和设置侧栏中的所有查询设置。如果您发现很难选择查询循环块,请尝试使用页面底部显示的块面包屑来选择该块。只要您选择了一个块,面包屑就会出现,并将列出当前所选块的所有父块。您还可以使用编辑器顶部工具栏中的列表视图图标 ( ),帮助您选择所需的确切块。区块编辑器工具栏 - 列表视图

文章列表块