分类： WordPress基础

栏目是大多数现代网站和页面构建器的关键组件。幸运的是，WordPress区块编辑器使您能够同时使用列和行，因此您可以完全控制每个页面的布局。然而，尽管Builder将自动添加行，你需要选择在哪里以及如何使用栏目区块添加栏目。

在本教程中，我们将向您展示如何在 WordPress中添加此区块以及如何配置它。然后，我们将介绍一些提示，以便您可以充分利用您的专栏，以及一些有关区块的常见问题 (FAQ)

如何将栏目区块添加至页面或文章

首先，打开要处理的页面或文章的区块编辑器。单击您添加的最后一个区块下方的加号图标 (1)，或使用屏幕顶部的菜单，然后选择“栏目” 选项 (2)：

区块编辑器为您提供了多个选项，供您选择要在所选行中包含的栏目数：

默认情况下，区块编辑器仅允许您选择在一行中最多包含三列的预设。但是，一旦您放置了这些预设之一，您就可以单击它们之间的加号以向该行添加更多元素：

可以这么说，编辑器将每一列视为自己的“部分”。例如，如果您有一行包含三列，您可以在每列中添加单独的区块以创建定价表：

您可以将编辑器中可用的任何区块添加到您正在处理的每一列。放置所需的区块后，您可能还想花一些时间自定义列的设置。

栏目区块设置和选项

当您将鼠标悬停在区块编辑器中带有列的行上时，将出现一个格式菜单。该菜单包括用于移动列 (1)、更改其对齐方式 (2) 和修改行宽 (3) 的选项：

您看到的格式菜单会随着您添加区块而改变。当您将鼠标悬停在包含区块的列上时，该元素的格式菜单将替换默认菜单。

对于此示例，我们向所有列添加了表格区块。当我们将鼠标悬停在其中任何一个上时，会出现以下格式菜单：

除了格式菜单之外，还有另一组选项可让您自定义栏目区块。要访问它，请选择包含要编辑的栏目的行，然后单击屏幕右上角的齿轮图标 (1)。将弹出一个侧边栏，包括更改该行颜色 (2)、填充 (3) 和列宽 (4) 的选项：

颜色设置使您能够更改行内文本和链接的颜色，以及其背景的颜色。请记住，您在此处选择的设置适用于行中的所有列。但是，您可以通过调整每列中的各个区块设置来取代这些选项。

如果您想进一步自定义此区块，您还可以从设置菜单的“高级”选项卡中设置HTML锚点和其他CSS类：

这就是您需要了解的有关如何使用和配置这个重要区块的所有信息。现在让我们回顾一些提示，以帮助您有效地使用栏目。

有效使用栏目区块的提示和最佳实践

栏目是网页设计中的通用元素。您几乎可以在任何情况下使用它们，因为它们有助于为任何页面或文章提供结构。

在视觉上，栏目可帮助您分解长段的段落，并将列表、表格甚至图像并排放置。这是默认WordPress主题之一的示例，使用列来实现与图片区块的重叠效果：

在大多数情况下，您不希望列重叠。但是，对于如何使用列并没有一成不变的规则。只要结果看起来美观，您就可以随意使用此区块进行试验。

关于栏目区块的常见问题

到目前为止，您已经对如何在WordPress中使用栏目有了扎实的掌握。为确保您没有遗漏任何内容，让我们回顾一些常见问题。

栏目区块可与页面构建器插件一起使用吗？

一般情况下，第三方页面构建器插件取代了默认的WordPress编辑器。这意味着您将无法访问栏目区块。但是，大多数页面构建器插件都包含自己的行和列，因此您可以使用类似的功能。

可在页面或帖子中添加多少列？

栏目区块允许您在预设行内添加到三列。但是，您可以手动添加更多行。请记住，如果添加太多列，它们可能没有足够的空间来正确显示其内容。

可以在小部件中使用栏目区块吗？

WordPress支持使用区块编辑器自定义小部件区域，例如页脚或侧边栏。这意味着您可以访问与处理页面或文章时相同的所有区块。请记住，由于您的工作空间可能会减少，因此在小部件区域中使用多个列会使您的内容看起来很拥挤。

小结

对于现代页面构建器工具而言，仅行是不够的。创建和自定义行和列的选项使您可以完全控制网站上每个元素的位置。

