Facebook评论格式

Question

我将Facebook评论代码添加到Wordpress评论中

<?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; ?>

结果是我想要的，但造型不是。

这是site和屏幕截图：

从图像中可以看出。 “1656 Awesome Words”的文字小于“Description”＆amp; “附加信息”

如何使字体大小相同？

Answer 1

<?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-root div中，因为FB在页面加载后加载其样式，因此facebook样式会覆盖您的样式。所以你的评论标签继承了它的样式而不是你的初始样式。 Facebook通过你为它包含的javascript，基本上重写了fb-root div中加载到DOM后所有元素的css / style属性。