Css 自动添加段落

所以我正在制作一个儿童主题的“二十五”主题

到目前为止，我已经用自定义字段创建了自定义帖子类型。我必须使用自定义字段来添加Soundcloud嵌入。我已经使用了“高级自定义场”插件来做到这一点

现在，我遇到的问题是，每当我使用自定义字段添加soundcloud小部件（仅通过粘贴链接）时，WYSIWYG编辑器似乎正在这样的段落中添加链接

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

https://soundcloud.com/skitofficial/skit-ghost-dog

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

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

总之，我这里的主要问题是soundcloud小部件下面的空白。也许它与段落标记没有任何关系，但无论如何，我都会发现小部件下面的空间看起来很糟糕，不专业，我需要以某种方式删除它。现在你可能会说“为什么不删除那些段落标记？”这就是问题所在，即使我删除了它们，它们也会自动添加

因此，任何建议都将不胜感激。我已经在这方面努力了三天，没有任何进展

---

编辑：这个问题很老了，我再也没有这个网站了。

Wordpress WYSIWYG弹出标签。如果你不小心，它会覆盖你的所有内容

将其放入

functions.php

remove_filter( 'the_content', 'wpautop' );

编辑

如果您使用的是ACF，文本区域字段类型可以选择是否添加

标记。正如MeviUS所建议的，根据您的用例，您可能需要考虑使用URL字段类型。

或者，您可以在调用主题中的字段时使用此选项

the_field('wysiwyg_field', false, false);

---

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

.soundcloudembedded p{margin:0；}

---

似乎安全

由于WordPress的

wpautop

功能，WYSIWYG可能正在添加那些

标记

您可以使用

get\u field（）

和以下组合删除

标记，而不是完全禁用

wpcautop

：

---

编辑：再想想，你为什么要用所见即所得来做这个？如果你只是粘贴一个链接，你应该考虑使用<代码>文本<代码>字段，或者<代码> URL>代码>字段。< /P> < P>我没有访问代码，也没有访问任何插件，所以我只用WYSIWYG编辑器尝试了这个。

要从任何特定web元素（如div）中删除任何不需要的段落，只需执行以下步骤：

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

使用querySelectorAll编写javascript函数

示例如下：

---

var blankps=document.querySelectorAll（'.removePara p'）；对于（var i=0；i已禁用
wpcautop
？您是否可以为该页面上的
标记编写一个样式？
.soundcloudembedded p{margin:0；}
可能重复的内容可以从特定内容的代码编辑器中删除标记或将其更改为标记。在站点范围内禁用标记可能不是最好的解决方案。@JamesIves WP WYSIWYG会自动为一些实时中断添加
标记。如果问题不是由于内容，您提出的解决方案可能不会产生期望的结果。
如果您不小心，它将覆盖您的所有内容。
bahaha，谢谢您的笑声。请记住，这样删除
wp
将到处删除它，而不仅仅是那些元值。我认为这可能很危险。您不想要
吗>大多数内容周围的标签？@Plummer，如果你坚持下去，我可能会奖励你一些幽默。我尝试将这一行添加到我的functions.php中，但它似乎适用于标准帖子（而不是自定义类型的帖子）。此外，我不希望此筛选器应用于每一篇文章。最好只是自定义字段。因此，这在这里不是一个选项。
the_field（）
实际上没有第三个
$format_value
参数……但这似乎是最好的解决方案。尽管我不太确定如何使小部件“响应”现在。我希望它根据屏幕大小进行调整，保持纵横比为1:1。@Arete要保持所需的纵横比，您可以使用下面描述的padding top技巧。您基本上可以扩展刚刚创建的样式。可能类似这样：
.soundcloudembedded p:before{content:；display:block；padding top:100%；}
阅读我链接的文章，以了解发生了什么。我没有完全理解你发布的教程。我尝试了不同的方法，但没有任何运气。此外，你发布的代码也不能使小部件响应。我现在被建议对此提出一个新问题，但我担心这样做会造成混乱（因为现在我需要样式具有边距：0；）@Arete Ya我想提出一个新问题，只需在新问题中提及您添加的删除边缘的样式。这可能适用于OP的特定情况，但这只是一个表面的修饰。它无助于解决
autop
破坏包含代码的包含文件的问题。例如，在我使用
phpcode
的页面中包括JavaScript或PHP文件，WordPress会自动在换行符处插入段落标记，这会造成语法错误并破坏代码。使用CSS隐藏段落不会修复任何问题。这只会治疗症状，不会治愈疾病。对ACF的调用很好。我错过了他们正在使用的内容。我为什么要使用WYSIWYG？好问题。answer是因为这是ACF插件让wordpress自动嵌入媒体的唯一方式
echo wp_strip_all_tags( get_field('field_name'), true );