WordPress栏目区块使用起来非常简单。您可以在任何单行中添加任意数量的列。此外，您可以在列中放置任何您想要的区块，并自定义其内容、样式等。

您网站上的按钮在其外观和可用性方面发挥着重要作用。它们帮助访问者浏览不同的页面，并使他们能够轻松地执行重要操作（例如下载内容或订阅您的时事通讯）。拥有一种简单而有效的方法来插入和自定义此基本元素，这一点至关重要。幸运的是，WordPress多个按钮区块可以提供帮助。

在这篇文章中，我们将解释如何将WordPress多个按钮区块添加到文章和页面，以及如何使用它。我们将讨论它的每个设置和配置选项，并为您提供一些有效使用区块的最佳提示。然后我们将通过回答一些常见问题来结束这篇教程。

如何将多个按钮区块添加至文章或页面

要向WordPress内容添加按钮，首先导航到要插文章或页面编辑。接下来单击添加区块图标 (1)，在文本字段中搜索“按钮”，然后选择多个按钮选项 (2)：

您还可以通过在文本编辑器中键入“/buttons”并按键盘上的Enter键来添加按钮区块。插入区块后，您将可以访问一个新的工具栏菜单，我们将在下面讨论。

多个按钮区块设置和选项

每个WordPress区块都有自己的一组控件和配置选项。添加按钮时，有很多选项可用于链接、对齐和设置它们的样式。我们将从探索文本和链接设置开始。

文本和链接

当您第一次插入多个按钮区块时，将添加一个带有占位符内容的默认按钮：

当您单击文本字段时，您可以将文本更改为您希望按钮显示的任何内容。例如，您可以添加行动号召 (CTA)，例如“了解更多”。

第二个工具栏选项是链接图标，您可以使用它来确定按钮将引导用户的位置：

您可以通过在文本字段中键入来搜索要链接到的内部页面。您还可以输入或复制/粘贴外部页面的 URL。然后您可以选择箭头图标或按Enter键插入链接。

请注意，您还可以切换在新标签页中打开选项。这将决定用户是被带到同一窗口中的新页面还是新选项卡中。

按钮格式

添加按钮文本并将其链接到正确的目标页面后，您就可以开始对其进行格式化和自定义。首先，您可以使用工具栏上的相应图标选择粗体或斜体按钮的文本：

如果单击向下箭头，您还会看到一些其他选项。例如，您可以更改文本颜色，并包括下标或上标文本。

样式、排版和颜色

自定义按钮的最后一步是选择其样式、排版和颜色。您可以使用区块侧边栏菜单中的控件来完成这一切：

您拥有的两个样式选项是填充Fill和轮廓Outline。Fill将使按钮成为纯色，而轮廓将提供带有可选彩色边框的透明按钮。您可以通过单击带有预览的图标进行选择，或从默认样式下拉菜单中选择所需的外观。

接下来，在排版部分下，您可以为按钮文本选择字体大小：

选项范围从超小到巨大。您还可以输入自定义尺寸。

在“颜色”面板中，您可以找到用于更改文本和按钮颜色的选项。对于两者，您可以从可用选项列表中进行选择或选择自定义阴影：

请注意，对于您的背景颜色，您可以选择纯色Solid或渐变色Gradient：

如果选择渐变色Gradient，则可以从各种混合过渡颜色中进行选择。您可以使用颜色滑块来确定每种颜色的流行程度以及渐变的方向。

有效使用多个按钮区块的提示和最佳实践

这里有很多的，你可以在你的WordPress网站使用的按键方式，但他们最常用的商品交易顾问。这些可以包括提示访问者的按钮：

• 阅读/了解更多
• 立即购买
• 下载
• 添加到购物车
• 现在预订

当您创建CTA或任何其他类型的重要按钮时，确保它在页面上突出很重要。否则，您的访问者可能会忽略它，并且您可能无法获得您想要的参与度或转化率。

因此，我们建议在将它们插入您的帖子和页面时利用 WordPress 的内置按钮样式选项。例如，将按钮背景颜色更改为与主题背景具有高对比度的阴影可以使其更易于区分。

此外，对按钮的放置具有战略意义也是明智之举。通常，将它们放在页面上访问者的视线自然会落下的某个位置是有意义的。例如，当您准备好将用户指向新页面时，您可以在博客文章的末尾添加一个按钮。

