WordPress Enfold主题复制到新草稿功能导致<br>标签失效如何解决

问题原因 #

• 代码存在语法错误：你提供的HTML代码中<h1>标签起始后直接出现了无对应开放标签的</span>闭合标签，会导致浏览器DOM解析异常，<br>标签的换行效果会被异常渲染逻辑覆盖。
• WordPress自动格式化过滤器冲突：新页面默认开启了wpautop过滤器，会自动转换换行符、清理自定义<br>标签，导致手动插入的换行标签被移除。
• Enfold主题编辑器过滤规则：Enfold自带的“复制到新草稿”功能、高级布局编辑器（ALB）的文本模块默认开启自动格式化，迁移或编辑内容时会自动过滤独立<br>标签。
• 主题版本更新的样式冲突：近期Enfold主题更新后可能新增了全局样式重置规则，将<br>标签的display属性设置为none导致不生效。

可行解决方案 #

• 修复HTML语法错误
  首先清理代码中多余的闭合标签，修正后的参考代码如下：

<div id="bread" class="div" align ="center" style="font-weight: bold;"> 
<h1 style = "color: #c30a20;">NEMA 4X (IP66)<br>
<span style = "color: black; font-size: 26px;">Enclosed AC Drives
<br>
For harsh, wet & dirty environments</span></h1>
[wpseo_breadcrumb]
</div>

• 关闭自动格式化功能
  • 进入WordPress后台→Enfold主题设置→性能，勾选「禁用WordPress的wpautop自动格式化功能」选项保存。
  • 若使用Enfold高级布局编辑器的文本模块，打开对应模块设置，开启「禁用自动格式化」开关。
• 覆盖异常样式规则
  打开浏览器开发者工具检查<br>标签的样式，若存在display: none之类的禁用规则，可在后台→外观→自定义→额外CSS中添加以下代码：

br { display: block !important; }

• 替换换行实现方式
  若<br>标签仍被过滤，可改用块级元素实现换行，比如给需要换行的文本单独套<p>标签，或者给对应<span>标签添加display: block; margin: 5px 0;的样式实现换行和间距控制。
• 避免使用可视化模式编辑代码
  所有包含自定义HTML的内容统一在代码/文本编辑模式下修改，不要切换到可视化编辑模式，防止编辑器自动清理自定义标签。
• 手动迁移内容替代自带复制功能
  暂时放弃Enfold自带的「复制到新草稿」功能，手动将旧页面的完整代码复制粘贴到新页面的代码编辑器中，避免迁移过程中标签被过滤。

内容的提问来源于stack exchange，提问作者Luke Crowhurst