分类： WordPress基础

标题和副标题是任何网页的关键组成部分。使用标题，您可以将内容分成多个易于阅读的部分（比如章节）。此外，这些标题也将便于为搜索引擎提供有关您网站的重要信息。在古腾堡编辑器，WordPress标题区块即用于为文章和页面添加标题。

本文将向您展示如何使用标题区块，并介绍其设置和配置选项。我们还将讨论有效使用标题的一些技巧和窍门，并回答您可能对此元素提出的一些最常见问题。

如何将标题区块添加到文章或页面

该区块编辑器可以很容易地广泛的元素添加到您的WordPress的文章和网页。首先，打开编辑器并单击页面或文章正文中的加号 (+)。

标题区块应显示第一个结果中。如果没有，您可以搜索它或单击“浏览全部”以查看整个区块库：

选择标题区块后，您将看到占位符文本出现在文章或页面的正文中：

如果您将鼠标悬停在标题区块上，您将看到一个格式菜单。您将为添加到网站的每个标题使用该菜单，所以让我们来看看它包含哪些选项。

标题区块设置和选项

区块编辑器为每个区块提供一组独特的格式选项。标题区块可供选择的设置包括：

1. 更改您正在使用的区块类型
2. 向上或向下移动标题区块
3. 设置区块的默认宽度设置
4. 更改您使用的标题类型
5. 调整标题文本的对齐方式
6. 将标题加粗和斜体或添加链接

由于有很多选项，这里有一个快速备忘单可以帮助您理解它们：

在日常工作中，您最常使用的选项是第四项。默认情况下，当您添加新的标题区块时，WordPress会将其设置为H2。如果单击该H2 图标，则可以将标题切换为从H1到H6的任一个：

最后，您会注意到菜单右端有一个向下箭头图标。单击该图标将打开一个带有其他格式设置的子菜单。在这些选项中，您可以找到将内联代码、图像、下标或上标添加到标题的选项：

此外，标题区块还有更多可用的配置选项。如果在选择块时单击页面右上角的齿轮图标，您将打开一个带有样式设置的菜单。

从此菜单中，您可以修改标题的字体大小 (1) 和行高 (2)，以及颜色 (3)：

您的标题使用什么字体取决于您的活动主题。但是，如果您对这种方法感到满意，则可以使用CSS切换字体。设置菜单还允许您更改标题文本、背景和链接的颜色。

在设置菜单的底部，您会找到一个高级 选项卡。在本节中，您可以将HTML锚点和CSS类添加到您正在处理的标题中：

请务必记住，您添加的每个标题区块都有自己的设置。更改特定块的背景或文本颜色不会影响任何其他块，即使它们是相同类型的区块。

有效使用标题区块的提示和最佳实践

向WordPress添加标题非常简单。但是，当涉及到搜索引擎优化 (SEO)时，标题具有很大的权重。以下是有关如何从SEO角度有效使用标题区块的一些提示：

• 避免使用多个H1，而是从H2或者H3开始
• 强制使用标题层次结构，小节使用比主节更小的标题
• 使用描述性标题，以便搜索引擎可以“理解”每个部分涵盖的内容
• 针对Google的精选摘要优化您的标题

除了搜索引擎之外，您还需要考虑标题对读者的显示方式。标题是内容结构的主要指标，因此它们必须清晰、相对简洁，并遵循逻辑结构。如果您牢记所有这些简单的提示，您的标题将增强您的其他内容。

关于标题区块常见问题

到目前为止，您几乎了解了WordPress标题区块的所有内容。但是，在结束之前，让我们先回顾一下用户对区块和标题的一些常见问题。

在WordPress中使用标题频率？

何时或多久使用标题没有硬性规定。一些SEO插件，例如Yoast，鼓励您每300个字左右使用它们以提高可读性。但是，在实践中，最好使内容中的每个部分尽可能长，而不是遵守严格的指导方针。为了更好地衡量，如果您要在页面或博客文章中切换主题，这是使用标题区块包含新标题的好地方。

标题对于SEO来说重要吗？

标题对于您网站的SEO非常重要。我们知道标题是搜索引擎在对页面进行排名时考虑的众多信号之一。很难准确地说出它们的重要性，因为搜索引擎并没有透露它们对所测量的每个信号给予多少权重。然而，养成经常使用标题的习惯并使它们尽可能具有描述性，从长远来看只会使您受益。

要了解更多关于WordPress SEO优化的内容，你可以尝试在本站搜索“SEO”以获取更多教程。

应该在标题中包含关键字吗？

在页面标题中包含内容核心关键字通常被认为是一种很好的做法。但是，我们建议不要在您的内容中使用“过度堆砌”关键字。如果可能，您应该在页面的主要标题中至少使用一次主要关键字，并在其他副标题中使用它的变体。但是，只使用那些相关且自然适合内容的关键字。

结论

标题是在线内容的核心构建区块之一。仅这篇文章就有八个单独的标题，其中没有一个是多余的。了解何时使用标题以及如何构建它们是一项技能，可以使您的内容更具吸引力，并在SEO方面对您有很大帮助。

就WordPress而言，添加标题区块再简单不过了。区块编辑器允许您选择什么类型的，你想用的标题，定制自己的格式，改变自己的风格，并添加尽可能多的人因为你的内容需求。您可以逐个标题和逐段地构建页面，这些页面将出现在搜索引擎的第一页结果中。

使用图像是丰富WordPress页面和文章内容的最简单但最有效的方法之一。不过，如果你第一次使用WordPress的区块编辑器，你可能会感到困惑。

其实上，插入和使用图片区块非常容易。了解其各种设置将使您能够在整个网站中更无缝地添加图像，并根据自己的喜好自定义它们。在这篇教程中，我们将解释图片区块及其工作原理，带您了解它的每个选项，并提供一些使用技巧。

如何将图片区块添加到文章或页面

图片区块将图片添加到WordPress的文章和网页十分简单。首先从WordPress仪表盘导航到任何文章或页面。

接下来，在古腾堡编辑器中，在要插入图像的任何位置单击“添加区块”按钮（由加号图标标记）。然后选择图片区块：

如果它没有立即出现，您也可以在搜索栏中输入“图片”。

添加区块后，下一步是选择要使用的图像。从那里，您有三个选择。您可以选择上传、媒体库或从URL插入：

如果选择上传，则可以选择保存在计算机上的图像。对于您已经上传到WordPress网站的图片，您可以导航到媒体库。要从复制的链接插入图像，请单击从 URL 插入。

对于我们的示例，我们将上传一张图片：

如您所见，一旦您插入图像，就会出现一个带有各种选项的工具栏。您还可以在屏幕右侧选择一些设置。让我们更详细地探讨这些选项。

图片区块设置和选项

插入图像后，您可以通过在“添加标题”字段中键入来在其下方添加标题。然后在块工具栏中，您将找到可用于调整图像的各种设置和控件。我们将从左到右遍历它们。

图片区块工具栏设置

工具栏上的第一个选项可让您切换到不同类型的区块。接下来，如果您单击应用双色调过滤器图标，您可以从双色调集合中进行选择以应用于您的图像：

此选项还允许您修改图像中的阴影和高光，以更改其显示方式。如果您想恢复到原始图像，可以单击“清除”。

接下来，您可以通过选择更改对齐方式来调整页面上图像的对齐方式：

默认情况下，WordPress会将您的图像设置为左对齐。但是，您可以通过选择居中对齐、右对齐等来更改此设置。您还可以选择使图像成为宽幅或全幅。后者可用于将图像扩展到当前主题的标准内容区域之外。

要超链接您的图像，您可以单击链接图标并选择 媒体文件 或 附件页面：

如果要修剪图像，可以单击“裁剪”图标。执行此操作后，工具栏将展开以提供另外三个选项：

以下是每个图标含义的快速备忘单：

1. 放大镜可让您放大图像，范围从 0% 到 300%。
2. 纵横比让您选择图像的比例，包括纵向和横向选项。
3. 箭头图标可让您旋转图像。

进行调整后，您可以单击“应用”按钮保存更改。

最后，最后一个图标可让您在图像上添加文本：

与常规文本编辑器一样，图像上方会出现一个迷你工具栏。您可以使用这些控件来加粗、斜体或链接文本，并调整其对齐方式。

附加图片区块选项

如果您单击图片区块工具栏末尾的三个垂直点，您会发现各种附加选项。这包括以下设置：

• 复制图像
• 将图像编辑为HTML
• 将图像添加到可重用块
• 在图片区块之前或之后插入一个新块

现在，让我们转到侧栏中的区块设置。在这里您可以选择四种风格：

1. 默认
2. 圆角
3. 边框
4. 框架

以下是每种样式的外观示例：

接下来，在图片设置下，您可以找到用于输入Alt 文本 和 (1) 更改图像尺寸(2)的字段：

请注意，输入替代文本对于搜索引擎优化 (SEO)和可访问性目的都很重要。

在该选项下方，您可以调整图像的大小。您可以从下拉菜单中选择预设尺寸，或在宽度和高度字段中输入自定义值。

有效使用图片区块的技巧和最佳实践

一旦您学习了如何在WordPress页面和文章中插入图像，您可能会对学习如何有效使用它们感兴趣。如果是这样，您需要牢记一些提示和技巧。

首先，我们始终建议优化您的图像。您可以通过在上传图像之前压缩图像来实现此目的，以提高页面加载时间和整体网站性能。之后，优化文件名和替代文本可以帮助提高您的SEO（可以使用Smart SEO Tool插件对WordPress上传的图片进行标题及Alt文本优化）。

另一个充分利用 WordPress图片区块的技巧是花一些时间了解不同的调整大小和裁剪设置。能够直接在编辑器中裁剪图像（而不必转到媒体库）可以为您节省大量时间。了解如何使用这些控件可以帮助您快速无缝地增强页面以及图像在其中的显示方式。

最后，除了使用替代文字外，我们还建议在图片下方添加说明文字。这样做可以帮助您的用户更好地理解照片或屏幕截图的内容。这也是一个很好的地方，可以正确地将功劳归于您使用的第三方图像的原始来源。

关于图片区块的常见问题

此时，您应该对如何在您的 WordPress 网站上使用此块有一个深入的了解。但是，让我们快速回顾一些最常见的问题，以确保我们已涵盖所有要点。

如何插入WordPress图片区块？

导航到WordPress文章或页面后，您可以通过几种不同的方式找到图片区块。第一个选项是在文本字段中输入“/image”。第二个选项是单击“添加按钮”块或加号图标 (+)，然后在搜索字段中输入“图片”。

图片区块有什么作用？

简而言之，图片区块可让您将照片插入WordPress页面或发布，然后对其进行自定义。此块使您能够调整其外观的大小和外观，并直接在编辑器中显示它。您还可以使用图片区块通过计算机上传图像、从WordPress媒体库插入图像或从URL添加图像。

可以在WordPress的任何地方添加图像吗？

您可以在许多不同的地方将图片添加到WordPress网站。您的选项将根据您使用的主题而有所不同。但是，通过使用图片区块，您可以将它们插入到页面、文章和WordPress小工具区域中。

小结

在整个站点中添加图像是为您的内容增添趣味的最简单、最强大的方法之一。照片和屏幕截图不仅可以让您的内容更美观，还可以帮助提升整体用户体验 (UX)。

有了WordPress图片区块，在页面和文章添加媒体比以往更简单。通过从古腾堡编辑器中选择相关块，然后配置各种样式选项以对其进行个性化，您可以快速将图像插入到您的内容中。

段落区块是在你阅读每一个WordPress的博客文章的核心。该区块非常易于使用，但它隐藏了一些您乍一看可能会错过的功能。

在本教程中，我们将告诉您有关古腾堡编辑器段落区块的所有信息。这包括如何使用它、它的设置和选项，以及一些常见问题的答案。

如何将段落区块添加到文章或页面

将段落区块添加到文章或者页面内容只需几秒钟。首先，打开古腾堡区块块编辑器并通过单击文章或页面正文中的加号 (+) 添加一个新块。

段落区块应该是你最先看到的选项之一。如果不是，请单击“全部浏览” 以查看您可以使用的所有区块，或使用搜索栏搜索“段落”：

添加段落区块后，您可以继续并开始输入。如果您看到占位符文本“键入 / 以选择块”，如上例所示，则您已经在使用该区块。

请记住，在您开始输入之前，您不会看到任何自定义选项和文本设置。添加一些文本后，块上会出现一个格式菜单：

让我们在下一节中讨论这些格式选项是什么。我们还将介绍您可以与此区块一起使用的所有其他自定义设置。

段落区块设置和选项

如果您发布博客文章（或任何其他类型的书面内容），您可能会花费大量时间修改文本格式以使其看起来恰到好处。古腾堡区块编辑器通过为您提供一个各种格式选项的菜单，使该过程变得简单。大多数块都有类似的菜单，但它们包含的选项可能会有所不同。

在段落区块的情况下，以下是它允许您访问的格式选项：

1. 更改您正在使用的区块类型
2. 修改文本对齐方式
3. 粗体和斜体文本
4. 添加到段落的链接

如果您使用过任何类型的文本编辑器，您可能会认出所有这些选项。这是一个快速备忘单，向您显示每个单独设置在菜单中的位置：

您还会注意到格式菜单包括一个带有向下箭头的图标。单击该箭头将打开一个带有其他选项的子菜单。在那里，您可以在段落中嵌入图像、添加内联代码等：

在更改文本格式时，需要牢记一些小注意事项。段落区块，您可以粗体或斜体特定的词，以及链接添加到他们。但是，您无法更改段落部分的文本对齐方式。

没有看到将列表添加到段落的选项也可能令人惊讶。这是因为区块编辑器添加了一个独立的列表区块，它带有自己的一组功能。

如果您熟悉WordPress经典编辑器，为您编写的每个段落添加一个新区块似乎工作量太大。但是，区块编辑器使该过程变得简单。每次您按 Enter移到新行时，编辑器都会自动为您添加一个新的段落区块（您可以使用它或切换到另一个选项）。

除了格式选项之外， 段落 块还提供了一些额外的设置来帮助您自定义文本。要访问它们，请单击编辑器右上角的齿轮图标：

从此菜单中，您可以更改正在处理的段落的字体大小 (1) 和行高 (2)。同样，您可以更改文本的整体颜色、背景以及其中包含的任何链接的颜色 (3)。该菜单还包括一个选项，用于为您正在自定义的段落添加首字下沉 (4)：

我们刚才提到的所有设置都适用于整个区块。换句话说，您无法更改每个段落中特定单词的颜色或字体大小。同样，如果您启用首字下沉，则该设置仅适用于您选择的区块。

最后，段落区块还允许您添加HTML锚点和CSS 类。这意味着如果需要，您可以使用CSS进一步自定义区块：

这涵盖了可用于段落区块的所有选项和设置。

有效使用段落区块的技巧和最佳实践

段落区块是WordPress网页和文章的基础。您最终会经常使用这个区块，因此应该很容易掌握它的所有设置和选项。

当谈到段落时，要记住的主要事情是避免“文本墙”。使用大量的短段落对眼睛来说更容易，对用户也更有吸引力。这是因为当人们在网上阅读时，他们倾向于跳过他们认为不相关的信息。通过使用较短的段落，您可以根据用户的行为调整您的内容。

关于段落区块的常见问题

如果您对如何使用段落区块或其功能有任何疑问 ，本节将一一解答。让我们先谈谈WordPress如何对待每个段落。

可以使用单个段落区块吗？

如果您使用的是WordPress经典编辑器，则必须为每个段落添加单独的区块可能会有点复杂。但是，区块编辑器通过在您每次按下Enter时自动添加一个新的段落区块来解决该问题。

理论上，您可以在页面或文章上使用单个段落区块，并在其中包含您想要的所有内容。但是，长长的文字墙可能难以理解，因此我们不建议采用这种方法。

可以在段落区块中添加列表吗？

区块编辑器提供用于列表和段落的独立区块。这是因为它为每种类型的元素提供了不同的格式设置和样式选项。如果您习惯了经典编辑器，这可能会有点令人惊讶，但这是一个很容易习惯的小变化。

如何在段落区块中添加图像？

您可以在段落区块添加嵌入的图像。但是，我们建议您改用图片区块。使用图片区块，您可以访问更多用于自定义、调整大小和格式化图像的选项。

小结

段落是将大多数网站连接在一起的粘合剂。我们大部分时间都花在网络阅读内容上，如果您正在访问WordPress网站，则内容很可能是使用段落区块创建的。考虑到此元素的重要性，您必须了解其来龙去脉。

根据我们的经验，您将大部分时间花在块编辑器中处理段落、列表、图像和标题。一旦掌握了这些基本区块，使用更复杂的元素也应该很容易。特别是段落区块的最佳之处在于它与您需要的一样简单或深入。

WordPress嵌入区块支持将WordPress文章作为卡片的形式嵌入到您的文章或页面中。嵌入的文章将有自己的布局，并位于您的内容中，无论您选择何处。如果您要在自己的博客文章中间添加一个嵌入区块，它将如下所示：

在您的内容中嵌入WordPress文章有几个不同的原因。例如，假设您正在撰写一篇博文，并且想要嵌入另一位博主所写的博文。也许它会为您的文章添加重要信息，您的读者会发现有趣而无需您对其进行解释。或者，也许您正在评论或批评他人的作品，并且想要嵌入您正在谈论的文章。

在本文中，我们将讨论如何将WordPress嵌入区块添加到您的文章或页面、您可以使用的不同选项、充分利用嵌入功能的最佳实践以及使该过程万无一失的常见问题解答尽可能。

请注意，您只能选择要嵌入的公开文章。

如何将WordPress嵌入区块添加到文章或页面

以下是在文章或页面上嵌入WordPress文章的方法：

步骤1：找到文章的网址

转到您要嵌入的WordPress文章，从搜索栏中复制链接。

步骤2：打开或创建文章或页面

要更改已经发布的文章或网页，点击文章或页面的左侧栏，然后选择要编辑的文章或页面。

要添加新文章或页面，请点按边栏中的相关选项，然后选择该选项下方或页面顶部的“新增”。

步骤3：将WordPress区块添加到文章或页面

如果您使用的是Gutenberg（WordPress古腾堡区块编辑器），请单击空白区域并单击加号图标。在搜索块栏中，输入“WordPress”，选择显示的WordPress区块。

接下来，将显示一个窗口，您可以在其中粘贴之前复制的链接。粘贴链接，然后单击嵌入按钮。

这是文章嵌入后的样子：

如果您使用的是经典编辑器，则只需将WordPress文章中的链接复制并粘贴到文章或页面中。（您也可以在Gutenberg中执行此操作。）这是添加后的样子：

有时，无法嵌入链接。如果是这种情况，您会看到一条消息，内容为“抱歉，无法嵌入此内容。” 要重试，您可以单击窗口底部的转换为链接按钮。如果仍然无效，您必须输入不同的URL并点击重试。

WordPress嵌入区块设置和选项

嵌入区块将在顶部有一个带有六个选项的工具栏。从左到右，这些选项是：

• 更改块类型或样式
• 拖动
• 向上或向下移动
• 更改对齐方式
• 修改网址
• 更多选项

在我们深入了解每个人的功能之前，请注意这些设置仅在您使用古腾堡区块编辑器时才可用。在经典编辑器中，您可以对嵌入的文章进行的唯一更改（除了删除它）是更新URL：

更改区块类型或样式

单击更改区块类型或样式选项可以将块转换为列、组或段落。将鼠标悬停在其中一个选项上会显示它的外观：

（1）栏目

栏目选项，您可以添加多个列，然后添加区块那些列。

您可以选择默认样式，这意味着内容将适当地间隔开，或者选择重叠选项，其中一列将与另一列略微重叠（例如，您可能希望对照片执行此操作）。

您也可以使用颜色选项来更改文本、背景或链接颜色。

（2）组

组选项，可以将不同的区块组合一起。下图是默认布局，如果您选择边框，它会在区块周围添加边框并使内容更小。

您在此处具有与栏目区块样式相同的颜色选项。您还可以使用填充来调整区块之间的间距。

（3）段落

您不会想要选择段落选项，因为它会去除图像和文本，只留下URL：

拖动

当您将鼠标悬停在拖动选项上时，您的光标会变成一只手，您可以将区块拖动到您想要放置的任何位置。当你四处移动方块时，它会变成一个小黑盒子。

向上或向下移动

单击向上或向下箭头将相应地移动区块。如果您位于页面顶部，则不会有向上选项，如果您已经位于页面底部，则不会有向下选项。

更改对齐方式

有五个对齐选项可供选择：

• 居左对齐
• 居中对齐
• 居右对齐
• 宽幅
• 全幅

如果您选择居左对齐或居右对齐，内容将相应移动并缩小尺寸。选择其他三个选项中的任何一个都会使其更大，占据大部分页面宽度。

修改网址

如果您决定嵌入其他内容，则单击“编辑URL”选项可让您更改URL。

更多选项

在更多菜单有一些额外的选项和设置：

• 隐藏更多设置：这会隐藏页面右侧边栏上的文章和区块编辑器。
• 复制：这会将块复制到剪贴板，您可以进入另一个文章或页面（或当前文章/页面中的另一个区域）将其粘贴到那里。
• 创建副本：这会复制原始区块下方的区块。
• 在当前区块前或后插入：这些选项可让您在当前单击的块之前或之后插入块。
• 移动至：您的内容中将显示一条蓝线，您可以使用键盘上的箭头来移动它。当您点击Return 时，您的内容将重新定位在那里。
• 作为HTML编辑：这允许您更改区块的HTML代码。
• 添加至可重用区块：这将使您可以将区块添加到可重用区块中，从而更轻松地将其快速添加到其他文章或页面。
• 组合：这是将块更改为组的一部分的另一种方法。
• 移除区块：这将从您的文章或页面中删除区块。

使用WordPress嵌入区块的提示和最佳实践

除上述内容以外，还有一些WordPress嵌入区块技巧和最佳实践可以进一步提高您的技能。

选择可以丰富您内容的文章或页面

您的读者应该从您自己不会包含的嵌入内容中获得一些东西。也许你不能写一些东西，因为你没有专业知识。或者您不想深入研究它，因为您会偏离主题太多。有可能你可以写它，但其他人已经做了出色而彻底的工作，所以你宁愿把它留在他们的话中。您也可能想在您的网站上宣传其他人的内容。

无论您嵌入内容的原因是什么，请确保您的读者将从中受益，它不会重复您已经编写的内容，并且即使他们也想探索内容，他们仍然有理由留在您的页面上嵌入链接。

不要过多引入嵌入内容

嵌入内容可以使您的内容看起来更具吸引力，并为读者提供更多深入研究主题的方法。但不要过度——在您的内容中嵌入一两个块就可以了。您不想包含太多内容以致于您自己的内容丢失，并且您绝对不想引导人们离开您的站点太多以至于他们不会回来完成他们开始的那篇文章。如果您担心他们会被您推荐的任何链接所吸引，请将其包含在内容的末尾，而不是开头或中间。

使用古腾堡编辑器代替经典编辑器

虽然有些人在编写或自定义WordPress内容时更喜欢经典编辑器，但使用Gutenberg是利用您可以使用的所有区块选项的唯一方法。除非您喜欢嵌入内容的原样方式并且不想对其进行任何调整，否则您会想要使用Gutenberg。

要有耐心……并知道你想要做什么

虽然WordPress嵌入区块设置按预期工作，但有些人比其他人更喜怒无常。例如，对栏目和组进行试验就有点头疼。为不同的区块样式找到和调整附加设置需要大量的反复试验，有时按钮没有像我想象的那样响应。最终，我能够找到并编辑所有内容，但并非没有挫败感。

最好的办法是从一开始就知道自己想要什么。例如，如果您知道要创建栏目或分组项目，请决定将有多少内容和哪些内容放在那里。这将使进入和退出变得更加容易。

关于WordPress嵌入区块的常见问题

什么是WordPress区块？

区块是您将各种内容添加到WordPress文章或页面的地方。有许多区块类型可供使用，从纯文本和HTML区块到多媒体区块，甚至用于调查问卷、评级、社交媒体图标、时间线等的区块。

什么是古腾堡区块嵌入？

Gutenberg允许您添加带有嵌入内容的区块，包括音频、图像、视频、社交媒体内容和其他WordPress内容（如文章和页面）。

如何在WordPress中添加区块？

当您使用Gutenberg编辑器编辑文章或页面时，单击加号图标（它是黑框中的白色加号）。这将让您选择要添加到该区域的区块。

为什么不显示区块工具栏？

查看是否有您必须安装的WordPress更新。这发生在我们试验嵌入区块的中途。它工作正常，然后突然间，工具栏停止显示，WordPress甚至不会注册该区块已被选中。事实证明，当时发布了一个更新，必须安装它才能使一切恢复正常。

小结

当您为客户、粉丝、读者或访问您网站的任何人创建WordPress内容时，您希望他们尽可能留下深刻的印象。展示其他创作者（或您自己的另一个网站）的作品可以增强您的内容，并向您的访问者表明您关心他们的体验。他们不需要只生活在您的网站上才能继续享受它。为他们提供出色的内容，将他们发送到其他地方以从中获得更多收益，并且知道他们会回来的，因为他们喜欢您提供的整体内容，从您自己的想法到您无可挑剔的建议和策展技巧。

WordPress诗篇区块旨在以经过验证的格式显示文本。它在不更改换行符和空格的情况下显示文本。按Enter键开始下一行而不是开始一个新段落。它不适用于您的正常内容。相反，它是为诗歌、歌词或任何其他类型的文学表达而设计的。

了解如何使用诗篇区块可以帮助您正确设计内容的外观。在本教程中，我们将查看诗篇区块的设置和选项，查看如何使用它的最佳实践，并查看常见问题。

如何将诗篇区块添加到文章或页面

要将诗篇区块添加到您的页面和文章，请在您的内容中或页面左上角选择块图标，输入区块的名称，并在出现时选择它。

然后将诗篇区块添加到您的内容中，您可以在其中开始添加诗歌、歌词等。诗篇区块的默认样式将根据您使用的主题而有所不同。对于这些示例，我正在使用WordPress官方附带主题。

当您在字段中输入文本并按Enter键时，您将转到下一行。这与预格式区块而不是段落区块类似，后者在您按Enter时添加一个新段落。

它甚至会保留您在单词之间添加的任何额外空格。此示例显示已发布的文章，包含空格和换行符。

诗篇区块设置和选项

诗篇区块有两个带有设置和选项的区域。第一个是诗歌工具栏。第二个是右侧边栏中的诗篇区块选项。下面来看看两者。

诗篇区块工具栏

单击诗篇区块中的任意位置会打开其工具栏。

更改区块类型或样式

第一个设置将块更改为段落区块，更改列数，并让您分组。悬停会显示预览，以便您了解它的外观。

拖动或移动

拖动工具包括六个点。抓住这些点将块拖动到任何你想要的地方。或者，您可以单击箭头向上移动块或内容中的文本。

文本对齐

文本对齐选项包括左对齐、居中对齐和右对齐。这将移动文本在块内对齐的位置。

粗体和斜体

粗体和斜体设置适用于您选择选项时突出显示的文本。单独或一起使用它们，就像我在这个例子中所做的那样。

链接

链接设置允许您搜索或输入您突出显示的文本部分的 URL。

更多设置

更多设置链接会打开一个包含许多选项的下拉框。他们试图提供一个简单的例子来直观地展示它们的用途。

（1）内联代码

这将文本显示为代码。在此示例中，我已将第一行和第三行设置为代码格式。

（2）内嵌图像

内嵌图像打开媒体库，您可以在其中选择图像。图像内嵌添加到光标所在的位置。选择图像会打开一个下拉框，您可以在其中选择图像的宽度。

（3）键盘输入

键盘输入为您的内容添加键盘标签。这定义了键盘输入并以浏览器的默认等宽字体显示。

以下是在代码编辑器中查看文本时添加到文本中的标签。

（4）删除线

删除线会在您突出显示的文本中添加一行。

（5）下标

下标将您突出显示的文本格式化为下标。

（6）上标

上标将您突出显示的文本格式化为上标。

下标和上标一起使用可减小字体大小并使其水平居中。

（7）文字颜色

文本颜色可让您调整突出显示的文本的颜色。您可以从一些预先选择的颜色中进行选择，在颜色选择器工具上选择一种颜色，或者输入十六进制或 RBG 代码形式的值。

诗篇区块选项

诗篇区块选项包括：

• 隐藏更多设置– 这会隐藏右侧边栏，为您提供更干净的工作区。
• 复制– 复制诗篇区块，以便您可以将其粘贴到您想要的编辑器中的任何位置。
• 创建副本– 创建诗篇区块的副本并将其放置在原件下方。
• 在当前区块前插入– 在诗篇区块之前添加一个空格，您可以在其中放置另一个区块。
• 在当前区块前插入– 在诗篇区块之后添加一个空格，您可以在其中放置另一个区块。
• 移动到– 放置一条蓝线，您可以使用箭头键向上或向下移动。当蓝线到达您要将诗篇区块移动到的位置时，按 Enter 键，您的区块将自动移动。
• 作为HTML编辑 – 打开代码编辑器，您可以在其中将所有内容编辑为HTML。
• 添加至可重用块– 将诗篇区块添加到您的可重用区块列表中，以便您可以在任何页面或文章中使用它。
• 组– 将区块添加到组中，以便您可以将区块作为一个单元进行调整。
• 删除块– 删除区块。

区块设置

诗篇区块设置位于右侧边栏中。如果侧边栏显示，则选择区块将显示设置。如果侧边栏未显示，请单击齿轮图标，然后选择内容区域中的区块。

（1）排版

排版允许您从下拉框中选择整个区块的字体大小或输入自定义大小。

（2）颜色

颜色使您可以控制诗篇区块的文本和背景颜色。从预先选择的颜色中选择或选择自定义颜色。选择纯色或为背景创建渐变。将渐变设置为线性或径向。您还可以设置链接的颜色。

（3）间距

间距允许您为诗篇区块的所有边或特定边添加空间。

（4）高级

高级包括一个 HTML锚点选项和一个用于添加CSS类的字段。锚点是专门针对诗篇区块的特殊网址。这使您可以直接链接到此块。CSS类字段允许您创建自定义CSS来设置区块的样式。

有效使用诗篇区块的提示和最佳实践

使用它来显示与您网站上的标准文本不同的文本。如果您想在内容中保留空间，这也是一个不错的选择。

使用段落区块为诗歌或歌曲创建标题。

默认情况下，您的诗篇区块的样式将与您的主题相匹配。以不同的方式为您设计风格，使其从您网站的其他部分中脱颖而出。设计好样式后，将其添加到可重复使用的区块中，以便再次使用。

要将其转换为另一种类型的区块，您需要先将其转换为段落区块。然后，您可以将其转换为其他类型的区块。

关于诗篇区块的常见问题

诗篇区块的目的是什么？

它用于显示多行文本。这是诗歌、歌词等的理想选择。

诗篇区块和段落区块有什么区别？

它的工作方式与段落区块类似，不同之处在于它保留您的间距并通过按回车键将文本添加到下一行。段落区块要求您在按 Enter 键时按住 shift 键。

它可以用于诗歌之外的任何东西吗？

是的。它是诗歌和歌词的理想选择，但它也可用于您想要分成诗歌格式的任何类型的文本。例如，您还可以使用它来显示没有项目符号或编号的列表。

诗歌内容必须使用这个区块吗？

不一定。您可以在按 Enter 键时按住 shift 键将诗歌添加到段落区块中，但诗歌块是预先格式化的，因此更易于快速使用。只需输入您的文本，按回车键，然后在下一行继续输入。

小结

这就是我们对WordPress诗篇区块的看法。这是显示诗歌、歌词或任何其他类型的文学作品的绝佳区块。它对于您想要保留空格或换行符的任何类型的文本也很有用。它易于使用，并且可以为您的内容赋予段落块难以获得的视觉风格。我们强烈建议将这个专门的WordPress区块用于您所有的诗意内容。

如果您曾经在Gutenberg区块编辑器中搜索过特定块，那么您已经看到了WordPress区块目录，甚至可能不知道它。在5.5版中引入并在WordPress 5.8中使用模式目录进行了增强，区块目录的工作方式与WordPress.org上的主题或插件存储库非常相似。不同之处在于它直接内置在编辑器本身中，以便于访问和安装单个区块。使用区块目录，您只需单击一下即可将新功能、设计、布局和自定义区块添加到文章和页面——所有这些都来自区块编辑器本身。

如何访问和搜索区块目录

在其基础上，区块目录是区块编辑器扩展和插件的存储库，您可以安装它们以增强您创建的内容。WordPress 5.8 的版本包括一个新的模式库作为区块目录的一部分。此库为您提供了前所未有的WordPress Core后端设计访问权限。在插件库中，您可以找到一系列启用区块的插件。但是编辑器本身的主区块目录是一个单区块插件列表，您可以立即安装和使用它们。

虽然您绝对可以独立进入主题和/或模式目录，但最大的吸引力在于您可以在Gutenberg区块编辑器本身中访问此内容。只需按+ 按钮添加一个块，然后开始搜索您需要的任何区块。如果您已经安装了该区块，它将显示在此处。

但是，如果您不这样做，则结果的下一部分来自区块目录。5.8之后，第一段结果会是patterns，最初只能选择区块样式。

在模式结果下面是特定的区块，您可以直接从可用安装标题下的侧边栏目录安装这些区块。

这些结果基于您用作搜索词的任何内容。在撰写本文时，区块目录本身的结果有些有限。但是，随着越来越多的人向目录添加自定义区块和模式，搜索结果将变得更加健壮。

如何从目录中添加新区块

只需单击一个区块即可安装它。此外，该区块会立即出现在您的文章中。这是一个非常有用且有点令人讨厌的功能，因为您无法单击区块目录条目来展开和阅读描述或查看评论。但是，您可以将鼠标悬停在某个条目上以查看一些详细信息，例如星级和评论数量。

以这种方式通过目录安装块实际上会安装并激活相关的WordPress插件。您可以在管理面板的典型位置插件–已安装的插件中找到它。由于区块目录指南，这些区块的唯一选项将在编辑器本身中。

如果您出于任何原因需要卸载区块插件，这与使用WordPress管理仪表盘停用和卸载任何其他插件相同。

如何将自定义区块添加到WordPress区块目录

如果您是设计师或开发人员，您可能希望在目录中显示您的模式和区块。像所有其他WordPress库一样，有一个专门的过程可以将您的区块包含在目录中。该过程相对简单，使用单一工具进行验证、上传和删除。

开发插件

第一步显然是创建自己的插件。确保您首先遵循WordPress.org 包含的所有插件指南。从根本上说，自定义区块仍然是插件。除了这些准则之外，您的插件还必须符合要考虑包含的特定于区块的准则。

请记住，如果您提交到目录，您的插件必须只包含一个块。如果您正在创建它们的套件，您将需要决定是将它们作为一个包包含在传统存储库中，还是将它们作为单独的块发布以包含在此处。

验证并发布您的插件

开发区块插件后，您需要对其进行验证。该区块插件检查是一个简单的工具，您可以上传一个 .zip文件的代码库文件或URL（从SVN，GitHub上，还是从插件库本身）。

如果检查器发现问题，您需要在发布之前解决这些问题。如果验证器返回一条没有发现问题的消息，您就可以实时推送它了。您将使用相同的工具来发布区块插件。

您还将使用相同的工具将其从目录中删除或在更新代码和功能时对其进行调整。

小结

这是新WordPress生态系统的隐藏宝石。作为用户，从编辑器内向内容添加单个外部区块是一个巨大的用户体验增强。作为创建者，区块目录为您提供了前所未有的用户访问权限。以前，他们必须通过库寻找插件。多亏了区块编辑器，您的创作——出于所有意图和目的——在他们搜索时寻找它们。希望用不了多久，更多的用户和开发人员就会意识到并使用这个神奇的工具。对于参与WordPress的每个人来说，它都是一个非常强大的工具。

列表看似简单，但却是强大的工具。列表使您能够以一种比长而无休止的段落以更易于阅读的方式共享信息。它们使您能够切入正题并为用户提供他们正在寻找的确切信息。换句话说，列表是您可以使用的最强大的工具之一来构建引人入胜的内容。

创建列表很容易，如果您使用WordPress，您将可以访问专用的列表区块，该区块使您能够以多种方式自定义此元素。在本教程中，我们将讨论列表区块，解释它的工作原理，并介绍一些提示以帮助您创建更好的列表。

如何将列表区块添加到文章或页面

在WordPress中添加块是一项简单的任务。转到要添加列表区块的任何文章或页面，然后使用“浏览所有” 选项或搜索栏找到它：

选择列表区块后，您将能够开始处理新列表。该过程的下一部分很简单。您可以在无序（项目符号）或有序（编号）列表之间进行选择，然后开始添加条目，直到您满意为止：

正如您在上面的菜单中看到的那样， 列表区块包括广泛的其他设置。让我们看看这些选项是什么。

列表区块设置和选项

使用区块编辑器添加的任何元素都有两组选项。如果将鼠标悬停在任何块上，将显示一个菜单，其中通常包含基本格式选项。如果您单击屏幕右上角的齿轮图标，您还可以访问特定于区块的设置菜单：

让我们先回顾一下鼠标悬停在列表区块上时出现的快速设置访问菜单 。从菜单的左端开始，您可以访问以下设置：

1. 更改您正在使用的区块类型
2. 将方块向上或向下移动一个点
3. 在无序列表和有序列表之间进行选择
4. 在列表条目中添加或删除缩进
5. 加粗、斜体或添加指向部分文本的链接

这是一个快速备忘单，显示了与这些选项对应的菜单项：

向列表区块添加格式的工作与任何其他基于文本的元素非常相似。您可以将特定条目或什至只是其中的一部分加粗或斜体，这同样适用于链接。

您还会注意到此菜单最右侧的一个附加选项。向下箭头包括更高级的格式选项，例如添加内联代码、图像、“删除线文本”、文本颜色等：

请注意，虽然可以将图像添加到列表区块，但结果往往看起来很尴尬（最好使用专用的图片区块）：

继续，一旦您打开屏幕右侧的 “设置” 菜单，您就可以访问更高级的配置选项。在那里您可以更改整个列表的字体大小，以及选择文本和背景颜色：

请记住，字体大小和颜色设置适用于整个列表，而不是单个条目。如果您想进一步自定义列表的样式，则需要使用CSS 类和HTML锚点。为此，请打开块 设置菜单下的高级选项卡（它位于字体大小和颜色选项的正下方）：

这涵盖了如何在WordPress中使用列表区块的所有基础知识 。然而，创建引人入胜的列表不仅仅是基本的格式和样式。让我们来谈谈如何确保您的清单顺利进行。

有效使用列表区块的提示和最佳实践

您可以使用许多提示和技巧来创建更具吸引力的列表。由于我们有很多使用列表区块的经验，我们将使用我们自己的列表分享一些我们最喜欢的技巧。以下是在WordPress中处理列表时要记住的事项：

• 每当您需要共享可以分解为易于阅读的点的关键信息时，请使用列表。
• 避免将图像添加到您的列表中，因为它们可以将注意力从单个条目上移开并破坏格式。
• 不要以相同的词开始列表中的每个条目，这样行就不会混合在一起。
• 对列表中的每个条目使用一致的样式和格式。

如果列表持续时间过长，用户可能会开始忽略其中的某些条目。为了清楚起见，您可以对需要对每个项目进行额外解释的列表使用以下样式：

• 突出显示条目的开头。 通过突出显示初始短语或句子，您可以为每个列表项指定自己的标题，然后使用常规文本扩展该点。
• 列表太棒了。没有什么比一个很好的清单更能说明问题的了。

尽管列表可能非常有效，但重要的是不要过度使用它们。如果您正在处理包含大量内容的文章或页面，则文本、图像、列表、表格和其他类型的元素之间应该保持健康的平衡。这种多样性将使游客保持参与。另外，它将确保当您使用列表时，读者会注意它。

关于列表区块的常见问题

到目前为止，您几乎了解了有关WordPress列表区块以及如何使用它的所有信息。但是，让我们回顾一下有关此块的一些最常见问题，以确保您不会错过任何关键信息。

在哪里可以找到WordPress列表区块？

当您向页面或文章添加新元素时，您可以使用搜索功能或浏览全部 选项找到列表区块 。请记住，还有其他区块包含“列表”一词，例如文章列表和页面列表。 但是，这些区块提供了一组完全不同的功能。

页面列表和文章列表区块有何作用？

您可能已经注意到WordPress中有不止一种类型的“列表”区块。页面 和文章列表区块是什么所谓的“Theme Building”区块。它们的使用方式与我们在本文中介绍的标准列表区块非常不同。无论您将它们放置在何处，它们都会添加您网站页面和文章的列表作为元素。与大多数其他区块不同，这两个区块不包含任何格式或样式选项。

传统上，大多数用户将页面列表 和文章列表区块添加到侧边栏或页脚小工具。这样，您可以将访问者引导至他们可能认为相关的网站其他部分。但是，这两个元素都与传统的列表区块没有太多共同之处。

可以在WordPress的任何地方添加列表吗？

您可以在可以访问区块编辑器的任何位置添加列表区块。这包括文章、页面和WordPress小工具。当编辑WordPress的小工具，你可以访问区块编辑器和它的所有内容，包括的列表框和选项，如页面列表和文章列表。

小结

您可能不会认为列表非常迷人，但您错了。列表是任何类型的引人入胜的内容中最基本的元素之一，但当您处理页面和文章时，它们会变得特别有用。无论您在WordPress网站上发布什么类型的内容，列表都可以更轻松地共享关键信息并吸引访问者的注意力。

WordPress让您可以访问功能强大的列表区块，其中包含大量格式和样式选项。您可以在网站上的任何位置放置列表，包括文章、页面和小工具，我们建议您充分利用此功能。

WordPress 5.0中正式引入的古腾堡区块编辑器让用户有机会完全自定义他们的WordPress内容和网站。不再受需要在TinyMCE经典编辑器等WYSIWYG工具中创建的限制，Gutenberg为文章或页面内容的每个元素提供单独的区块。通过控制每个特定区块的设置，用户可以比以往更轻松地设计WordPress内容。让设计脱颖而出的最简单方法之一就是让它们超越默认设置。因此，我们将研究如何在WordPress中调整区块的大小，以便您可以开始跳出框框思考（和设计）。

由于区块的响应性质，区块编辑器中的大多数调整大小仍然受限于站点的内容区域。如果您将页面的内容区域设置为全幅，您将在该空间内工作。例如，如果您将文章内容区域设置为580像素或1200像素，您将在那里工作。我们用来教您如何在WordPress中调整区块大小的方法都是基于这样的想法，即您将停留在任何特定区块容器的边界内。

如何在编辑器中调整区块大小

一些（但不是全部）块具有内置的调整大小选项。由于显而易见的原因，这些是最容易调整大小的。但是，根据区块的不同，调整大小选项将位于不同的位置。

示例 #1：图片区块

单击区块会弹出上下文菜单，这里的调整大小选项实际上是间距选项。但是， 宽幅宽度和全幅宽度对齐会将图片区块的大小更改为容器的宽度（宽幅）或整个页面的宽度（全幅）。

您还可以使用右侧边栏中的块设置调整图片区块的大小。恰当命名的图像大小部分有许多选项，您可以使用这些选项调整区块的大小。

WordPress有一个用于快速调整大小的下拉菜单，您可以从缩略图、中、大和全尺寸中选择预设 。选择全尺寸将因您的主题而异，无论它是实际完全显示还是适合内容区域。

您还可以按像素专门调整宽度和高度。在此之下，您可以按百分比进行调整。该百分比基于在宽度和高度字段中的数值。不是您从下拉菜单中选择的预设图像尺寸。

最后，您可以单击图像本身以显示带有白色圆形锚点的蓝色边框 。您可以拖动它们来调整区块的大小。

您只需单击并拖动任何锚点即可缩放图像。这样做将调整块设置菜单中高度和宽度字段的大小。

示例#2：活动区块

对于活动区块，调整大小设置仅在编辑器本身的上下文菜单中。（Event Block是您将安装的Automattic的一个单独插件，它不是古腾堡核心编辑器的一部分。）

像一些图片区块选项一样，这里的调整大小选项在技术上是间距选项。但是这两个选项是居中对齐和全幅宽度。您可以选择一个在容器中居中或在屏幕上的整个宽度。

在编辑器本身中调整区块的高度有点麻烦，但有效。如果您只是在空区块字段中按Enter/return，则可以通过插入额外的空段落区块来扩展高度。

这是一个不太理想的解决方案。但它很快，而且在紧要关头工作——特别是考虑到活动区块没有真正的高度调整选项。

示例 3#：在WordPress中使用栏目调整区块大小

如果您需要调整大小的区块在其设置面板或上下文菜单中没有调整大小选项，则使用区块编辑器的栏目是您可以调整任何块大小的另一种方式。只需按任意+ 按钮搜索栏目区块即可添加新区块。

在栏目区块中，您可以添加所需的任何其他区块。在搜索选项中，还会出现区块编辑器模式。这些是您可以插入到文章或页面中的模板，其中内容已经调整大小和放置，等待您的内容替换占位符。

从一开始，栏目区块就允许您选择栏目本身的大小。它分为6个不同的方向，每个方向都有不同的页面百分比用于各个栏目。

这些不是您可以使用的唯一配置。您可以使用块内的 蓝色 + 按钮 随时添加新栏目。每个单独的栏目都有自己的设置面板，您可以在其中按百分比单独调整其宽度。

可能需要进行一些实验才能使尺寸适合您的设计。但是，当它完成后，您可以在首页上放置一些精心设计且间隔适当的内容。请记住，区块编辑器中的任何空栏目也将在前端显示为空。

通过调整不同栏目的宽度、位置和数量，您的区块几乎可以以任何方式调整大小和放置。

需要更多尺寸选择？考虑使用更高级的页面构建器

我们意识到其中一些调整区块大小的方法可能会受到限制。如果您发现它们对您来说限制太多，那么可能是时候研究更高级的页面构建器了。

例如， Divi为每个模块（区块）提供了大小调整和变换选项，与古腾堡相比，您可以更好地控制形状、大小和间距。大多数高级页面构建器也是如此，因此如果您发现Gutenberg的选项过于有限，那么查看Divi之类的内容可能是下一步的最佳选择。

如何使用CSS调整WordPress区块大小

每个区块在高级设置下的设置面板中都有一个CSS部分 。除了任何其他特定于块的高级设置外，每个设置都有一个字段用于额外CSS类。您可以将您想要的任何选择器分配给这个单独的区块，无论它们是否已经存在于您的站点上，或者您是否专门为此区块创建了它。

通常，我们建议对单个区块使用CSS ID而不是类，但区块编辑器不支持（至少默认情况下）。因此，您将只想使用多个类来跟上单个区块而不是ID。类实际上是为了涵盖大类的元素类型，而ID是为了单个元素。在这种情况下，我们建议使用清晰的命名约定来保持代码中的简洁。

无论如何，您只需将类输入到文本字段中即可。 请勿在此字段中的类名称前包含句点/点。

现在，您应该导航到外观– 自定义并在最底部找到额外CSS部分。编写或粘贴CSS代码以根据您的喜好调整区块的大小。

我们建议避免使用以像素 (px)为单位的度量，因为它们是绝对的。最好使用 vw（视口宽度）、vh（视口高度）或% （百分比）来调整区块。这些都将参考设备和/或它周围的其他内容进行缩放。

.block-1 {
    height:35vh;
    max-height:50vh;
}
 
.block-2 {
    width: 100vw;
}
 
.block-3 {
    max-width:80vw;
}

请记住，%和vw/vh也不同，尽管它们的功能相似。它们都按百分比起作用，但它们与不同的锚点有关。

百分比测量与元素所在的容器有关。因此，如果元素所在的部分或行没有到达屏幕的边缘，即使设置width:100%也不会到达边界。

然而，使用 vh/vw将是相对于设备本身的视口，而不是站点的元素。使用height:80vh，您可以始终确保此块占据屏幕高度的 80%，无论它是显示在移动设备、台式机还是平板电脑上。

小结

WordPress中的区块编辑器为用户提供了大量以前不可用的自定义选项（即在编辑器本身内）。了解如何在WordPress中调整区块大小对于能够最大程度地利用区块编辑器至关重要。现在有了全站点编辑功能，这项技能只会随着时间的推移变得更加有用。