WordPress前添加横线的3种实用方法

在WordPress文章或页面中，副标题（如H2、H3等小标题）前添加横线（如—或-）是一种常见的排版优化方式，既能增强视觉层次感，又能引导读者注意力。以下是三种实现方法，适用于不同技术水平的用户。

方法一：手动添加符号（最简单）

直接在副标题文字前输入横线符号，例如：

## — 这里是副标题
或
## - 这里是副标题

优点：无需技术基础，即时生效。 缺点：需逐个修改，效率低。

方法二：通过CSS自动添加（推荐）

通过主题自定义CSS或子主题的style.css添加以下代码：

h2:before, h3:before {
content: "— ";
color: #666;
}

效果：所有H2/H3标题前自动生成横线。 进阶：可调整横线样式（如颜色、间距）或替换为其他符号（content: "• ";）。

方法三：使用WordPress插件

1. Custom CSS/JS插件：插入上述CSS代码，适合不熟悉主题编辑的用户。
2. 标题增强插件（如「TinyMCE Advanced」）：在编辑器工具栏中添加符号快捷按钮。

注意事项

• 主题兼容性：部分主题可能已预设标题样式，需通过!important覆盖（例：content: "— " !important;）。
• SEO影响：横线符号不会干扰搜索引擎对标题内容的识别。

选择适合你的方法，轻松提升WordPress内容的可读性与美观度！