根据按钮的用途，将它们添加到侧边栏中也可能是有意义的，以便在用户浏览您的网站时它们始终可见。如果您正在创建联系人或订阅按钮，这是一个特别好的主意。

关于多个按钮区块的常见问题

到现在为止，您可能已经对多个按钮区块是什么以及如何使用它有了深入的了解。但是，为了确保我们已经涵盖了所有基本信息，让我们回顾一下有关此区块的一些最常见问题。

如何查找多个按钮区块？

您可以通过导航到要添加按钮的文章或页面（或小部件区域）来找到此区块。接下来，您可以搜索“/buttons”并按Enter 键，或单击“添加区块”图标并在文本字段中搜索“按钮”。

多个按钮区块在文章和页面中有什么作用？

按钮区块可以让你在视觉上独特的方式链接到的内部和外部网页。您可以插入一个按钮，将访问者指向您网站或第三方网站上的另一段内容，并对其进行自定义以使其完全符合您的喜好。

可以在哪里添加多个按钮区块？

您可以在任何文章和页面上添加按钮。更重要的是，您可以将它们插入到您可以访问区块编辑器的任何位置。例如，这意味着您通常可以在页脚或侧边栏中插入一个按钮（取决于您的主题选项）。

小结

按钮是有效网页设计的重要元素。他们引导您的访问者前往他们想去的地方，并帮助您提高参与度和转化率。因此，必须有一种在整个站点中快速无缝地插入和编辑它们的方法。

正如您现在所知，按钮区块可以使将这些元素添加到您的站点变得更加容易。插入区块后，您可以使用设置和控件来自定义其外观，并确定访问者单击它时将被发送到的位置。您甚至可以向可重用区块添加自定义按钮，以便您可以在整个站点中重复使用它。

您在网站上组织和排列元素的方式会对网站的整体外观甚至用户体验 (UX) 产生重大影响。WordPress空格区块是一个简单的工具，可以帮助您更有效地做到这一点。顾名思义，它在区块之间创建空间，这可以使您的页面和文章更具吸引力且更易于阅读。

在本教程中，我们将解释如何将空间区块添加到您的WordPress文章或页面以及如何使用它。我们将探索区块的各种设置和选项，并提供一些有效使用它的最佳提示和最佳实践。然后我们将通过回答一些常见问题来结束。

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

如果您想为WordPress内容添加一些额外的空间，您可以先导航到任何文章或页面。接下来，单击编辑器中的“添加区块”按钮，该按钮由加号图标 (1) 标记。在那里您可以搜索“spacer”，然后选择第一个选项 (2)：

或者，您可以通过在编辑器的文本字段中输入“/spacer”来将区块添加到文章或页面。打你的输入键，空间区块将自动添加。

插入区块后，您会注意到顶部有一个新工具栏。我们将在下一节探讨它提供的各种选项。

空格区块设置和选项

如果您熟悉使用WordPress区块，您可能已经知道每个区块都有自己的一组控件，可用于配置它。所述空格区块是没有什么不同。

在区块工具栏中，有三个主要选项：

1. 转换按钮，它可以让你转换成区块一组或栏目
2. 移动手柄（和/或拖动图标），使您能够在页面或文章上向上或向下移动区块
3. 更多选项（三个垂直点），打开带有附加设置的菜单

您可以在此处找到这些按钮：

在更多选项菜单下，您可以复制或复制区块：

还有用于将空白区块添加至可重用块、作为HTML编辑等的设置。

WordPress区块编辑器的有用之处之一是它还允许您调整区块的大小。例如，如果要调整区块的高度，可以在右侧菜单中进行：

在“间隔设置”部分下，您将找到以像素为单位调整区块高度的选项。您可以使用滑块或在文本字段中手动输入所需的值。然后您可以查看高级部分以配置HTML锚点和其他CSS类。

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

空格区块是比较容易的WordPress区块使用的一个。它没有大量的设置或配置选项。

但是，在使用它时，您可能需要牢记一些提示。例如，请记住，有效利用空白（也称为“负空间”）可以在您的网页设计中大有帮助。它可以帮助使您的页面看起来更干净，从而更专业。因此，在您的内容看起来过于拥挤或难以阅读的区域中考虑使用空格区块是明智之举。

此外，我们还建议您仅在要向页面上的特定区域添加空白时才使用此区块，而不是在段落之间添加空格。对于后者，我们建议改用段落区块。

