1,352 Views

[wp]ようやくfacebookのコメントプラグインが実装できたよ!

facebookのDeveloper登録して、facebookのコメントプラグインの設定まではできていたけれども、そこから、試行錯誤、というよりも、七転八倒だった。

https://developers.facebook.com/apps/

それが、この 「GET CODE」してからどうすればよいのかがわからなかったからだ。

考えてみると、このエントリーは2013年だから、コメントの実装に構想2年だわ(笑)

facebookのコメント欄をブログに設置する方法 ただいま挑戦中!

さらに、
[wp]WordPressにプラグインなしでfacebookコメント欄を追加する方法
から、3ヶ月間。

ようやくです!

WPのhead.phpとSingle.phpに記述すればよかったのか!

これだけ悩んでいたのは、facebookが生成するGET CODEの情報をどう処理していいのかがわからなかった。

こちらのサイトの貼り付けがとっても参考になりました!ありがとうございます!
http://shouken56.net/blog/web/wordpress/2957/

最初のコードを、wordpressの header.php へ貼り付ける。

これが、どのあたりに貼り付ければいいのかがよくわからないので、/head の直前にしておけば、headの範疇でしょう。

!–コメント– にも、facebookコメント2015-07-18 といつこのコードを貼り付けたのかがわかるようにしておきました。すると、どんだけ健忘症のボクでも、どのコードが悪影響をおよぼしたかがわかると思ったからです。

とりあえず、こちらもheader.phpの一番最後にコピペ

問題はfbコメントを各ページを管理するSingle.phpのどこに記述するのか?

このコードをSingle.phpのどこに記述するのかだった。
自分でいろいろ記述をしている、Single.phpだけど、どこに挿入するのかは、記述してみて、ブラウザを色々変えてチェックして、スマホでチェックして、ひとつづつ、記述する位置を調整していく。

大変なんだけど! なんとなく、記述されているコードの意味が、はっは〜ん!と理解できてきたぞ!

最終的には、

dib class=”entry-inner”
?php the_content();?

の後にくっつけるのが、facebookコメントの場所としては良かったのかも!

それでも、本文が終わってから、関連するページのかなり下なので、ちょっと適切な場所ではないですが…。

とりあえず、facebookのコメント欄が2年がかりで完成です(笑)

ふぅー…。

しかし!!実は機能していなかった!


なんと、すべてのページに同じコメントが記述されていた!ガーン。
これは早めに対応法を見つけないと、外してしまってまた、忘却の彼方になってしまいそうだ。

single.phpに記述したコードを書き換えること!

再度、こちらのサイトを参考にして、

href=”https://4knn.tv”の部分を

href=”<?php the_permalink(); ?>”  に変えてみた…。どうだ?

おおお!うまくいったかも!!!

ちなみに、WordPressにタグがあるので…というのは、WordPressそのものが、PHPのサーバ上のプログラムが実行できるという事だった。

覚えるべきWordPressテンプレート タグ
http://www.wordpressmatome.com/覚えるべきwordpressテンプレートタグ/

なんと、こんなにたくさん、<?php  ?>で囲むだけで、PHPが動いてサーバ側からデータを持ってきてくれるのか!
これは新たな発見! 

WordPressがまた面白くなりました。しかし、WordPressを初めてもうすぐ1年、やはり体系的にそろそろ学ぶ時期ですね。