今回はワードプレスにフェイスブックページを貼る方法を紹介します。

まず、ワードプレスにフェイスブックページを貼るにはフェイスブックのコードが必要です。そのコードはフェイスブックから入手できます。

SPONSORED LINK

まず、フェイスブックの

Page Plugin

にアクセスします(事前にフェイスブックはログインしてて下さい)。すると以下の画面になるはずです。

フェイスブックページをブログに貼る方法2

ここからフェイスブックページのコードを取得します。

コードを取得するには以下の項目の入力が必要です。

  1. Facebook Page URL:フェイスブックページのURLを入力
  2. Width:横軸を設定(任意)
  3. Height:縦軸を設定(任意)

フェイスブックページをブログに貼る方法3

これら3つの項目に入力し、コードを取得します。なお、チェック項目はフェイスブックページのデザインに関連するものなので、こちらも任意でチェックを入れるといいでしょう。

書く項目を入力後、『Get Code』をクリックしてコードを入手します。

フェイスブックページをブログに貼る方法4

クリックするとコードが2種類でてくるので、下の部分(赤枠)をコピーし、ワードプレスに貼り付けます。

フェイスブックページをブログに貼る方法5

ワードプレスの記事内に貼り付ける(コピペ)なら、テキストモードでコピペするのを忘れないように。サイドバーに貼るなら、そのままコピペしてもOKです。

なお、このフェイスブックページのコードはレスポンシブになっています。なので、スマホなどの表示でもデザインが崩れることなく表示できます。

SPONSORED LINK