最后，为了确保页面的外观保持一致，您可能需要考虑为您使用的每个空格区块设置相同的高度。默认情况下，它设置为100像素，但您可以随意使用最适合您网站设计的任何内容。

关于空白区块的常见问题

在这一点上，您应该对这个WordPress区块以及如何使用它感到非常熟悉。但是，让我们回顾一些关于它的流行和常见问题，以确保我们已经涵盖了所有基础知识。

如何调用空格区块？

要在WordPress中找到这个区块，您有几个选择。第一步是导航到您想要将其添加到的文章或页面。接下来，单击“添加区块”按钮（或加号图标），然后在文本字段中搜索“空格”。或者，您可以直接在文本编辑器中键入“/spacer”，然后按Enter键。

空格区块在文章和页面中有什么作用？

正如它的名字一样，这个区块在你的WordPress页面和文章上的其他区块之间增加了空间。当您想在页面上创建更多空白或只是想扩大默认设置的区块之间的区域时，它可以是一个有效的工具。

可在任何地方添加空格区块吗？

您可以在WordPress站点上的任何位置使用空格区块，以授予您对区块编辑器的访问权限。当然，您最有可能使用它的地方是您的页面和文章。但是，您也可以在编辑WordPress工具时添加它。

小结

有很多方法可以组织您网站上的页面和文章，使其既实用又美观。如果您希望在页面上的区块之间创建更多空白，则空格区块是一个重要的工具。

正如我们所见，此区块是一种分离WordPress内容中元素的简单方法。您可以根据需要轻松地将其多次插入您的文章和页面，然后以像素为单位自定义其高度。

WordPress文件区块可以轻松地为您的页面和文章中的文件添加下载链接。这是最独特的WordPress区块之一，因为它根据所选文件的类型添加了不同的选项。知道如何很好地使用这个区块可以引起人们对下载的注意。

在本教程中，我们将查看文件区块并了解如何将其添加到您的文章和页面。我们还将查看它的设置和选项，查看使用它的提示和最佳实践，并查看常见问题。

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

要添加文件区块，首先，单击要放置区块的位置或编辑器左上角的区块插入器工具。接下来，搜索“文件”并选择它。

您还可以按类型 /file 添加块，然后在您希望块出现的位置按 Enter 键，或从您键入时出现的选项中选择文件。

然后文件区块将被添加到您的内容区域。

要使用它，只需选择上传文件或选择媒体库来选择文件。PDF将显示文件的预览。PDF的工具会因浏览器而异。我正在Chrome中查看 PDF，其中包括用于显示或隐藏PDF菜单、查看标题、页码、比例、适合页面、旋转、下载、打印和查看PDF查看选项的PDF工具。

其他文件，例如图像，将显示文件名和下载按钮。

文件区块设置和选项

文件区块包括块本身和右侧边栏中的设置和选项。

文件区块工具栏

当您选择区块时，文件区块工具栏位于块上方。

选择文件中的文本，例如按钮的文件名，为文本添加新设置。

更改区块类型或样式

您可以将区块样式更改为栏目或组合。栏目更改列数，而组合允许您将多个区块的样式控制为单个区块。

拖动和移动

拖动工具可让您将区块拖动到您想要的任何位置。您还可以使用移动工具的向上和向下箭头在您的内容中向上或向下移动区块。

文件更改对齐

对齐选项包括左、右、宽幅和全幅。将其左右放置在屏幕的那一侧，并用其下方段落中的文本将其包裹起来。

这是宽幅。它将区块放置在内容区域的左侧。

粗体和斜体

选择文件名或下载按钮会显示粗体和斜体选项。这些会影响您突出显示的文本，它们可以一起使用或单独使用。我将文件名设为粗体，按钮文本设为斜体。

更多选择

更多选项可打开用于设置文本样式的选项。我在示例中添加了其中的几个。它们包括：

• 内联代码– 将文本样式设置为看起来像代码。
• 内嵌图像– 将媒体库中的图像添加到鼠标光标所在的位置。我在按钮上添加了一个图像。
• 键盘输入– 使用键盘 HTML 格式设置文本样式。
• 删除线– 在文本中放置一行，如上图中的文件标题。
• 下标– 使文本成为下标。
• 上标– 使文本上标。
• 文本颜色– 允许您更改文本的颜色，如上面的文件标题。图标在使用时移动到工具栏。

