在WordPress

Question

当在WordPress中提取the_content（）作为推荐部分时，我尝试在它之前和之后添加引号（fontawesome），但它们出现在内容的顶部和下方，而不是内联它。 这是代码：

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

是否有人知道如何连接它们以使它们与内容文本一起显示内联？ 提前谢谢大家。

Answer 1

您可以使用CSS

来实现它

HTML

<blockquote>
    <div class="testimo-content">
        <?php the_content(); ?>
    </div>
</blockquote>

CSS

.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;
}