ワードプレスの各記事にフェイスブックのコメント欄を設置する方法

フェイスブックはバイラルメディアなので
活用しないともったいないですよね。

アメブロの各記事の下にフェイスブックのコメント欄を
入れる方法もいくつかありますね。

実は私も入れているのですが、設置位置が
最下部でイマイチなので、今研究しています。

今日の話はホームページのほうです。

こんな風にホームページにフェイスブックのコメント欄が
あるのをご覧になったことがあると思います。

ワードプレスを使ってホームページを作っている方も
多いと思いますので、今回はワードプレスに
フェイスブックのコメント機能を
設置する方法をシュアしたいと思います。

まずはフェイスブックのソーシャルプラグインに
アクセスしてください

上から三番目にCommentsがあります。

クリックすると設定画面が出てきますので

サイトのURL
横幅等を入力し、Get　Codeをクリック

出てきた二つのタグ
上段はワードプレスのテーマ内の
ヘッダーテンプレート<body>の横に貼り付けてくださいね。

下段のタグは単一記事の投稿テンプレの記事内

<?php the_content(); ?>と差し替えるか
<?php endif; ?>の下辺りかに貼り付けします。
場所は調整してみてくださいね。

ちなみに下段のタグですが
<div class="fb-comments" data-href="http://www.e-lifestage.info/" data-num-posts="2" data-width="500"></div>

を
<div class="fb-comments" data-href="<?php the_permalink(); ?>" data-num-posts="2" data-width="500"></div>
とすると、個別記事にリンクが張られるのでお勧めです。

日刊すぎタイム