对于颜色选项，包括预先选择的颜色或创建自定义颜色选择器。颜色选择器包括一个用于十六进制代码、RGB代码或HSL代码的字段。

文件替换

此选项可让您将文件与库中的另一个文件或您上传的文件交换。

复制网址

这会将文件的URL复制到剪贴板。您会在左下角看到一条消息，表明URL已被复制。

选项

选项包括：

• 隐藏更多设置– 隐藏侧边栏。
• 复制– 复制文件区块，以便您可以将其粘贴到您的内容中。
• 新建副本– 在原始文件下放置文件区块的副本。
• 在区块前插入– 在文件区块之前放置一个空格，您可以在其中添加区块。
• 在区块后插入– 在文件区块之后放置一个空格，您可以在其中添加区块。
• 移动到– 放置一条蓝线，让您控制将文件区块移动到的位置。
• 作为HTML编辑 – 打开区块的代码编辑器版本，您可以在其中编辑HTML。
• 添加至可重用区块– 将文件区块添加至可重用区块中。
• 组合– 将区块添加到可以一起调整的组中。
• 删除块– 删除文件区块。

文件区块大小调整工具

如果文件是PDF，您将在PDF预览下看到一个调整大小工具。抓住此工具并将其向上或向下拖动以调整预览区域的高度。

文件区块侧边栏设置

侧边栏设置包括文本链接、下载按钮设置和高级。通过单击右上角的齿轮打开或关闭侧边栏。单击块会将侧栏更改为“文件区块”选项。

如果文件是PDF，则将添加一组新的PDF选项。

PDF设置

显示内联嵌入允许您启用或禁用PDF预览。它默认启用。禁用它只会显示标题和下载按钮。此示例显示它已禁用。

以像素为单位的高度提供了一个滑块和一个字段，您可以在其中调整PDF预览的高度。使其小于其实际大小会在侧面添加滚动条。

文本链接设置

文本链接设置让您选择文件名链接的工作方式。您可以将其链接到媒体文件或文件的附件页面。您也可以在同一选项卡或新选项卡中打开它。

文件下载按钮设置

此选项可让您隐藏或显示下载按钮。如果您使用文件名作为下载链接，这将非常有用。

高级

高级设置包括HTML锚点和附加CSS类。锚点会创建一个唯一的URL，因此您可以直接链接到该区块。CSS类字段允许您添加自定义CSS类以设置文件区块的样式。

文件组合颜色设置

如果您已将文件区块转换为组合，那么您将看到文本、背景和链接颜色的设置。您仍然可以通过选择区块来访问常规设置。

有效使用文件区块的提示和最佳实践

为显示的标题链接命名，以便通过选择文本并键入新标题使链接对用户有意义。

标记按钮，以便用户知道会发生什么。如果不需要，请禁用该按钮。

设置按钮和标题文本的样式，使下载与其余内容区分开来。请务必使用易于阅读且与背景形成鲜明对比的颜色。

如果要设置背景样式，请将区块转换为组合。

调整PDF预览的大小以使其适合内容的设计区域。如果您想隐藏内容或第一页在您的内容中看起来不太好，请禁用PDF预览。

关于文件区块的常见问题

文件区块的目的是什么？

提供下载按钮，以便访问者可以下载文件。

使用文件区块有什么好处？

它允许您提供可以设置样式和控制的链接和按钮。将链接粘贴到下载会将链接转换为嵌入区块，它可以以您想要的方式显示片段或预览。

可以用于什么类型的文件？

它可用于可下载的任何类型的文件，包括PDF、音频、视频、图像、文档、插件、子主题等。

是否支持所有文件类型？

不能。它不能上传WordPress不支持的压缩文件或其他扩展。

可以下载多个文件吗？

不能。每个文件区块一次只能连接一个文件。

你能更新可下载的文件吗？

是的。选择替换选项以选择新文件。您可以将其命名为与原始文件相同的名称。

文件区块可以转换成另一个区块吗？

是的。它也可以变成栏目或组合。

小结

这就是我们对WordPress文件区块的看法。这是一个简单的区块，可让您提供多种文件类型并包含链接的文本和按钮选项。两者都可以独立设计。如果文件是PDF并且它是可调整的，我喜欢它添加预览。此块非常适合从您的网站提供可下载文件的链接。