什么是 WordPress 块?[+WCEU 2022 演讲者关于如何使用它们的提示]

为了帮助简化站点创建和编辑,WordPress 在 5.0 版 (Gutenberg) 中引入了内容块。这些块是单独的、可定制的元素,它们取代了标准的文本和图像编辑框架。

虽然块编辑器已经推出一段时间了,但您可能仍在适应使用块并充分发挥其潜力。或者您之前可能没有使用WordPress 的经验。

无论如何,我们将涵盖您需要了解的有关块的所有信息,并包括来自 Evan Mullins 的闪电演讲“Blockity McBlock Blocks,Oh My!”的见解。和 Greg Ziolkowski 在 WordCamp Europe 2022 上的“提升积木构建技能”课程。

什么是 WordPress 中的内容块?

正如WordPress 官方支持页面所指出的,内容块“是用于在新的 WordPress 块编辑器中添加内容的组件。” 这个编辑器取代了以前 WordPress 版本使用的 TinyMCE 编辑器,目的是通过块使帖子和页面设计更简单、更容易和更可定制。 
Bluehost 的高级 WordPress 工程师埃文·穆林斯 (Evan Mullins) 在 WCEU 2022 的闪电演讲中将块定义为“单个内容实体……共同讲述您网站的故事。”
为了帮助理解不同的块是什么,他建议打印出您的网站并剪下每个内容片段。通过这样做,您将能够看到您的标题、图像、段落、视频、按钮等都是不同的块。 

与上述内容块相比,WordPress 中可用的内容块种类更多,包括但不限于:

  • 画廊
  • 列表
  • 引用
  • 声音的
  • 自定义 HTML
  • 桌子
  • 导航 
  • 模板部分 
  • 网站标志 
  • 查询循环 
  • 帖子标题 
  • 文章摘录 
  • 发布特色图片 
  • 帖子类别 
  • 发布标签

这里最大的变化是单个 WordPress 元素的分割。虽然经典编辑器使站点所有者可以在单个共享页面上管理和操作所有内容类型,但块编辑器是一种新范例,它“统一了您在编辑内容和现在的主题时与 WordPress 的交互方式,”WordPress 的 Greg Ziolkowski由 Automattic 赞助的核心贡献者在他的 WCEU 2022 会议上说。 

什么是 WordPress 古腾堡块?

WordPress Gutenberg 块与 WordPress 内容块相同。“Gutenberg ”是 2018 年 12 月随 5.0 版更新一起部署的新 WordPress 编辑器的名称,它侧重于网站创建的视觉方面,而不是之前编辑器迭代中更加混乱和复杂的基于文本的方法。

实际上,Gutenberg 提供的外观与 TinyMCE 编辑器截然不同。这是以前的编辑器:

这是古腾堡版本:

虽然它的设计更简洁,但真正突出的是“标题”字段作为其自己的块。它下面没有文本字段——要创建和编辑文本,您需要添加一个文本块。想要图像?放入图像块。每种块类型都提供自己的定制;标题可以是粗体或斜体,而对齐和间距可以在帖子中调整。可以在许多配置中添加多个图像,并且您可以自定义文本和背景颜色。

什么是 WordPress 自定义块?

“自定义块基本上是核心块之外的任何东西。这可以是您自己构建的任何块,以及各种插件或主题中的许多其他块, ” WCEU 2022 发言人 Evan Mullins 在他的 GitHub中写道
这些旨在填补编辑器内置的核心块或块模式、模板、可重用块和编辑器的其他功能未填补的空白。 
Ziolkowski 在他的 WCEU 2022 会议上说:“例如,对于想要自定义功能或正在使用无法公开的私有 API 的客户来说,构建自定义块非常重要。 ”
您可以在Gutenberg 编辑器的 块目录中找到由 WordPress 社区成员创建的自定义块的示例,并在不离开编辑器屏幕的情况下插入这些块。

如何使用 WordPress 块

现在您知道什么是 WordPress 块,让我们来看看如何使用 WordPress 块来构建您的网站。我们将介绍如何执行以下操作:

  • 添加块
  • 自定义块
  • 使用列表视图选择块
  • 重新排列块
  • 选择多个块
  • 并排放置方块
  • 将块组合在一起
  • 复制和粘贴块

如何添加 WordPress 块

要添加新块,请单击界面中的加号图标之一以打开块插入器。然后,您搜索并选择要添加的块。
要打开完整的块插入器,请单击主工具栏上的加号图标。然后,选择一个块。当您将鼠标悬停在一个块上时,您会看到它的外观预览。

您还可以将鼠标悬停在内容中的特定点上,然后单击加号图标以打开较小的块插入器界面。如果您使用这种方法选择一个块,该块将自动插入到您单击该图标的位置。

一旦开始学习块的名称,您还可以通过键入斜杠(“/”)然后键入块的名称来快速插入块。当您开始输入时,将出现一个匹配块列表。如果出现多个块,您可以使用键盘上的向上和向下箭头选择正确的块,然后按回车键将其插入:

如何自定义 WordPress 块

要自定义块,您首先需要单击块以将其选中。如果您在选择正确的块时遇到问题,您可以打开列表视图并从列表中选择块 – 下一节将详细介绍。
选择块后,您有两个主要选项来自定义 WordPress 块。
首先,许多块将在浮动工具栏上包含一些基本设置。通常,您可以添加文本格式、更改对齐方式以及进行其他基本调整。
然后,要访问更多高级设置,您可以使用 边栏中的阻止设置。这些设置对于每个块都是唯一的,让您可以详细控制该块的功能。

