Facebook的评论格式化

我添加了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; ?>

结果就是我想要的东西，但造型没有。

这里的site和截图：

enter image description here

你可以从图像中看到。 “1656 Awesome Words”的文字小于“说明”&“其他信息”

如何使字体大小相同？

来源

2012-08-15 bosslee

不幸的是，据我所知FB连接（我倾向于使用图形）但通常无论如何，''标签（FBML（Facebook的HTML格式））的任何内容都是按原样提供的，而且你真的不能做很多事情，其中之一是它是什么东西，你可能但我不知道当它加载到页面上后，它可以改变它与JavaScript/jQuery的一些，但只有后它的加载，这可能会或可能不会违反使用条款。 – chris 2012-08-15 17:14:48

啊，我现在撤销我以前的评论。正如我看到的是什么意思。 – chris 2012-08-15 17:18:02

snarky评论：我没有看到如何在Facebook上的任何事情可以被视为“真棒”。 – 2012-08-15 17:19:31

<?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-根”，但你不关闭它在关闭a和li标签之前。因此，如果有一个破损的标签，这可能直接或可能不是问题的一部分，但破坏未封闭的标签有时会导致不良的不良影响。

此外，我会采取一个疯狂的猜测，并假设你有多个div在你的页面上使用ID fb-root，这也可能导致冲突。总而言之。它在fb-root div中，当FB载入页面后，Facebook的样式将重写你的样式。所以你的评论标签是继承它的样式，而不是你的初始样式。 Facebook通过你为它包含的JavaScript，基本上是在其加载到DOM之后重写fb-root div中所有元素的css/style属性。

来源

2012-08-15 17:20:47 chris

非常感谢。 – bosslee 2012-08-16 07:26:53

最好的感谢，@贺利，是upvote答案和[接受它]（http://meta.stackexchange.com/questions/5234/how-does-accepting-an-answer-work）。 – 2012-08-16 08:22:28

Facebook的评论格式化

回答

相关问题