分类： 学习

预格式区块显示您键入的文本。这意味着您可以在文本中包含空格和换行符。了解如何使用预格式区块可为您提供多种优势，例如将文本的各个部分分开并创建突出的元素。幸运的是，此区块包含多个样式选项，并且易于使用。

在本教程中，我们将介绍WordPress预格式区块。我们将了解如何将其添加到文章和页面，并查看其选项和设置。我们还将看到一些使用它的最佳实践，以及最常见的问题。

如何将预先格式区块添加到文章或页面

通过单击区块插入器工具将预格式化区块添加到您的内容中。您会在左上角和内容区域中找到它。搜索预格式并单击Enter。

您还可以通过键入/preformatted并在您希望它出现的内容区域中按 Enter来添加区块。在您键入时，WordPress会根据您输入的字母提供建议，因此您只需在看到该区块时单击它即可。

预格式区块现在已添加到文章或页面。预格式区块类似于段落区块、诗篇区块和代码区块。这是它们之间的一种交叉，但它也简化了它们。它显示您键入的文本，但不会更改格式，而是保留它。这包括所有空格和换行符。它以等宽字体显示。

预格式区块设置和选项

与大多数WordPress区块一样，该区块包含一个设置工具栏和侧边栏中的选项。这是两者的近距离观察。

预格式区块工具栏设置

工具栏位于区块上方，包含大多数标准工具。

更改区块类型或样式

此区块可以转换为其他几个区块，包括段落区块、组区块、栏目区块和代码区块。突出显示选项会显示您的内容的外观预览。

拖动和移动

拖动工具显示为6个点。抓住这个区域，您可以将区块拖放到内容中的任何位置。每次单击箭头时，向上和向下移动箭头都会在内容中向上或向下移动一个区块。

粗体、斜体和链接

粗体、斜体和链接设置控制单击按钮时突出显示的文本。您可以单独或一起使用它们。您可以通过在链接弹出窗口底部启用链接来在新选项卡中打开链接。

带有链接的文本带有下划线以表明它是可点击的。单击编辑器中的文本会打开链接编辑器，您可以在其中更改链接。

下拉选择

“更多”下拉按钮包括多个格式选项，这些选项适用于您单击该选项时突出显示的文本。选项包括：

• 内联代码– 这使您的文本看起来像代码，并防止区块中的任何代码执行。预格式这个词是上图中的内联代码。
• 内嵌图像– 这使您可以将媒体库中的图像放置在鼠标光标所在的位置。
• 键盘输入– 使用键盘HTML格式设置文本样式。文字文字在上图中使用键盘输入样式进行样式设置。
• 删除线– 这会在文本中放置一行。上图中的等宽字有删除线。
• 下标– 这会将文本设置为比其他文本更低更小。上图中的你这个词是一个下标。
• 上标– 这将比其他设置更高和更小。上图中的字线是上标。
• 文本颜色– 这让您可以更改文本的颜色，就像我在上图中对单词Divisions所做的那样。

更多选项

预格式区块选项包括：

• 隐藏更多设置– 这将隐藏或显示右侧边栏。
• 复制– 这会复制预格式区块，以便您可以将其粘贴到内容中的其他位置。
• 创建副本– 这会将预格式区块的副本放在原始区块下。
• 在当前区块前插入– 这会在区块上方为另一个区块添加一个空格。
• 在当前区块后插入– 这会在区块下方为另一个区块添加一个空格。
• 移动至– 这会放置一条蓝线，您可以使用箭头向上或向下移动，并将您的区块移动到您选择的位置。
• 编辑作为HTML编辑 – 这将打开代码编辑器，以便您可以将内容编辑为HTML。
• 添加至可重用区块– 这会将您的预格式化区块添加到您的可重用区块中。
• 组合– 这会将区块添加到组中，以便您可以将它们作为单个区块进行调整。
• 移除区块– 这将删除区块。

预格式区块设置

预格式区块设置位于右侧边栏中。如果未显示，请单击右上角的齿轮。单击区块内的任意位置以查看其侧边栏选项。

排版

排版可让您选择整个区块的字体大小。从下拉框中选择尺寸或输入自定义尺寸。单击重置可恢复为默认设置。

