0

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

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

这是网站和屏幕截图：

在此处输入图像描述

从图片中可以看出。“1656 Awesome Words”的文本小于“Description”和“Additional Information”

如何使字体大小相同？

4

1 回答 1

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和标签中，你打开一个div标签“fb-root”，但在关闭and标签a之前你没有关闭它。因此，如果标签损坏，这可能会或可能不会直接成为问题的一部分，但未关闭的标签损坏有时会导致不利的不良影响。ali

另外，我要大胆猜测一下，假设您的页面上有多个 ID 为 fb-root 的 div，这也可能导致冲突。不过总而言之。它在 fb-root div 中，facebook 样式正在覆盖您的样式，因为 FB 在页面加载后加载其样式。所以你的评论标签继承了它的样式而不是你的初始样式。Facebook 通过您为其包含的 javascript，基本上是在将 fb-root div 加载到 DOM 后重写其所有元素的 css/style 属性。

于 2012-08-15T17:20:47.970 回答