如何使用列表视图选择块

在大多数情况下,您只需单击一个块即可选择它。但是,可能存在难以选择所需的特定块的情况。这在 Columns 或 Group 块中尤其常见,我们将在后面介绍。
要解决这个问题,您可以在块编辑器中使用列表视图。当您打开列表视图时,它会按照它们出现的顺序显示您帖子中所有块的列表。
要选择一个块,您需要做的就是在列表中单击它。

如何重新排列 WordPress 块

您有两种重新排列 WordPress 块的选项。
如果您只需要将一个块向上或向下移动几个位置,您可以选择该块,然后单击向上或向下箭头将块向上或向下移动一个位置,如下图所示。

要获得更多控制,您还可以使用拖放功能将块移动到页面上的任何位置。要激活拖放功能,请选择块并在“六点”图标(也显示在上图中)上单击鼠标。
然后您可以开始将块拖动到新位置。为帮助您确保找到正确的位置,如果您松开鼠标,您会看到一条蓝线出现在方块移动的位置。
您还可以使用拖放来重新排列列表视图中的块。

如何选择多个块

在某些情况下,您可能想要选择多个块。如果您想使用上述方法重新排列多个块,这会特别有用。
要选择多个块,只需单击鼠标并拖动,就像在文本文档中选择多个段落一样。

要获得更多控制,您还可以使用以下方法打开列表视图并选择多个块:

  1. 单击要选择的第一个块。
  2. 按住键盘上的Shift 键并单击要选择的最后一个块。
  3. 将自动选择第一个和最后一个块之间的所有块

如何将 WordPress 块并排放置在列中

如果要并排放置块,可以使用 Columns 块。
首先,打开块插入器并添加 Columns 块。添加块时,系统会提示您选择首选的列结构。例如,您可以使用两个相等的列或使一列大于另一列。或者,您可以使用两列以上。

添加列结构后,您会在每列中看到“加号”图标。您可以单击这些图标将内容直接添加到每一列,这样您就可以并排放置内容。

要稍后更改列布局,您可以编辑主列块的设置。如果您在选择列块时遇到问题,使用列表视图会更容易。

如何将 WordPress 块组合在一起

将块分组在一起在某些情况下可能很有用,例如将具有凝聚力的背景颜色应用于多个块。
为了帮助您实现这一点,您可以使用组块。
首先,打开块插入器并添加一个新的组块。然后,您可以单击组块内的加号图标以在该组内添加其他内容块 。
如果您编辑主组块的设置,例如添加颜色背景,它将应用于组内的所有块。您还可以四处移动组块,所有其他块都将留在其中。

提示- 如果您在选择组块时遇到问题,使用列表视图会容易得多。

如何复制和粘贴 WordPress 块

如果您想复制和粘贴文本,您可以像在 Word 或 Google 文档中复制和粘贴文本一样进行操作。
例如,“ Ctrl/Cmd + C ”进行复制,然后“ Ctrl/Cmd + V ”进行粘贴。
但是,您不能使用“ Ctrl/Cmd + C ”来复制其他块。相反,您需要执行以下操作:

  • 选择要复制的块。
  • 单击工具栏上的“三点”图标。
  •  从下拉列表中选择复制。

使用此方法复制块后,您可以使用常规方法粘贴它 – 例如“ Ctrl/Cmd + V ”。

 您还可以通过从块工具栏上的“三点”菜单中选择复制选项来复制块。

如何在 WordPress 中禁用块

许多人认为古腾堡是 WordPress 的未来,也是整个出版业的未来。因此,值得习惯块编辑器并探索其全部潜力。 
但是,如果您真的非常不喜欢新的古腾堡内容块编辑器,会发生什么?确实有一些用户这样做——在 2018 年广泛发布之前,有人抱怨它没有为大规模部署做好准备。确实,一些必备的 WordPress 插件和附加组件可能无法与 Gutenberg 很好地配合使用,尤其是在软件开发者还没有抽出时间更新他们的代码的情况下。
或者,也许您更像是 WordPress 的爱好者,对学习全新的编辑方式不感兴趣。 
无论哪种情况,您都可能希望禁用 WordPress 中的块。如果WordPress 可视化编辑器不工作, 这将帮助您避免头痛。
虽然您不能直接从 WordPress 管理员页面切换回经典编辑器,但有几个插件提供了此功能。

经典编辑器

安装此插件后,它会停用古腾堡内容编辑器并恢复经典版本。它还提供了同时保留经典和古腾堡选项的能力——如果您激活此选项,默认情况下将显示内容块,但包括返回经典编辑器的链接

禁用古腾堡

默认情况下,此插件会为您的 WordPress 站点上的所有管理员和用户禁用古腾堡块编辑器,但这可以通过取消选中插件设置菜单中的“完全禁用”选项来自定义。这将打开许多基于角色的编辑器选项,允许您为管理员、编辑、作者、贡献者、订阅者和客户激活 Guternberg 或经典编辑器功能。

建筑模块

如果您正在构建或重新设计 WordPress 网站,其基于块的内容编辑器的初始外观可能会有点不协调。尽管不再是更熟悉的基于文本的编辑,但内容块提供了强大的、可自定义的特性和功能,以帮助简化站点设计和部署。

Newsletter Updates

Enter your email address below and subscribe to our newsletter

留下评论

您的电子邮箱地址不会被公开。 必填项已用 * 标注