如何在 WordPress 中添加水平线分隔符(5 种方法)

您想在 WordPress 中的帖子或页面上添加一条水平线吗?

水平线分隔线是将长帖子分成更小的部分、突出显示特殊公告或促销以及清晰分隔页面不同部分的好方法。

在本文中,我们将向您展示如何在 WordPress 中轻松添加水平线分隔线。

如何在WordPress中添加水平线

由于这是关于如何在 WordPress 中添加水平线分隔符的综合指南,您可能会发现使用我们的目录会有所帮助:

如何在块编辑器中添加水平线分隔线

如何在经典编辑器中添加水平线分隔线

如何使用手动 HTML 添加水平线分隔符

如何在 WordPress 中添加其他类型的分隔符和分页符

如何将长 WordPress 表单分成多个部分

在 WordPress 块编辑器中添加水平线

要使用WordPress 块编辑器添加水平线,请单击 (+) 图标以在您希望该线所在的任何位置添加新块。

在您想要水平线的位置添加一个新块

接下来,从 Layout Elements 部分中选择 Separator 块或使用搜索栏搜索它。

查找并添加分隔符块

添加后,您将在内容区域中看到水平线分隔线。

在 WordPress 块编辑器中设置水平线的样式

默认情况下,水平分隔线是一条穿过帖子或页面中心的浅灰色线。

您可以通过单击该行来选择其块来更改其外观。然后,“阻止”编辑面板将在屏幕右侧打开。

单击分隔符块以选择它并编辑设置

要更改线条的样式,只需单击样式旁边的小箭头。然后,您将看到不同的选项。

如果需要,您可以将水平线更改为其中之一:

一条覆盖帖子内容全宽的宽线。

显示在帖子中心的三个点。

可用于分隔块的不同样式

注意:在某些WordPress 主题中,宽线和默认线都将覆盖您帖子的整个宽度。

您还可以在颜色设置下更改水平线的颜色。只需单击显示的选项之一,或使用“自定义颜色”链接来选择任何颜色。

更改水平线的颜色

如果要返回默认的灰色,只需单击颜色选项下的“清除”按钮。

在这里,我们的水平线是蓝色的,使用“宽”样式。

一条被修改为宽蓝色的水平线

在 WordPress 经典编辑器中添加水平线

如果您仍在使用经典编辑器,那么您可以添加基本的水平线。为此,只需编辑现有的帖子或页面或创建一个新的。

如果您在帖子编辑器上方的工具栏中只看到一行按钮,请单击右侧的工具栏切换图标:

单击工具栏切换按钮以查看第二行图标

这将打开第二行按钮,其中包括水平线选项。

现在,继续在您希望水平线所在的段落之间放置一个换行符。然后,您可以单击水平线按钮。它是第二行左起第二个:

经典 WordPress 编辑器中的水平线按钮

你的水平线将是浅灰色的。它将覆盖您帖子的整个宽度,如下所示:

使用经典编辑器创建的水平线

使用 HTML 手动添加水平线分隔线

在极少数情况下,您可能需要在 WordPress 内容中手动添加水平线分隔符。

如果是这样,您只需在内容中使用 hr HTML 标记即可:

<小时>

这将在您的帖子内容中添加水平线分隔符。

您可以在帖子和页面中使用的其他分隔符

默认的 WordPress 块编辑器允许您向帖子和页面添加多种类型的分隔符。

除了水平线分隔符之外,布局元素组块中的其他选项包括 Spacer、More 链接和 Page Break 块。

间隔块

Spacer 可让您在块之间添加空白。例如,如果您想在特别优惠之前在帖子末尾留出一点空隙,您可以使用 Spacer。

您可以自定义垫片的高度。以下是您在块编辑器中创建帖子时的外观:

块编辑器中的 Spacer 块

以下是分隔符在您的网站上的显示方式:

间隔块如何出现在页面或帖子中

更多块

如果您的主题在您的主博客页面上显示完整的帖子(而不是摘录),那么添加“更多”链接将在此时中断您的帖子。访问者可以点击阅读更多。

以下是您创建帖子时的外观:

帖子编辑器中的更多块

以下是更多链接在您网站上的显示方式:

网站上帖子中的“阅读更多”块

您可以在我们关于如何在 WordPress 中轻松自定义摘录的指南中了解有关摘录的更多信息。

分页块

分页符可让您将长博客文章分成多个页面。您无法以任何方式自定义它。以下是您创建帖子时的外观:

块编辑器中显示的分页块

以下是分页符在您的网站上的显示方式:

出现在网站上的分页符

根据您的目标,其中任何一个都可能是在 WordPress 中添加水平线的不错选择。

使用 WPForms 在 WordPress 表单中添加分页符

如果您不想在帖子或页面中,而是在WordPress 联系表单中休息,该怎么办?你也能做到。我们将为此使用 WPForms。

首先,您需要下载、安装和激活WPForms 插件。如果您不确定如何安装,请查看我们的分步指南,了解如何安装 WordPress 插件。

接下来,转到WPForms »在您的 WordPress 仪表板中添加新的。

使用 WPForms 创建新表单

输入表单的名称,然后选择一个模板。我们将使用我们的“请求报价表”模板。将鼠标光标移到模板上并单击按钮以创建表单。

在 WPForms 中创建报价单

接下来,向下滚动左侧的 Add Fields 选项卡到 Fancy Fields 部分。将分页符拖放到表单上所需的任何位置。我们把它放在请求框之前。

在 WPForms 中添加分页符

您会看到该表单现在分为两部分。WPForms 也自动添加了“下一步”按钮。

您可以根据需要更改“下一个”标签,并且可以添加一个“上一个”按钮以进入表单的第二页。只需单击分页符字段即可对其进行编辑。

在 WPForms 中编辑分页符字段

完成后,单击右上角的“保存”按钮保存表单。

您现在可以将表单添加到您的网站。首先,您需要创建一个新帖子或页面,或编辑现有的。

单击 (+) 将新块添加到您的帖子或页面并找到 WPForms 块。您可以使用搜索栏或查看“小部件”部分。将块添加到您的页面。

将 WPForms 块添加到您的页面或帖子

现在,从下拉列表中选择您的表单。

从下拉列表中选择您的表格

完成此操作后,您可以发布帖子或页面并查看表单在您的网站上的外观。

网站上带有分页符的表单

我们希望本教程能帮助您了解如何在 WordPress 中添加水平线分隔符。如果您想在帖子和页面中添加更多设计和布局元素,请查看我们关于最佳拖放式 WordPress 页面构建器的文章。