迷ったらストレート!

野球、書評、Mac、iPhone、ももクロ、ライフハックなどを中心に、管理人みたんごが気になったことをご紹介

WordPressのテーマ「Twenty Eleven」にFacebookコメントを設置する方法

      2013/02/21

WordPressのコメント欄としてFacebookコメントを設置しました!

Facebookコメントを設置することで、Facebook側でもブログ側でもコメントが表示されますし一石二鳥ということでやってみました。

環境
WordPressのテーマ、Twenty Eleven(バージョン 1.5)にて実施。

手順
1.Facebook開発者に登録し、開発者ページでアプリを作成
2.Facebookコメントのコードを生成する
3.生成したコード2つを二箇所に挿入する

手順はほぼ下記2つブログで紹介されていた手順を照らし合わせながら行いました。
分かりやすく記述されてますので、あえて説明することは省きます。
(和洋風さん、ホームページ制作のハレハメイドさんありがとうございますm(__)m)

MovableTypeとWordpressにFacebookコメントを設置する方法。和洋風
wordpressの各記事にFacebookのコメント欄を設置挿入する覚えがき。ホームページ制作のハレハメイド

問題は3のどこに2つのコードを挿入するかです。
下の画像の1と2。
2013-02-11_2017

この部分が私の完全なる力不足で悩みましたが、試行錯誤の末なんとか出来ました(゚∀゚)

・1のコードについて
対象のコード:header.php
変 更 箇 所:bodyタグの直下に1のコードを追加。
※header.phpのソース内をbodyと検索すると二箇所しかないので分かりやすいです。
2013-02-11_2026

・2のコードについて
対象のコード:comments.php
変 更 箇 所:最後の方のというソースをコード2と置き換える。
2013-02-11_2034

 

そうすると無事Facebookコメントの設置が出来ました!
2013-02-11_2046

 

備考
幅はもうちょっと微調整が必要そうなので直します。

 - ブログ

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

  関連記事

a0001_016962
ブログ素人の私が独自ドメインのブログを立ち上げた理由

ブログを始めるにあたって、数々のサービスが世の中にはあります。一番手っ取り早いの …

a0001_007029
ブログ界の甲子園を目指す!(甲子園に出ることと、ブログをやや無理矢理結びつけた)

甲子園に出ることと、ブログをやや強引に結びつけて、これからの当ブログ「まよスト」 …

雪
冷やし中、、Facebookページ始めました

北国出身の私が初めて雪道を運転しました。 意外となんとかなりましたが、吹雪は怖い …

a0001_016687
ズバッ!と迷いを消すためにブログの運用ルールを決めた。”平日は記事を書く日、土日はブログ環境を整える日”

みたんごです。 毎日ブログ更新を目標にやってきましたが、現状厳しいです。 記事の …

AWS
私がブログ環境としてAWS(Amazon Web Service)を使っている理由

はじめに ブログをやるにはサーバ環境が必要です。 一番手っ取り早いのはブログサー …

波とサーファー
「まよスト」の2013年の目標 #2013ambitions

2013年始まって7日目!男子ハックさんの企画に乗っかり、ちょっと遅ればせながら …

cropped-logo.jpg
ド素人がillustratorCS6でブログのロゴを作ってみた結果(クオリティ低め)

ちょっとマンネリを感じていたブログのロゴを変えるべく、様々な素敵なイラストやチラ …

75a3d9efc45abca2e5588fce88f61d3d.png
ブログ更新は少なめだけど、stingerを使ってから3ヶ月で月間1万PVに!

みたんごです。 おかげさまで、8月のPVがブログ始めて9ヶ月にして初めて月間1万 …

2013-10-06-10.59.30-1.jpg
みたんごの2014年の目標

2014年になってもう12日も経ってしまいましたが、今年もよろしくお願いします。 …

skitch2013/01/24
【初心者向け】WordPress管理画面、記事に出てくる放置しがちなプラグインのメッセージ4つ

ハローミスターどてかぼちゃ! WordPress管理画面でこーんなメッセージ出て …