Facebook
RSS Feed
Feb 16, 2013

レスポンシブテーマでFacebookのいいねボタンが表示されない時の対処法

facebook like button

レスポンシブデザイン対応テーマ(Young LoveBlack DreamFlora)で、
Facebookのいいねボタンが表示されない時の対処法です。

対処法

スタイルシートの最後の方に、以下の表記があると思いますので削除してください。

/* Facebook Like Box width:100% */

.fbcomments,
.fb_iframe_widget,
.fb_iframe_widget[style],
.fb_iframe_widget iframe[style],
.fbcomments iframe[style],
.fb_iframe_widget span{
width: 100%! important;
}

FacebookのLike Boxをレスポンシブに対応させるために、
ワイドを100%にする指定が入っているのですが、
これがあるとLikeボタンが表示されないことがあります。

プラグインの「Social bookmarking lite」だとダメでした。
これ使っている人多いと思いますので、
ライクボックスは使わないからボタンが表示したいという方は、
上記の方法で対処をしてください。

Posted in WordPress初心者講座Comments Closed 

関連記事

今月の人気のワードプレステンプレートBEST 3

WordPressテーマ(スマホ対応レスポンシブデザイン)「Slauson」
公式サイト/マガジン/ビジネス・企業
WordPressテーマ(スマホ対応レスポンシブデザイン)White Studio
ビジネス・企業/コーポレートサイト/公式サイト
WordPressテーマ(スマホ対応レスポンシブデザイン)「Pantomime」
ギャラリー・ポートフォリオ / 公式サイト