簡単!ワードプレスにFacebookのLikeBoxを設置する方法 へのコメント http://matsukenn.com/wordpress-likebox-settei-200 専業主夫ときどきダンスの先生もやってる福岡在住のアラサー男子のブログです。 Thu, 26 Nov 2020 00:53:44 +0000 hourly 1 https://wordpress.org/?v=4.1.41 matsukenn より http://matsukenn.com/wordpress-likebox-settei-200#comment-5 Sun, 19 Jan 2014 14:09:51 +0000 http://matsukenn.com/?p=200#comment-5 そのやまさん、こんにちは。

コメントありがとうございます。

僕も前からこれ気になってたので調べてみると、簡単に解決できました。

style.cssに以下のコードを記述すると、
LikeBoxをレスポンシブ対応させることができます。

＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊

div.fb-like-box,
div.fb-like-box iframe[style],
div.fb-like-box span {
width: 100% !important;
}

＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊

お使いのテンプレにもよりますが

僕の場合(RefinePro)だと

テーマ編集>custom.php　にこのコードを貼ればOKでした。

縦のままだと詰まった感じですが、
横向きにするときちんと可変しますので、ぜひ試してみてください ^ ^

]]> そのやま より http://matsukenn.com/wordpress-likebox-settei-200#comment-4 Sun, 19 Jan 2014 10:38:57 +0000 http://matsukenn.com/?p=200#comment-4 初めましてそのやまと申します。
為になる記事、ありがとうございます。

今スマホで拝読しているのですが
ライクボックスが枠？からハミ出ています。

スマホで見たときにハミ出ないようにするにはどうしたら良いですか？

お忙しいところ恐縮ですが
ご教授頂けたら幸いです。

]]>