Php 在WordPress中的内容()前后添加内联图标
在WordPress中为推荐部分拉取_content()时,我尝试在其前后添加引号(fontawesome),但它们出现在内容的顶部和底部,而不是与内容内联。 代码如下: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> <
<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;
}