Php 在WordPress中的内容()前后添加内联图标

Php 在WordPress中的内容()前后添加内联图标,php,html,wordpress,Php,Html,Wordpress,在WordPress中为推荐部分拉取_content()时,我尝试在其前后添加引号(fontawesome),但它们出现在内容的顶部和底部,而不是与内容内联。 代码如下: <blockquote> <i class="fa fa-quote-left quotes"></i> <?php the_content(); ?> <i class="fa fa-quote-right quotes"></i> <

在WordPress中为推荐部分拉取_content()时,我尝试在其前后添加引号(fontawesome),但它们出现在内容的顶部和底部,而不是与内容内联。 代码如下:

<blockquote>
  <i class="fa fa-quote-left quotes"></i>
  <?php the_content(); ?>
  <i class="fa fa-quote-right quotes"></i>
</blockquote>

有人知道如何连接它们,以便它们与内容文本内联显示吗?
提前感谢大家。

您可以使用CSS来实现它

HTML


非常感谢您的及时回复,Ritz Cool,但不幸的是,即使尝试您的代码,它仍然会显示在内容的顶部和底部,而不是与内容内联。好的,那么您就有了
标记,该标记呈现在
函数的html输出中,因此,您必须在
.testimo content
之后添加
p
,以便它必须与
类似。testimo content p
,更新并检查它是否适合您。让我知道,如果它的工作真棒!!!谢谢你,里兹,很好用。我本应该考虑添加p标记,但从未在CSS端使用过这样的规则,我只是对它的工作原理感到困惑。再次感谢您的帮助和帮助。
<blockquote>
    <div class="testimo-content">
        <?php the_content(); ?>
    </div>
</blockquote>
.testimo-content:before,
.testimo-content:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 0.6em;
    vertical-align: super;
}
.testimo-content:before {
    content: "\f10d";
    margin-right: 5px;
}
.testimo-content:after {
    content: "\f10e";
    margin-left: 5px;
}