.fb_iframe_widget{ width:100%}
.fb_iframe_widget iframe{ width:100%}
<div class="fb-page" data-href="https://www.facebook.com/0568navi/" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true" data-show-posts="true" data-width="500" ></div>
https://developers.facebook.com/docs/plugins/page-plugin
ページのID
URLの番号か
プロフィール画像のリンク先URLの数字が並んだ部分の最後/
の部分をコピって
firefoxのツールアドオン（クロームもあるらし）
Web developer
をいれて
再起動して
勤務フォームにファイスブックをしていして
右クリック Web developer で フォーム
がめんないにフォーム情報を表示
で
番号が入ってる部分を
数字が並んだ部分の最後/
に入換え
保存
でできた。
http://mylifeyourlife.net/2013/01/facebook-share-button/
http://mylifeyourlife.net/2013/02/unreachable-error-finally-resolved/
こちらの記事で参考
なりました
プレビュー時にfbコメントが働くという事が原因です。
<?php if (!is_user_logged_in()) : ?>
この対処方だったが
クライアントさんにログアウトを要求できなかったので
<?php if (is_preview()): else: ?> <!-----------------facebookコメント---------> <fb:comments href="<?php the_permalink();?>" width="600" numposts="5" colorscheme="light"></fb:comments> <!-----------------/facebookコメント---------> <?php endif;?>
このプレビューの分岐で対応
HTML5だから
コメントは5にした
<div class="fb-like" data-href="<?php the_permalink(); ?>" data-layout="button_count" data-action="like" data-show-faces="true" data-share="true"></div><style>.fb-like, .fb-like iframe[style], .fb-like span[style] { width:100% !important; }</style>
こいつにしないと
いいねボタンおしたとき ウインドウがちっちゃい
5のみしていできると思う
このままじゃ流す時弱かったからタイムラインにものらんし
OG設定最低限
コメントは前回記事参照
こめんとしてみたが
記事つきでコメントできるみたい。
チェク有りだと
http://www.geocities.jp/eijispace/2012/0206.html
<!-- 可動幅にするスタイル -->
<style>.fb-comments, .fb-comments iframe[style], .fb-comments span[style] { width:100% !important; }</style>
<!-- 表示したい場所に貼るコード -->
<div class="fb-comments" data-href="設置するURL" data-num-posts="コメント表示件数" data-width="表示幅（ピクセル指定）"></div>
大きいサイズを出したいなら 横長の写真ならOK
正方形を出したいなら 300pxにしとけ
タイトルにタイトル
ディスプリクションにディスプリクション or コンテンツ本文
ぐらいか
XFBML 版説明
http://tech.nitoyon.com/ja/blog/2012/11/28/xfbml-like/
設置方法詳細
http://hp-guide.com/attract/facebook-page/facebook-comments/
まず１のjavascriptSDKの設置は、<body>の直後に設置します。 そのままコピーして<body>のすぐあとに貼り付ければOKです。 ２のXML名前空間の追加は、<html>に「xmlns:fb=”http://ogp.me/ns/fb#”」を追加すると考えていただければOKです。 OGPの設定をしている場合には、すでに他のxmlns属性が追加されていると思いますが、それと同じ要領で追加します。 OGPの設定をしていない場合には画面上に出ている２の部分のコードを<html>と置き換えていただければ結構ですが、OGPを設定している場合には、以下のようになります。 <html xmlns=”http://www.w3.org/1999/xhtml” xmlns:og=”http://ogp.me/ns#” xmlns:fb=”https://www.facebook.com/2008/fbml” xmlns:fb=”http://ogp.me/ns/fb#”> 最後にコメントプラグインを表示させたい箇所に３のコードを貼り付けます。
Facebookコメント
https://developers.facebook.com/docs/plugins/comments/