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的評論格式化

回答

相關問題