Wordpress正在向html中添加隐藏的<p>。我该如何删除它们？

Question

因此，我有额外的空间出现在div之间(在man中)，这似乎是由wordpress添加的随机<p>和</p>造成的。我知道这在WP中经常发生，但是这些是隐藏的，这意味着我不能从HTML选项卡访问它们。

我插入的代码如下所示：

<div class="classname">Text Example
<div class="classname-2">Input box text: <input style="width:100px;' text-align:center;" type="text" size="30" maxlength="20" /></div>
</div>

但是，当我从活动站点查看源代码时，如下所示：

<div class="classname">Text Example</p>
<div class="classname-2">Input box text: <input style="width:100px;' text-align:center;" type="text" size="30" maxlength="20" /></div>
</div>

在“文本示例”后面随机插入了一个</p>标记。代码继续，后面插入了另一个任意的<p>。

不管怎么说都是为了摆脱这些？它们不会显示在HTML选项卡中。

Answer 1

好的，所以我想出了一种在<p>中隐藏这些<div>标记的方法：

添加到style.css中：

.classname p {display: none;}

由于<p>从HTML中无法访问，这至少使它们无法显示。在这种情况下，它工作得很好，因为我只是在这个特定的<div>上需要它，但是如果您经常遇到这个问题，它可能不是最好的长期解决方案。

Answer 2

• 解决方案1:将其添加到当前模板文件夹中的functions.php中，以便全局禁用自动段落创建： remove_filter (‘_content’，'wpautop')；
• 解决方案2：安装一个插件。我通常和原始html一起去。它增加了短代码功能，这可能是有用的，并添加元框，以禁用自动段落创建手动在每个帖子/页面。
• 解决方案3：删除出现段落的换行符： <div class="classname">Text Example<div class="classname-2">Input box text: <input style="width:100px;' text-align:center;" type="text" size="30" maxlength="20" /></div></div>但是这会在视觉上搞乱你的代码..。

Answer 3

安装这个插件：http://urbangiraffe.com/plugins/disable-wpautop/

<p>标记被删除

或

将此代码添加到模板页面的顶部：

<?php remove_filter ('the_content', 'wpautop'); ?>

文档：参考资料/wpautop