2015年6月にfacebookをwebサイトに埋め込むには「like box」から「page plugin」に変更になりました。 単純に埋め込むにはこちらからコードを取得し貼り付けるだけでfacebookウィジェットを埋め込むことができます。 一応レスポンシブ対応していますが、仕様としては最初に表示された親ボックスサイズ(180px〜500pxの制限あり)に合わせてレスポンシブに可変されますが動的にウィンドウサイズは変更されません。 このままでもほぼ問題ないと思いますが、どうしてもダイナミックにレスポンシブ対応したい場合のjqueryを使った対応方法をメモ。 まずは通常の手順通りコードを埋め込む 下記のように埋め込みたい場所(ここでは<div id=”pageplugin”>ボックス内)に取得したコードを埋め込みます。(javascriptのコードは省略) <div id="pagepl
![page plugin(facebook埋め込み)をレスポンシブ対応する](https://cdn-ak-scissors.b.st-hatena.com/image/square/2872f6b7a957f09060fef962d0dd7b5fcf313ea8/height=288;version=1;width=512/https%3A%2F%2Fwpgatera.matrix.jp%2Fwp%2Fwp-content%2Fuploads%2F2015%2F01%2Fthumbnail_other.png)