【ソーシャルボタン】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

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

関連記事

講座開催 ご案内
広告

この記事を書いた人

ものくろ(Webコーチ)

株式会社あみだす 代表取締役 / 博士課程中退(農学) / ブロガー / Web&Blogコーチ / 親指シフト orzレイアウト開発者 / 講師 / フリーランス / 旅人 / 民事裁判経験者 / 毎月どこかに出張

ブログは月間65万PVを記録(2016年1月)。 これまでに250回を超えるワークショップ開催・のべ1,200名のブログサポートに携わる。

WordPressが得意 / 好きなもの(無刻印キーボード・十割蕎麦・湯葉)/ あまり好みでないもの(ブロッコリー・値切り)

この記事が気に入ったら
いいね!しよう

最新の情報をお届けします

ブログをメールで購読

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

あわせて読みたい

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

広告

新着記事

Facebookを使うノウハウ公開中

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

無料 メルマガ発行中

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

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

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

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

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

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

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

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

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

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

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

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

広告