Wordpress自动添加段落

Question

所以我正在努力制作一个儿童主题为＆＃34;二十五岁＆＃34;主题。

到目前为止，我已经使用自定义字段制作了自定义帖子类型。我必须使用自定义字段来添加Soundcloud嵌入。我使用过＆＃34; Advanced Custom Fieds＆＃34;插件这样做。

现在，我遇到的问题是每当我使用自定义字段添加一个soundcloud小部件时（只需粘贴链接），WYSIWYG编辑器就会在这样的段落中添加链接

<p>https://soundcloud.com/skitofficial/skit-ghost-dog</p>

这会导致（我认为）在Soundcloud小部件下方出现一条白线（一个新段落）。

如下图所示，如果我打开WYSIWYG的代码视图，我可以看到链接周围添加的段落行。

总而言之，我这里的主要问题是soundcloud小部件下方的空白区域。也许它不需要对段落标记做任何事情，但无论如何我在窗口小部件下面的空间看起来很糟糕，不专业，我需要以某种方式删除它。现在你可以说＆＃34;为什么不删除那些段落标签？＆＃34;这就是问题，即使我删除了它们，也会自动添加它们。

所以，任何建议都会非常感激。我已经三天没有任何进展了。

编辑：这个问题已经过时了，我没有网站了。

Answer 1

Wordpress WYSIWYG弹出<p>标签。如果您不小心，它将<p>遍布您的所有内容。

https://codex.wordpress.org/Function_Reference/wpautop

将此内容放入functions.php

remove_filter( 'the_content', 'wpautop' );

修改

如果您正在使用ACF，则文本区域字段类型可以选择是否添加<p>标记。正如mevius建议的那样，根据您的使用案例，您可能需要考虑使用URL字段类型。

或者，你可以在主题中调用字段时使用它。

the_field('wysiwyg_field', false, false);

Answer 2

我只想将此样式添加到全局样式表中：

ul{ list-style-type: none; margin: 0; padding: 0; overflow: hidden; } li { float: left; } a:hover { color: #222; background-color: #666666; box-shadow: 0 1px 1px rgba(0,0,0,0.1); } a:link, a:visited { color: #ccc; display: block; padding-top: 4px; padding-left: 8px; padding-bottom: 4px; text-decoration: none; text-align: center; } #header { top: -10px; left: -10px; background-color: #2d2d2d; width: 100%; height: 30px; } #navbar { margin-top: -10px; margin-left: -10px; } #me { float: right; margin-top: -24px; margin-bottom: 5px; } #footer { bottom: -150px; background-color: #f2f2f2; height: 30px; clear: both; position: relative; } #terms { float: right; margin-top: -24px; margin-bottom: 5px; } /*font color for the footer links */ .link:link, .link:visited { color: #777; } .link:hover { color: #777; text-decoration: underline; padding-top: 4px; padding-left: 8px; padding-bottom: 4px; background-color: #f2f2f2; box-shadow: none; }

似乎很安全

Answer 3

由于WordPress的<p>功能，WYSIWYG可能正在添加wpautop个标签。

您可以使用wpautop和wp_strip_all_tags()的组合删除<p>代码，而不是完全停用get_field()：

echo wp_strip_all_tags( get_field('field_name'), true );

编辑：第二个想法，为什么你要使用WYSIWYG呢？如果您只是粘贴链接，则应考虑使用text字段或url字段。

Answer 4

我无权访问代码，也无权访问任何插件，因此我仅使用WYSIWYG编辑器进行了尝试。

要从div之类的任何特定Web元素中删除所有不需要的段落，只需执行以下步骤：

1. 向您的div（包含不需要的段落的div）添加一个类。

2. 使用querySelectorAll编写一个javascript函数。

以下示例：

var blankps=document.querySelectorAll('.removePara p');for(var i=0;i<blankps.length;i++){blankps[i].remove();}

<div class="col-xs-12 col-md-3 removePara">
<p></p>
How to Remove Empty Paragraphs. Solved.
<p></p>
</div>

注意：这将删除所有具有class =“ removePara”的div内的所有段落。

希望这对某人有帮助。