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」のテキストが「説明」および「追加情報」よりも小さい

フォントサイズを同じにするにはどうすればよいですか？

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

and タグ内で div タグ「fb-root」を開きますが、 liandタグをa閉じる前に閉じていません。したがって、タグが壊れていると、これが直接問題の一部である場合とそうでない場合がありますが、閉じられていないタグが壊れていると、望ましくない悪影響が生じることがあります。ali

また、私は大げさな推測をして、ページに ID fb-root を持つ複数の div があると仮定します。これも競合を引き起こしている可能性があります。しかし、全体として。それは fb-root div にあり、ページの読み込み後に FB がスタイリングをロードするため、facebook のスタイリングがスタイリングを上書きします。したがって、コメント タグは、最初のスタイル設定ではなく、そのスタイル設定を継承しています。Facebook は、それに含める JavaScript を介して、DOM にロードされた後、基本的に fb-root div 内のすべての要素の css/style プロパティを書き換えています。

于 2012-08-15T17:20:47.970 に答える