Php Facebook评论格式

我在Wordpress评论中添加了Facebook评论代码

<?php if ( comments_open() ) : ?>
<li class="reviews_tab"><a href="#tab-reviews"><div id="fb-root">
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
<?php echo '<fb:comments-count href=http://bikeroger.com';
echo $_SERVER["REQUEST_URI"];
echo '></fb:comments-count> Awesome Love'; ?>
</a></li>
<br>
<?php endif; ?>

结果是我想要的，但样式不是

下面是一个屏幕截图：

正如你从图像中看到的。 “1656个精彩单词”的文本小于“说明”和“附加信息”

如何使字体大小相同？

<?php if ( comments_open() ) : ?>
<li class="reviews_tab"><a href="#tab-reviews"><div id="fb-root">
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
<?php echo '<fb:comments-count href=http://bikeroger.com';
echo $_SERVER["REQUEST_URI"];
echo '></fb:comments-count> Awesome Love'; ?>
</a></li>
<br>
<?php endif; ?>

在您的原始代码之上

下面是一个小改动

<?php if ( comments_open() ) : ?>
<li class="reviews_tab"><a href="#tab-reviews"><div id="fb-root">
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
<?php echo '<fb:comments-count href=http://bikeroger.com';
echo $_SERVER["REQUEST_URI"];
echo '></fb:comments-count> Awesome Love'; ?>
</div></a></li>
<br>
<?php endif; ?>

在

li

和

a

标记中，您打开一个div标记“fb root”，但在关闭

a

和

li

标记之前，您没有关闭它。因此，标签破损可能是问题的一部分，也可能不是问题的一部分，但标签破损或未闭合有时可能会导致不良影响

---

另外，我要做一个大胆的猜测，假设您的页面上有多个ID为fb root的div，这也可能导致冲突。然而，总的来说。它位于fb根div中，当fb在页面加载后加载其样式时，facebook样式将覆盖您的样式。因此，您的注释标记继承了它的样式，而不是您的初始样式。Facebook通过您为其添加的javascript，基本上是在加载到DOM后重写fb root div中所有元素的css/样式属性。

不幸的是，据我所知，fb connect（我倾向于使用graph），但通常无论哪种方式，

标记中的任何内容（即FBML（facebooks的HTML格式副本）)是按原样提供的，你真的不能对它做太多，它就是其中之一，你可以但我不确定在页面上加载javascript/jquery后，但只有在加载之后，才能用javascript/jquery对其进行一些更改，这可能违反或不违反这些使用条款。啊，我现在撤销了我以前的评论。我明白这意味着什么。snarky评论：我不明白facebook上的任何东西怎么会被认为是“了不起的”。尝试将

fb_comments\u count

类添加到css中，并在其中应用所需的格式。感谢@fabrico帮助我编辑这个问题。