wordpressにフェイスブックページを埋め込む方法

2016年5月10日

wordpressにフェイスブックページを埋め込む方法を紹介したいと思います
主に埋め込む方法は

ページプラグインというスクリプトで埋め込む方法

有志で配布されているwordpressのプラグインで埋め込む方法

jetpackで埋め込む方法

ということで、ページプラグインとjetpackを用いての自分のフェイスブックを記事下やサイドバーなどに埋め込む作業に取り掛かります
※フェイスブックではなくフェイスブックページなので注意が必要

ページプラグインを使って埋め込む際に下準備

※まず、前提としてフェイスブックに事前に登録しておく必要があります

フェイスブックに新規登録orログインしたら、フェイスブックページを作成する

そのあとのことは割愛します

フェイスブックページとは簡単に言えばコミュニティーのこと

フェイスブックページを埋め込む

フェイスブックページを作成できたら、本題の埋め込み作業にはいります

https://developers.facebook.com/docs/plugins/page-plugin

上のURLから飛んでフェイスブックページのURLを打ち込む

適当に打ち込むとこのようになります

コードを取得する

step3はまだなので焦らずに！

<body>タグにコードを貼る

使用しているテーマはSTINGER7です
ですが、ほかのテーマでもできます

STINGER7(子テーマ)のheader.phpに移動します
移動したら、<body>タグに先ほどステップ2のスクリプトコードをコピペしてあげる

  </head>
    <body <?php body_class(); ?> >
ここにステップ2のコードを貼り付ける
        <div id="wrapper" class="<?php st_wrap_class(); ?>">
            <header>
            <div class="clearfix" id="headbox">

ちょっちわかりづらいと思うので画像でも

ステップ3のコードを貼り付ける

コピーしたらwordpressの管理画面に移動
移動したら、「外観」→「ウィジェット」に行き、「テキスト」にステップ3のコードコピペする
コピペしたら、わしのブログではこんな感じに貼り付けてます
だれも「いいね」してないからハジュカチイ///
これからいいねしてください！おねがいします！なんでも・・・げふんげふん