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


公開日: カスタマイズ(Stinger)

当ブログのコメント欄を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仕様に変えたい方は参考にしてください♩

ではまた!

スポンサーリンク

サイト内キーワード検索
スポンサーリンク
Kindleセール
Kindleストア、「資格試験対策キャンペーン」や「英語&実用書フェア」などの電子書籍セールを開催中

Kindleストアにて「【50%OFF】今年こそ合格~資格試験対策キャ

ソフトバンクが「学割モンスターU18」を実施–18歳以下なら月額2,980円から利用可能に

image:ソフトバンク 本日1月16日、ソフトバンクは18歳以下の

Kindleセール
【20%OFF】「冬☆電書」講談社コミック まとめ買いセール開催中 (2/1まで)

Kindleストアにて電子書籍コミックが20%オフで購入できる「冬☆電

Kindleセール
【50%オフ】Kindleストアで「幻冬舎映像化作品フェア」開催中(1/26まで)

Kindleストアにて電子書籍が50%オフとなる「幻冬舎映像化作品フェ

Kindleセール
【30%オフ】Kindleストアで「出版社横断2017新書フェア」開催中(1/19まで)

Kindleストアにて電子書籍が30%オフとなる「あなたの頭をアップデ

Nintendo Switch
ニンテンドースイッチが正式発表!発売は3月3日(予約開始は1月21日)、価格は2万9980円

本日1月13日、任天堂から新しいゲーム機器「Nintendo Swit

Kindle Unlimited
出版社数社がAmazonのKindle電子書籍読み放題に作品提供を再開

昨年8月にリリースされたAmazonの電子書籍読み放題サービス「Kin

総務省ガイドライン
総務省が新ガイドライン発表-SIMロックは端末分割時100日以下、一括時は期間なし

総務省が新ガイドライン「モバイルサービスの提供条件・端末に関する指針」

MacBook Pro(Late2016)
MacBook Pro(Late 2016)は故障診断ツールの遅れで修理受付を停止か

昨年発売されたMacBook Pro(Late 2016)は画面がチカ

iPhoneの画面固定
iPhoneの画面が横向きになる?縦向きのまま固定する設定方法

「iPhoneの画面が勝手に横向きになるのはどうにかならないか」という

→もっと見る

Copyright© Time to enjoy(タイムトゥエンジョイ) , 2015 All Rights Reserved.