スポンサーリンク

【WordPress】STINGER3のコメント欄をFacebook仕様にカスタマイズする方法

当ブログのコメント欄をFacebook仕様に変更致しました。

ですので今日は、STINGER3で各記事の下に表示されるコメント欄をFacebookコメントに変更する方法を備忘録として残しておきたいと思います。

スポンサーリンク

Facebookコメントにするメリット

  • コメント欄がスッキリする。(これ以上少しでもページが縦に長くなり過ぎないようにしたかったため)
  • コメントして頂けた場合、ウォールに流れてより多くの人に知ってもらえる。
  • コメントと返信が素早く出来る。

Facebookコメントにするメリットはこんな感じかな。

とくにデフォルトのコメント欄は幅を取り過ぎだったので変えてよかったです。

変更手順

https://developers.facebook.com/docs/plugins/comments

▲まずはここにアクセスします。(要Facebookログイン)

 

スクリーンショット 2015-06-20 14.48.04

▲次いで、コメント欄の幅とコメント表示数を入力します。

ここではURLはそのままでOK

出来たら「Get Code」をクリックします。

 

スクリーンショット_2015-06-20_14_42_39

▲まず①のコードをコピーします。

コピーしたコードは、header.phpの<body>タグ直下に貼り付けます。

STINGER3の場合は<body <?php body_class(); ?>というタグの直下

 

次いで、②のコードをテキストエディタなどにコピペして編集します。

編集する箇所は、『 http://developers.facebook.com 』の部分です。

ここを『 <?php the_permalink(); ?> 』に置き換えます。

今置き換えた後のコードを全てコピーしたら、単一記事の投稿(single.php)の中にある『 <?php comments_template(); ?> 』のところに置き換えれば完了です。

管理人のひとこと

STINGER3でコメント欄をFacebook仕様に変えたい方は参考にしてください♩

ではまた!

スポンサーリンク