RのWeb制作

Webサービス制作のための技術情報を。データ分析(Python、機械学習コンペ他)や自作野球ゲームMeisyoのこと中心。

WordPress

WordPress記事ページ毎にfacebookのコメントフォームを付ける

投稿日:2013年10月20日 更新日:

facebook logo
wordpress記事ページ毎にfacebookのいいねボタンを付けるの関連記事です。

作り方

PHPを直接編集します。

1.content-single.phpへアクセス

管理画面 > 外観 > テーマの編集 > content-single.php にアクセス。
(画面右の content-***.php の中にあります)
c16ca6cccece1e00de73820f3e324de7

2.content-single.php を編集

27行目くらい(図参照:</div> <!– .entry-content –>の上に)に下記のコードを入力します。
9a3837ed81a395aa49172fadd3b21235

コード(wordpress各記事に記述するサンプル)

&amp;lt;div id=&amp;quot;fb-root&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;script&amp;gt;(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = &amp;quot;//connect.facebook.net/ja_JP/all.js#xfbml=1&amp;quot;;
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));&amp;lt;/script&amp;gt;
&amp;lt;div class=&amp;quot;fb-comments&amp;quot; data-href=&amp;quot;&amp;lt;?php echo get_permalink($post-&amp;gt;ID); ?&amp;gt;&amp;quot; data-numposts=&amp;quot;5&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;

汎用版コード

&amp;lt;div id=&amp;quot;fb-root&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;script&amp;gt;(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = &amp;quot;//connect.facebook.net/ja_JP/all.js#xfbml=1&amp;quot;;
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));&amp;lt;/script&amp;gt;
&amp;lt;div class=&amp;quot;fb-comments&amp;quot; data-href=&amp;quot;「URL」&amp;quot; data-numposts=&amp;quot;5&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;

* 「URL」に任意のURLを入れてください
* URLエンコードは必要ありません。

URLエンコードが必要な場合、wordpress記事ページ毎にfacebookのいいねボタンを付けるを参考にしてください。

-WordPress

執筆者:


comment

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

関連記事

no image

WordPress記事ページ毎にfacebookのいいねボタンを付ける

Wordpress記事ページ毎にfacebookのコメントフォームを付けるの関連記事です。 作り方 PHPを直接編集します。 1. content-single.phpへアクセス 管理画面 > …

駆け出しエンジニアは本当にフロントエンドエンジニアを目指すべきなのか

最近、駆け出しエンジニアをTwitter上で数多く見るようになりました。 ただ、揃いも揃って「フロントエンドエンジニア」になりたい(意訳)とプロフィールに書いてあります。 なぜでしょうか。 それは何が …

no image

WordPressのパーマリンクはどの形式がいい?

WordPressのパーマリンク設定についていろいろと意見があるようです。 「日本語URL化した方がいい」 「短くした方がいい」などなど。 結局サーチエンジン最適化(SEO)の視点から見るとどれも対し …

no image

WordPressでtextarea内のbrやpを取り除く

WordPressの<textarea>の中で改行を含めたコードを書くと変なことになります。 それを解決出来るプラグインは「Raw HTML」です。 1.Raw HTML 追加方法 Wor …

no image

WordPressのおすすめシェアボタン

暑くなってきましたね。 そろそろクーラーなしで生きるのが限界です。 今回は一番下のシェアボタンの作り方が載っていたサイトがあったので、お伝えします。 WordPressのオリジナルシェアボタン簡単作成 …