プラグインを使わずにFacebookコメント欄を追加

Facebookのコメント欄の方がいい

よくブログやニュースサイトなどで見かけるコメント欄。一般のコメント欄よりも敷居が低い感じがして、コメントもしやすい。と勝手な思い込みで、Facebookのコメント欄を追加してました。

開発者向けサイトにアクセス

Facebook開発者向けサイトなるもので設定を行います。詳しくはこちら

各種項目の設定

コメント欄のワイド、色、コメント欄の表示数を設定後、左下のボタンをクリック

fb_01

コードをコピペ

生成されたコードを、themeフォルダーの中にあるheader.phpとsihgle.phpというPHPファイルにコピペします。

fb_02

header.phpへのコピペ

bodyタグのすぐ下にコピペ。

Single.phpへのコピペ

下記のコードをコピペしたものに上書き 下記コードに上書き

https://example.com/coments部分を、<?php the_permalink(); ? >に書き換え

出来上がり

最終的に、ワイドを450から500へ、色をdarkからlightに変更しています。

fb_03