【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仕様に変えたい方は参考にしてください♩

ではまた!

スポンサーリンク

サイト内キーワード検索
スポンサーリンク
iTunesカードキャンペーン情報_Time to enjoy
【iTunesカード割引情報】ファミマ、サークルKサンクスで1,500円以上のiTunesカードバリアブルを購入・応募で15%分のボーナスコードプレゼント!2017年3月2日まで

ファミリーマートとサークルKサンクスにてiTunesコードのプレゼント

Instagram
Instagram、1回の投稿で写真や動画を何枚もアップできる新機能をリリース(最大10枚)

現地時間2月22日、Instagramは1つの投稿に複数の写真や動画を

Amazonが2段階認証を導入。さっそく設定してセキュリティを強化しておいた!

Amazonで2段階認証が導入されたので早速設定してみた! 2段階認

OMAKER222キャンペーン
Omakerの小型スピーカー「M7」が限定300台限りの20%オフセール実施中!

本日2月22日、モバイルバッテリーやBluetoothスピーカー、スマ

Fire TV Stick (New モデル)
Amazon、新型の「Fire TV Stick」を4月6日に発売。Wi-Fi・CPUがパワフルに

本日Amazonが、テレビのHDMI端子に挿すだけでAmazonビデオ

価格.com
価格.comが格安SIM・大手携帯キャリア満足度ランキングを発表〜1位は?

価格.comが、15歳~69歳の男女5,000人を対象に調査した「格安

「WWDC 2017」の公式画像を使った壁紙が公開

先日、Appleから「WWDC 2017」の開催日程が正式に発表された

YouTube、スキップできない30秒広告を廃止へ。

YouTubeで動画を見ようとしたら最初にスキップできない30秒広告が

Kindle電子書籍、50%オフや50%還元の本が続出中!99円雑誌も

AmazonのKindleストアにて電子書籍のセールが大量発生している

WWDC 2017
Appleが「WWDC 2017」の日程を発表/2017年6月5日〜9日に開催

Appleが2017年度の開発者向けイベント「WWDC 2017」の開

→もっと見る

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