颜色

颜色选项可让您设置文本和背景颜色的样式。背景可以是纯色或渐变色。您可以从多种预选颜色中进行选择或选择自定义颜色。如果颜色组合可能难以阅读，您会在右下角看到一条消息。在本例中，我将背景设置为橙色，将文本设置为白色。这表明它可能难以阅读。

渐变背景可以设置为线性或径向。使用颜色选择器选择两种颜色或输入颜色为 RGB 或 HSL 代码。颜色可以包括不透明度。对于线性，您可以设置角度，就像我在上面的示例中所做的那样。将它们靠近在一起以在它们之间创建一条清晰的线，就像我所做的那样，或者进一步分开以控制它们的混合方式。

高级

高级设置包括一个 HTML锚点选项，因此您可以直接链接到预格式区块。它还包括一个用于添加CSS 类的字段，以便您可以使用自定义CSS来设置区块的样式。

有效使用预格式区块的技巧和最佳实践

任何时候您想在您的内容中添加空格或分行时，都可以使用此区块。段落区块不保留该格式。

为文本和背景使用颜色以将其与其他内容区分开来。这也防止它看起来与代码区块相同，这很重要，因为两者都使用等宽类型。

用它来强调你的文本。由于它可以保留空格和行分割，因此可以用来将文本的一部分与其余部分分开。

使用间距和分割以及字体和背景选项来创建独特的标题来分隔您的内容。

关于预格式区块的常见问题

预格式区块的目的是什么？

显示带有换行符和空格的文本，同时能够更改字体大小、颜色和背景，并添加链接。

它与诗篇区块有何不同？

诗篇区块有点复杂。它包括对齐选项并且不以等宽显示文本。它还包括一些间距功能并为链接添加颜色选项。

它与代码区块有何不同？

它包括背景的样式选项。虽然代码区块在“更多选项”中有一个字体颜色选项，在侧边栏中有一个字体颜色选项，但它在侧边栏选项中不包括字体和颜色

它与段落区块有什么不同？

段落区块不会保留您的换行符。在预格式化块中，您可以通过单击Enter向文本添加新行。对于段落区块，这会将您带到一个字段以添加新区块。段落区块还包括更多文本设置。

它可以用来做什么？

间距和分行显示的文本与您的其余内容不同。字体和背景颜色可以为服务、引用（尽管引用区块和引文区块可能是更好的选择）、推荐、号召性用语等创建卡片。

小结

这就是我们对WordPress预格式区块的看法。该区块通过保留间距和线划分为您提供了一些有趣的设计功能。与代码区块不同，您仍然可以使用背景颜色工具。这个区块是一个很好的选择，可以帮助你的文本脱颖而出，它甚至可以用来创建设计元素来展示你的服务并引起人们对某些东西的注意。

WordPress表格区块允许您为文章或页面创建表格。这非常适合显示表格数据。它易于使用，并且可以根据您的网站设计进行样式设置。

在本教程中，我们将仔细研究表格区块。我们将了解如何将其添加到文章和页面、其设置和选项、最佳实践以及常见问题。

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

单击要添加区块的区块插入器并搜索表。当表格区块出现时，单击它以将其添加到您的内容中。或者，您可以使用屏幕左上角的插入器，或输入/table并按 Enter。

这会添加表格区块，您可以在其中指定列数和行数。输入表所需的列数和行数，然后单击“创建表”。

您的表格将出现在屏幕上，您可以在其中向单元格添加内容并在底部添加标题。默认样式将根据您使用的 WordPress 主题而有所不同。我在示例中使用了 22-1 WordPress 主题。

表格区块设置和选项

让我们看看设置和选项。

表格区块工具栏

单击表格时，表格区块工具栏会出现在表格上方。

更改区块类型或样式

这使您可以将表格添加到组中，设置布局的列数（不是表格列），并为表格选择所需的样式。样式有两种选择。默认样式具有纯色背景，而条纹则每隔一行添加一条灰色条纹。将鼠标悬停在选项上提供预览。

更改对齐方式

将表格设置为左、中、右、宽幅或全幅。并非所有主题都支持宽幅和全幅。在此示例中，我已将其设置为宽幅。

列对齐

分别为每一列选择对齐方式。将它们设置为左对齐、居中对齐或右对齐。在本例中，我将左栏设置为右栏，并将其余栏设置为中心。

粗体和斜体

粗体和斜体设置调整您突出显示的文本。表格或标题中的任何文本都可以设为粗体、斜体或两者兼而有之。您必须独立选择每个单元格。

链接

添加指向表格或标题中任何内容的链接。我在此示例的标题中添加了指向手表名称和标题的链接。当您键入URL时，它会在您的网站上搜索您以前使用过的 URL，并提供它们作为建议。

更多下拉选项

这将打开一个包含多个选项的下拉框。以下每个选项都添加到上图中：

• 内联代码– 显示样式为代码的文本。
• 内嵌图像– 打开媒体库，您可以在其中选择要内嵌在光标位置的图像。您可以选择图像以更改其宽度。
• 键盘输入– 向您的内容添加键盘标签以定义键盘输入。它以浏览器的默认等宽字体显示。
• 删除线– 在您突出显示的文本中放置一行。
• 下标– 将您突出显示的文本设为下标。
• 上标– 将您突出显示的文本设为上标。
• 文本颜色– 可让您更改突出显示的文本的颜色。您可以从预制颜色中进行选择，使用颜色选择器工具选择一种颜色，或者以十六进制或RBG代码的形式输入值。

编辑表

编辑表选项打开一个下拉框，您可以在其中插入或删除行和列。在您选择的行或列之前或之后添加它们。这样可以随时轻松更改表格的大小。我在这个例子中添加了两者。

区块选项

表格区块选项按钮会打开一个下拉框，其中包含更多可供选择的选项。表选项包括：

• 隐藏更多设置– 此选项隐藏右侧边栏，为您提供更干净的工作区。
• 复制– 将表格区块复制到剪贴板。然后，您可以将其粘贴到该页面或文章中您想要的任何位置。
• 新建副本– 在表下创建表格区块的副本。
• 在当前区块前插入– 在表格区块之前为区块插入空间。
• 在当前区块后插入– 在表格区块之后为区块插入空间。
• 移动至– 在区块编辑器中放置一条蓝线。您可以使用箭头键向上或向下移动线。将蓝线移到您想要移动表格区块以按 Enter 键的位置后，您的区块将自动移动到新位置。
• 作为HTML编辑 – 此选项更改为代码编辑器，因此您可以将内容作为HTML。
• 添加至可重用区块– 此选项将您的表格区块添加到可重用区块中，以便您可以在任何页面或文章上再次使用它。
• 组合– 这会创建一个组，以便您可以一起调整所有区块。
• 移除区块– 此选项删除表格区块。

表格区块设置

表格区块设置与右侧栏中的其他设置一起放置。如果侧边栏未打开，请单击右上角的齿轮图标，然后单击表格区块中的任意位置以显示设置。您将看到带有图标和简短说明的“表格”一词。您还将看到样式、颜色、表格设置和高级选项。单击每个标题以打开其设置。

样式

表格区块样式让您可以在非条纹或条纹表格之间进行选择。也可以在两种样式下的下拉框中设置默认样式，也可以不设置。样式提供预览

颜色

颜色使您可以控制表格区块的文本、网格和背景颜色。从多种预选颜色中进行选择，或从颜色选择器中选择一种自定义颜色。

对于文本和网格，选择一个。对于背景，选择纯色或创建渐变。文本和背景颜色都允许您输入十六进制或 RGB 代码。背景渐变可以是线性的或径向的。线性包括允许您控制方向的设置。

在上面的示例中，我为文本和网格选择了白色，并为径向渐变选择了一些蓝色阴影。

如果您选择了条纹样式，背景颜色将控制背景的条纹颜色。条纹可以是纯色或渐变色背景。

表格设置

表格设置提供了可以打开或关闭的选项。设置包括：

• 定宽单元格– 使单元格大小相同，因此表格看起来一致。它阻止单元格适应其内容的大小并使其大小不同。
• 页眉章节– 用粗体文本在顶部添加一行。它用粗线与其他单元格隔开。这些独立并用作列的标签。
• 页脚章节– 在表格底部添加一行作为页脚。它用粗线与其他单元格分开，但默认情况下文本不是粗体。这对于汇总信息、提供总数或为大表重复标题很有用。

高级

高级表格区块设置包括用于 HTML 锚点的选项和用于添加其他 CSS 类的字段。锚点用作特殊 URL，因此您可以直接链接到表区块。CSS classes 字段允许您添加自定义 CSS 类来设置区块的样式。默认情况下，它为您在样式设置中选择的样式提供了一个类。

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

任何时候需要显示表格数据或内容时，都可以使用表格区块。不要使用它们来创建列。列区块最适合于此。

使用段落区块为表格添加标题。

通过添加标题为行创建标题。使用易于理解的清晰标签。

使用固定宽度使桌子看起来更精致和专业。

为较大的表格选择条纹以使其更易于阅读。

如果表格很大，请使用页脚来总结信息或再次显示标题。

关于表格区块的常见问题

表格区块的最佳用途是什么？

这个区块非常适合创建表格和图表。

可以使用表格区块块来创建栏目吗？

是的，但它不能让您对栏目进行足够的控制。最好为此使用栏目区块。

以后可以更改表格大小吗？

是的。使用表格的选项插入或删除行或列。

小结

这就是我们对WordPress表格区块的看法。这是创建基本表格的绝佳区块，您甚至可以在某种程度上对它们进行样式设置以匹配您的网站。此区块是区块编辑器的优势之一。使用此区块创建的表很简单，但它们运行良好且易于构建。

在本次WordPress教程中，我们将解释什么是WordPress自定义字段并讨论如何使用它们。然后我们将向您展示如何将它们添加到您的文章中并介绍一些可选插件。

当您对WordPress感到满意时，您可能想要开始突破它的界限。这意味着尝试使用该平台的一些更高级的选项。例如，您可能会从学习如何创建自定义字段中受益。

向您的WordPress文章添加自定义字段使您可以为其分配额外的数据。反过来，这有助于您仅向特定文章添加特定信息或功能。例如，您可以使用自定义字段来告诉WordPress您的哪些文章是受赞助的，然后将一些代码添加到您的主题文件中，以便仅在这些文章上显示披露声明。

自定义字段简介

默认情况下，WordPress文章编辑器非常灵活，可让您将内容自定义到N级。您可以在文章中添加任何您喜欢的内容。但是，您拥有的内容越多，您就越可能希望以更好的方式来组织和管理它。

自定义字段是一种更高级的WordPress功能，可让您向某些文章添加额外信息。该信息称为“元数据”。自定义字段和元数据对开发人员特别有用，他们可以使用它们来扩展各种编码的文章。尽管如此，它们也对更一般的WordPress用户有益。

例如，假设您想表明您博客上的哪些文章是受赞助的，以确保您对观众保持透明。您可以单独为每个相关文章添加简短的披露声明。或者，您可以使用显示相关消息的自定义字段来节省一些时间。然后，您可以向主题文件添加代码，使您的披露声明显示在正确的文章中。

如果这听起来很复杂，请不要担心。使用自定义字段比看起来更简单。事实上，我们将在下面向您展示如何实现此示例。如果您对自定义字段和元数据的其他潜在应用程序感兴趣，您可能还想查看有关该主题的WordPress Codex条目。

如何为WordPress文章添加自定义字段

自定义字段的概念可能看起来有点抽象。让我们通过一个例子来看看这个功能是如何工作的。该通用过程可应用于多种应用。您可以为您的文章添加状态更新，包括有关赞助内容的披露通知等等。

但是，您首先需要花点时间备份您的网站。如果您按照这些说明进行操作，您将对主题的主文件实施更改，并且您不想冒险犯任何永久性错误。为了额外的安全性，还建议创建一个子主题并使用它而不是您的基本主题。

1. 启用自定义字段并为文章分配新的元数据

您需要做的第一件事是打开您想要添加自定义字段的文章。它可以是旧文章或新文章。进入文章编辑后，单击屏幕右上角名为“显示选项”的选项卡：

在这里，您可以自定义文章中出现和不出现的内容。您要确保选中标有“自定义字段”的框（默认情况下，通常不会）。然后，只需关闭显示选项菜单。

现在，如果您在文章编辑器下方向下滚动，您会发现一个新部分。

在名称和字段值下，您将添加一些元数据来描述要添加到此文章的信息。根据您安装的主题和插件，您可能已经在名称下列出了一些选项。无论如何，您将希望在此实例中创建新的元数据。

为您的元数据选择一个名称。它可以是任何东西，但最好保持简短和描述性。继续上面关于在特定文章上显示披露声明的示例，我们将其称为Sponsored Post。然后我们将在值框中添加一个简单的“是” ，表明此特定文章是赞助的。

单击添加自定义字段，此元数据现在将分配给您的文章。不要忘记保存或更新文章。

2. 将条件代码添加到您的主题文件中

上一步告诉WordPress有关您文章的重要信息：它是否是赞助内容。现在，您需要添加路线，以便您的网站知道该怎么做。正如我们之前提到的，这将涉及一些编码知识。但是，不要让它吓到你。即使您不是开发人员，您也会发现该过程相对简单。

在WordPress中，您需要导航到外观>主题编辑器。在这里，您可以浏览并更改构成您网站的文件。您需要查看右侧的侧边栏并找到Single Post文件（也称为single.php）。

您将在此处添加代码，该代码将告诉WordPress如何响应您的自定义字段。您将使用的确切代码会有所不同，具体取决于您想要做什么。在我们的示例中，您需要添加以下代码段：

<?php
$meta = get_post_meta( get_the_ID(), 'Sponsored Post' );
if( $meta[0] == 'Yes' ) {
?>
<p>This post is sponsored content, and we received a free copy of the product in order to conduct our review.</p>
<?php } ?>

然后，单击“更新文件”按钮。此代码告诉WordPress检查并查看文章是否具有Sponsored Post自定义字段，以及该值是否设置为“是”。如果是这样，它将显示消息。如果没有自定义字段，或者Sponsored Post值设置为“No”，则不会向文章添加任何额外内容。

此外，在那里您将代码将确定何时在后显示出来。例如，要让它出现在页面顶部，您需要在single.php文件中的这一行之前添加它：

while ( have_posts() ) : the_post();

希望您开始了解自定义字段的用处。使用此功能时有很多可能性，所以不要害怕尝试一下，看看你可以用它完成什么。

使用插件管理您的自定义字段

您现在知道如何向WordPress文章添加自定义字段和元数据。但是，如果您想从该功能中获得更大的灵活性，或者您只想简化流程，该怎么办？这是我们正在谈论的WordPress，所以当然，有一些插件可以帮助您。

与自定义字段相关的插件并不多，但您可以找到一些质量选项。有关一个很好的示例，请查看高级自定义字段插件。

这个非常流行的免费插件简化了向WordPress添加自定义字段的过程。它还为您提供了更多元数据添加位置的选择，例如添加到用户、媒体和评论。最后，它添加了工具以提供更多选项以在主题文件中显示自定义字段值。甚至还有一个具有更多功能的高级版本。

如果该插件看起来有点矫枉过正——它可能适用于非开发人员——Custom Field Suite是一个不错的选择。

该工具本质上是高级自定义字段的轻量级版本。它为您的站点添加了一些有用的新自定义字段类型。此外，它还简化了添加和管理自定义字段的过程，而不会因太多新选项而使您不知所措。

如果您希望从自定义字段中获得更多收益，这可以是一个智能插件。此外，一旦您对流程更有信心，您就可以随时切换到更强大的解决方案。

小结

自定义字段和元数据是一开始可能看起来有点混乱的概念。但是，随着时间和耐心，您会发现它们使您能够从WordPress平台中获得更多收益。幸运的是，有一些方便的插件可以在此过程中为您提供帮助。

分页是将冗长的内容分解为更易于阅读的绝妙方法。如果你环顾网络，分页无处不在。搜索引擎使用它来分离结果，在线商店利用它来简化浏览，您甚至可以为博客文章添加分页。多亏分页符区块，WordPress使您能够轻松地做到这一点。

在本教程中，我们将讨论如何将分页符区块添加到您的网站，并向您展示它的外观。然后我们将讨论一些提示和技巧，以确保您正确使用分页符。

