php - Facebook 评论格式

Question

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

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

这是 site和截图:

从图中可以看出。 “1656 Awesome Words”的文本小于“描述”和“附加信息”

如何使字体大小相同？

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，基本上是在加载到 DOM 后重写 fb-root div 中所有元素的 css/style 属性。