Wordpress/Bootstrap 模板中的隐藏标记

Question

我正在本地开发我的网站，因此无法共享项目的 URL，但希望我在这里详细说明的内容足以解释我的问题。我一直注意到在我的网站中的某些标签上附加了额外的 HTML 标记，它们正在影响我的布局。下面我举个例子。

我的代码：

<div class="row">
 <div class="col-sm-8 col-sm-offset-2">
  <div class="btn-group btn-group-justified" role="group">
   <button type="button" class="btn-ghost">button</button>
   <button type="button" class="btn-ghost">button</button>
   <button type="button" class="btn-ghost">button</button>
  </div>
 </div>
</div><!--/row-->

渲染代码（我通过 Inspector 看到的）：

<div class="row">
 <div class="col-sm-8 col-sm-offset-2">
  <div class="btn-group btn-group-justified" role="group">
   <button type="button" class="btn-ghost">button</button>
   <br>
   <button type="button" class="btn-ghost">button</button>
   <br>
   <button type="button" class="btn-ghost">button</button>
  </div>
 </div>
</div><!--/row-->

我没有有意识地在我的代码中放置换行标记，但不知何故，当我的代码在浏览器中呈现时，它们就在那里结束了。有谁知道这些换行标记的来源？

我的网站运行的是 WordPress v4.2.1，我正在开发的模板是基于 Bootstrap v3.3.4 构建的。我已经使用 Chrome 42.0.2311.135（64 位）和 FirefoxDeveloperEdition v39.0a2（2015-05-01）进行了调试。我正在运行 OS X Yosemite 10.10.3 并将 MAMP 3.2.1 用于 Apache 和 MySQL。

如果您需要任何其他信息，例如我的 WordPress 页面或我的 PHP 模板，请告诉我。

提前感谢您的帮助，

Answer 1

作为我的客人，这是受 wpautop 过滤功能影响的。您的代码可能在短代码回调中或在帖子的内容中。我有两种方法可以解决这个问题：

第一种方式：PHP代码

remove_filter ('the_content', 'wpautop');
add_filter ('the_content', 'wpautop', 9);

第二种方式：CSS代码

.unwantedbr br { 
   display: none
}

更新：

我看到您在 wp 编辑器中使用该代码。对于这种情况，每次您在 wp 编辑器上按 shift + enter 时，wordpress 都会自动将<br/> 标签添加到页面内容中。

您可以在主题的 page.php 模板文件的开头尝试此代码：

remove_filter('the_content', 'wpautop');

它会删除不需要的 br 标签，但它也打破了 wordpress 对博客文章的默认设置。尝试改用短代码或 css strick。