如何将分页符区块添加到文章或页面

区块编辑器包含构建现代页面和将复杂文章（包括分页符）放在一起所需的所有元素。当您在WordPress上使用分页符区块，你基本上添加该页面或文章内的新选项卡。您可以添加多个分页符并使用户能够在这些部分之间移动，如下所示：

使用区块编辑器添加分页符非常简单。首先，打开编辑器并添加您希望该文章包含的段落、列表和其他元素。

准备好要分割的内容后，单击加号图标以添加新区块。在“设计” 选项卡下 查找“分页符”选项并选择它：

如您所见，我们的页面上已经有几个分页符区块。添加区块后，单击它，您将看到拖动它的选项，或在整个页面布局中上下移动它：

单个页面或文章可以根据需要包含任意数量的分页符区块。正如您在本节开头所见，WordPress会自动将分页符区块之间的内容分成单独的页面。

尽管大多数WordPress区块提供多种自定义设置，但分页符区块不是其中之一。默认情况下，您无法更改区块的样式或其工作方式。不同的WordPress主题都有自己的分页样式。但是，区块本身被设计为尽可能易于使用。

有效使用分页符区块的技巧和最佳实践

使用分页符区块非常简单。但是，在向WordPress网站添加分页时，您应该记住一些提示和技巧。让我们一一回顾这些技术：

• 使每一页尽可能统一。 理想情况下，页面之间的切换应该是无缝的。如果一页与下一页的内容存在很大差异，则可能会让读者感到不快。为简单起见，我们建议每个部分使用相同的结构，并使它们的长度相似。
• 适度使用分页符。 尽管分页符很有用，但很少有人会在一个页面（即使是在网上商店）中点击其中的一打分页符。理想情况下，您应该只在情况需要时使用分页。
• 为每个子页面添加副标题。 在子页面中，正确的格式和副标题的使用仍然必不可少，因此读者知道每个部分涵盖的内容。此外，搜索引擎仍会将带有中断的页面视为一个整体。
• 不要在分页后隐藏关键信息。 每当您对页面设计进行更改以使其更难以导航时，都会对参与度产生负面影响。例如，如果您在五个或十个分页符区块之后“隐藏”重要信息，那么某些用户可能会错过它是理所当然的。为避免这种情况，我们建议不要在着陆页或旨在推动转化的文章中使用分页符。

如果您牢记这些提示，您将能够在WordPress中使用分页符区块，而不会影响您网站的参与度。请记住，网络上的大多数人都习惯于看到分页符。换句话说，他们已经知道这个元素是如何工作的。只要您让访问者有理由期待该分页符背后有吸引人的内容，他们就更有可能点击它。

关于分页符区块的常见问题

如果您对WordPress分页符区块以及如何使用它有任何疑问，让我们来看看用户对这个特定元素的一些常见问题。

无限滚动比分页更好吗？

当您的网站拥有庞大的内容库时，无限滚动可以很好地工作。社交媒体平台几乎一致使用无限滚动是有原因的——它鼓励用户在您的网站上花费更多时间。

对于非社交媒体平台，分页符提供了一种更结构化的替代方案，使访问者能够在各个部分之间跳转并保持控制。如果他们想返回到较早的点，他们可以随时这样做，这在您使用无限滚动时并不那么简单。

什么时候应该使用分页符区块？

大多数现代博客不使用分页符，即使是很长的文章。除非您有充分的理由在博客文章中添加分页符，否则我们建议您只制作每篇文章，只要它不需要分页即可。

当您需要提供在单个屏幕内可能难以消化的信息时，添加分页符非常有效。例如，如果您想提供推荐文章和页面的列表，分页效果非常好。这同样适用于产品列表，甚至常见问题 (FAQ) 部分。

小结

分页符区块为您提供了一个令人难以置信的简单的方法来添加分页到任何网页或网站中的文章。分页是将大量信息分解为读者更容易消化的部分的绝佳方式。

但是，我们建议不要在常规博客文章中使用此技术。总的来说，大多数现代博客不对其内容使用分页，即使是冗长的文章。在分离产品和推荐的文章列表、用户推荐、评论和类似元素时，分页符更有用。