【ソーシャルボタン】facebookコメント欄が切れるのを解決(Tweet, Like, Google +1 and Share)

この記事で紹介しているテーマは、100%GPLではないテーマです。WordPressコミュニティは、100%GPLライセンスを推奨しています。私も、現在は100%GPLライセンスのテーマのみを推奨しています。100%GPLテーマの記事はこちらです。

この記事は2年以上前に公開された記事です。情報が古くなっています。現在は状況が異なる可能性があります。

たまには自分自身でfacebookのイイネを押してみました。すると「コメント欄の表示がおかしい」ことを発見!です。いやはや、ごめんなさい。

恥ずかしい状態でした。

本文(content)部分の”iframe”に”max-width: 100 %;”が設定されている

これが原因でした。なので、使っているテーマによって、対策が違うらしい...です。「ものくろぼっくす」はDigiPressさんの el-plano。これの解決方法を紹介します。

あっそうです。SNSのボタンは「Tweet, Like, Google +1 and Share」プラグインを使って設置しています。設置方法はこちらにまとめています。

大きなソーシャルボタンをブログに設置!Tweet, Like, Google +1 and Share | affiliate hack!

解決方法

fb-like クラスの”iframe” max-width: 100 %; を無効にすることで、解決しました。

/* facebookのコメントが切れる 対策 /
.fb-like iframe {
max-width: none !important; /
こちらを優先 */
}

このCSSを管理画面 ”DigiPress ビジュアル設定”−”オリジナルスタイルシート設定”に追加登録します。

スクリーンショット 2013 12 21 16 47 47

これによって、トラブル解決です。コメント欄が表示されるようになりました。

スクリーンショット 2013 12 21 16 30 34

こちらのサイトさんの記事が解決に役立ちました。感謝です。

関連記事


ブログをメールで購読

メールアドレスを記入して購読すれば、更新をメールで受信できます。

広告

あわせて読みたい

記事のタイトルとURL をコピーする!

広告

新着記事

著者プロフィール

ものくろ(大東 信仁)

ブロガー/Web&Blogコーチ/親指シフト orzレイアウト開発者/ものくろキャンプ運営。のべ1,000名のブログサポートに携わる。WordPressが得意。

Facebookを使うノウハウ公開中

農家・フリーランス・経営者向け SNS使いこなしセミナー (2018年1月版)の内容を全文公開中!

無料 メルマガ発行中

運営しているものくろキャンプの講座・イベント開催情報や、ちょっと役立つ情報をお届けしています。

ほぼ毎日発行しています。

Web・Blogコーチのご依頼はこちら

Web・ブログのコンサルティング・ご相談のご依頼を受け付けております。

  • Webを活用して本気でビジネス・人生を切り開きたい方
  • Webのテクニカルな改善でお悩みの方
  • アイディアはあるのに、記事の文章にするのがうまくいかない方
  • 親指シフトを本気で習得したい方

そんな多様なお悩み、そして、さらに隠れていて見えないお悩みも見つけます。

ダイレクトにアドバイス。そして、ご自身の問題解決力を手にしていただく時間を。このブログ2400記事をアウトプットした経験に基づく良質なノウハウ・スキルを手に入れてください。時間の大切さを感じてるあなたへオススメです。

ものくろキャンプ Web・Blogコーチ セッション

お申し込みはこちらのお問い合わせフォームからお願いします。

お申し込みはこちらのお問い合わせフォームからお願いします。

ものくろキャンプ イベント案内

ものくろキャンプの開催スケジュールはこちら

広告