0

0

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

冰川箭仙

冰川箭仙

发布时间:2025-05-18 13:16:17

|

635人浏览过

|

来源于php中文网

原创

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

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

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

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

由于这是关于如何在 WordPress 中添加水平线分隔线的综合指南,因此您可能会发现使用我们的目录来查找您想要使用的方法很有帮助。

  • 在 WordPress 块编辑器中添加水平线
  • 在 WordPress 经典编辑器中添加水平线
  • 您可以在帖子和页面中使用的其他分隔符
  • 使用 WPForms 在 WordPress 表单中添加分页符

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

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

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

接下来,从布局元素部分选择分隔符块。

或者您也可以使用搜索栏进行搜索。

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

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

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

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

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

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

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

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

  • 覆盖帖子内容整个宽度的宽线。
  • 显示在帖子中心的三个点。

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

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

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

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

如果您想恢复为默认的灰色,只需单击颜色选项下的“清除”按钮即可。

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

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

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

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

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

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

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

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

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

你的水平线将是浅灰色的。

它将覆盖帖子的整个宽度,如下所示:

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

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

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

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

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

您可以自定义垫片的高度。

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

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

更多区块

Text-To-Song
Text-To-Song

免费的实时语音转换器和调制器

下载

如果您的主题在您的博客主页上显示完整的帖子(而不是摘录),那么添加“更多”链接将会中断您的帖子。

访客可以点击阅读更多内容。

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

上图显示了您将在内容编辑器中看到的内容。

以下是它在您的网站上向访问者显示的方式。

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

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

分页块

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

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

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

请注意它如何使用页码并允许读者选择他们想要转到的页面。

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

其中任何一个都可能是在 WordPress 中添加水平线的良好替代方案,具体取决于您的目标。

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

如果您不想在帖子或页面中插入中断,而是在WordPress 联系表单中插入中断,该怎么办?你也可以那样做。我们将为此使用 WPForms。

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

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

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

输入表单的名称,然后选择一个模板。我们将使用我们的“请求报价表”模板。

将鼠标光标放在模板上,然后单击按钮创建表单。

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

接下来,将左侧的“添加字段”选项卡向下滚动到“精美字段”部分。

将分页符拖放到表单上您想要的任何位置。我们将其放在请求框之前。

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

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

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

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

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

您现在可以将表单添加到您的网站。

首先,您需要创建新的帖子或页面,或编辑现有的帖子或页面。

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

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

现在,您将看到一个选择表单的选项。

从下拉列表中选择。

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

完成此操作后,您可以发布帖子或页面。

接下来,检查您的表单在网站上的外观。

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

我们希望本教程能帮助您学习如何在 WordPress 中添加水平线分隔符。如果您想向帖子和页面添加更多设计和布局元素,请查看我们关于最佳拖放 WordPress 页面构建器的文章,或阅读我们关于如何在 WordPress 中创建自定义形状分隔线的博客文章。

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
wordpress seo
wordpress seo

WordPress网站SEO优化方法有:1、选择一个SEO友好的主题,具有清晰的代码结构,快速的加载速度和响应式设计;2、使用SEO插件,优化你的标题标签,元描述,关键字,XML站点地图等;3、优化你的内容,内容是SEO优化的核心;4、优化你的网站速度;5、创建友好的URL;6、使用内部链接;7、优化图像;8、使用社交媒体;9、定期更新你的网站;10、监控和分析你的网站等等。

435

2023.09.18

wordpress下载后怎么安装
wordpress下载后怎么安装

安装前准备:确保服务器满足要求、获取安装文件、创建数据库。上传 wordpress 文件。创建数据库和用户。运行安装程序:选择语言、输入数据库信息、网站标题和管理员信息。安装 wordpress。安装后配置:设置永久链接、安装主题、安装插件、创建内容。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

335

2024.04.15

Go高并发任务调度与Goroutine池化实践
Go高并发任务调度与Goroutine池化实践

本专题围绕 Go 语言在高并发任务处理场景中的实践展开,系统讲解 Goroutine 调度模型、Channel 通信机制以及并发控制策略。内容包括任务队列设计、Goroutine 池化管理、资源限制控制以及并发任务的性能优化方法。通过实际案例演示,帮助开发者构建稳定高效的 Go 并发任务处理系统,提高系统在高负载环境下的处理能力与稳定性。

22

2026.03.10

Kotlin Android模块化架构与组件化开发实践
Kotlin Android模块化架构与组件化开发实践

本专题围绕 Kotlin 在 Android 应用开发中的架构实践展开,重点讲解模块化设计与组件化开发的实现思路。内容包括项目模块拆分策略、公共组件封装、依赖管理优化、路由通信机制以及大型项目的工程化管理方法。通过真实项目案例分析,帮助开发者构建结构清晰、易扩展且维护成本低的 Android 应用架构体系,提升团队协作效率与项目迭代速度。

48

2026.03.09

JavaScript浏览器渲染机制与前端性能优化实践
JavaScript浏览器渲染机制与前端性能优化实践

本专题围绕 JavaScript 在浏览器中的执行与渲染机制展开,系统讲解 DOM 构建、CSSOM 解析、重排与重绘原理,以及关键渲染路径优化方法。内容涵盖事件循环机制、异步任务调度、资源加载优化、代码拆分与懒加载等性能优化策略。通过真实前端项目案例,帮助开发者理解浏览器底层工作原理,并掌握提升网页加载速度与交互体验的实用技巧。

93

2026.03.06

Rust内存安全机制与所有权模型深度实践
Rust内存安全机制与所有权模型深度实践

本专题围绕 Rust 语言核心特性展开,深入讲解所有权机制、借用规则、生命周期管理以及智能指针等关键概念。通过系统级开发案例,分析内存安全保障原理与零成本抽象优势,并结合并发场景讲解 Send 与 Sync 特性实现机制。帮助开发者真正理解 Rust 的设计哲学,掌握在高性能与安全性并重场景中的工程实践能力。

216

2026.03.05

PHP高性能API设计与Laravel服务架构实践
PHP高性能API设计与Laravel服务架构实践

本专题围绕 PHP 在现代 Web 后端开发中的高性能实践展开,重点讲解基于 Laravel 框架构建可扩展 API 服务的核心方法。内容涵盖路由与中间件机制、服务容器与依赖注入、接口版本管理、缓存策略设计以及队列异步处理方案。同时结合高并发场景,深入分析性能瓶颈定位与优化思路,帮助开发者构建稳定、高效、易维护的 PHP 后端服务体系。

413

2026.03.04

AI安装教程大全
AI安装教程大全

2026最全AI工具安装教程专题:包含各版本AI绘图、AI视频、智能办公软件的本地化部署手册。全篇零基础友好,附带最新模型下载地址、一键安装脚本及常见报错修复方案。每日更新,收藏这一篇就够了,让AI安装不再报错!

143

2026.03.04

Swift iOS架构设计与MVVM模式实战
Swift iOS架构设计与MVVM模式实战

本专题聚焦 Swift 在 iOS 应用架构设计中的实践,系统讲解 MVVM 模式的核心思想、数据绑定机制、模块拆分策略以及组件化开发方法。内容涵盖网络层封装、状态管理、依赖注入与性能优化技巧。通过完整项目案例,帮助开发者构建结构清晰、可维护性强的 iOS 应用架构体系。

221

2026.03.03

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
第二十三期_前端开发
第二十三期_前端开发

共98课时 | 8.3万人学习

WordPress视频教程
WordPress视频教程

共23课时 | 9.8万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号