Facebook投稿をきれいに埋め込む方法



Facebookのコードをそのまま「埋め込み」すると、モバイルで見た時に右端が途切れることがあるので、予めコードを調整してから貼り付けるようにしています。

埋め込みたい記事の右上にあるマーク→「埋め込み」をクリック。

「詳細設定」をクリック。

投稿のピクセル幅を「350」に変更します。「投稿全文を含める」のチェックは外した方がすっきり表示させることができます。設定したら左下にある「コードを取得」をクリック。

「IFreme」をクリック。

表示されたコードを貼り付けます。

中央揃え

コードをHTMLタグ<div align="center">で囲むことによりコードを中央に寄せることができます。

<div align="center">
コード
</div>

完成!はみ出ることなく中央揃えできれいに表示させることができました。