【WordPress】「いいね!」ボタンを押した時に表示されるコメント欄が切れる現象の対応

スポンサードリンク

最近ずーっと気になっていた事があって・・・

 

いいね!ボタンが見切れている図

「いいね!」ボタンを押した後に表示されるコメント欄が全部表示されてない。

「まぁいいか!」とか思っていたけど、良いわけ無いので色々調べてみたところ、解決策が分かりました。

※iframe版の場合です(HTML5は別記)

style.cssのこの部分

 

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
max-width: 100%;
}

この太字部分を下記の様に修正

 

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
/* いいねボタンのコメント欄が見切れる問題の対応 */
max-width: none!important;
}

これだけで

いいね!ボタンが見切れている不具合に対応した後の図

無事解決です。

ちなみに

HTML5版の場合はstyle.cssに

.fb-like iframe{
 max-width: none!important;
}

これを追加すればOKです。

この記事をサイトに埋め込む
スポンサードリンク
この記事をシェアする
RSSリーダーに登録する

 RSSリーダーで購読する

Facebookの反応