如何在 Wordpress 的同一行中获取两种字体？答案

【问题标题】：How do I get two fonts on the same line in Wordpress?如何在 Wordpress 的同一行中获取两种字体？
【发布时间】：2014-01-29 07:48:04
【问题描述】：

所以这是交易，我试图在我的页面上获得某种外观，但我没有得到 Wordpress 的合作。我想要一个 h4 后跟斜体的段落文本（也缩进）。这是我正在使用的代码，它在我的编辑器中运行良好：

<h4 style="padding-left: 30px; display:inline;">Culture of Radical-Devotion</h4> <p style="display:inline;">“they devoted themselves”</p>

但是，当我在 Wordpress 中查看代码时，它位于不同的行中。您可以查看的页面是http://clients.gadietrich.com/gccne/about/our-culture/。

我需要进行哪些更改才能完成这项工作？

【问题讨论】：

【解决方案1】：

我不熟悉 wordpress，但如果这有帮助的话：Wordpress（或其他东西）将 this<p>  </p> 放在两个文本之间。这是一个空段落（其中有一个空格）。你只需要以某种方式删除它

【讨论】：

【解决方案2】：

您可以关闭 Wordpress 的自动段落，方法是在您的 functions.php 文件中添加此行，在不应使用此过滤器的模板中添加。

remove_filter('the_content', 'wpautop');

如果此解决方案不适合您，您可以尝试将</h4> <p 替换为</h4>&nbsp;<p。

【讨论】：

functions.php 方法确实有效，但是，它会从整个站点中删除所有段落，这对我来说并不是最好的。我也尝试了另一种方法，但没有奏效......坦率地说，我为什么要在这些元素之间添加一条线对我来说没有意义。
如果你只是删除标签之间的空间呢？并将其添加到 inside 标记之一。
就是那里的东西！我把在
标签的末尾，它现在是正确的。感谢您的帮助。

【解决方案3】：

标题和段落之间多了一个段落

<p>&nbsp;
</p>

删除它，它将按需要工作

【讨论】：

但这在我的原始代码中不存在。 Wordpress 正在以某种方式添加它。
我假设您使用的是 wordpress 提供的富文本编辑器？如果是这样，您应该能够切换到原始视图模式并确保 RTE 不会添加这个额外的空间。如果您可以为段落和 h4 分配类，还有其他选项，如果您需要更多详细信息，请告诉我
我几乎只使用 html 编辑器...而
根本不在其中。它是通过主题（朋友编码的）或直接通过 Wordpress 以某种方式发生的。
可以给h4加一个类吗？如果是这样，那么使用一些 css 来定位该特定标题之后的 p 标签并将其设置为不显示

【解决方案4】：

您的代码没有错误，但如果我查看您的网站，我会发现一些额外的内容：

<h4 style="padding-left: 30px; display:inline;">Culture of Radical-Devotion</h4>
<p>  </p>
<p style="display:inline;">“they devoted themselves”</p>

您正在使用的两个元素之间的段落是一个块元素，因此占据了整行。

删除额外的段落，你会更接近。

【讨论】：