WordPressの投稿記事(エントリー)別にFacebookのコメント欄を表示させる方法

  • 9732
    views
  • このエントリーをはてなブックマークに追加
  • follow us in feedly

Facebook コメントボックスをWordPress に設置するという作業自体は facebook social plugin を利用すれば良いのですが、

ブログの投稿記事別(あるいはニュース配信を行っている場合、そのニュース別)に1個1個コメントボックスを設置したい となった場合、Facebook より取得できるコードを若干改変する必要があります。

Facebook 開発者ページへアクセス

Facebook コメントボックスを設置するためには、まずは以下のFacebook の開発者ページでコードを取得する必要があります。


Facebook 開発者ページでコードを取得

開発者ページ内の「URL to comment on」欄で、コメントボックスを設置する先のURL を設定しますが、あとでURLを差し替えるのでそのままブログのURLなどを記入してコードを取得します。
WordPressの投稿記事(エントリー)別にFacebookのコメント欄を表示させる方法

取得したコードをコメントボックスを表示させるテ−マファイル(single.php など)にコピペします。
WordPressの投稿記事(エントリー)別にFacebookのコメント欄を表示させる方法

コードの改変

しかしこのままだと「ブログ全体へのコメント」扱いになるので、ある記事に対して頂戴したコメントがまったく関係の無い記事にまで表示されてしまうことになりますので、

投稿記事(エントリー)別にコメントを表示させる場合は、以下のコードの3 行目を
<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
<fb:comments href="https://www.imaginationdesign.jp/blog/" num_posts="5" width="665"></fb:comments>
このように改変します。
<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
<fb:comments href="<?php the_permalink(); ?>" num_posts="5" width="665"></fb:comments>
これで、投稿記事別にFacebookコメント欄が設置(表示)できます。

あとは表示サイズ(width)や表示数(num_posts)をブログに合わせて変更してみてください。

何個かの記事に自分でテスト投稿してみた結果、無事に振分け表示は出来ているようです。

  • 9732
    views
  • このエントリーをはてなブックマークに追加
  • follow us in feedly

この投稿と関連する記事一覧

この記事に関するコメント

コメントを残す

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください