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

ではまた!

ご訪問ありがとうございます。
ごゆっくりどうぞ。

中の人を
follow us in feedly
スポンサーリンク
▶サイト内キーワード検索&関連記事
スポンサーリンク
【50%OFF】Kindleストア、Web解析・マーケティング書セール開催中(6/29まで)

KindleストアにてWebマーケティング関連書籍が全品50%オフとな

Apple_iPhone7で撮影する方法
Apple、iPhone7での写真撮影テクニックを日本語で解説した特設ページを公開

Appleはこれまで「How to Shoot on iPhone 7

【ポケモンGO】新しいジムが再登場〜レイドバトルはレベル35以上から

本日23日、ポケモンGOが新機能を追加した新しいジムを公開したことをア

iPhone8のカラーは新色のホワイトを含めた5色展開か

iPhoneやiPadなどのリーク情報を提供しているBenjamin

Apple:How to Shoot on iPhone 7
Apple、写真アプリの「メモリー機能」の使い方を紹介した動画を2本公開

AppleがiPhoneの写真アプリに搭載されている「メモリー機能」の

UQ mobile(UQモバイル)
UQモバイルポータルアプリが「データチャージ履歴表示」「タイマーターボ機能」に対応

UQモバイルは20日、以前から告知していたとおりスマートフォン向けアプ

Instagram
Instagram、ライブ配信動画の録画リプレイを24時間限定で公開可能に

Instagramは米国時間6月20日、ライブ配信動画のリプレイを「イ

ポケモンGO、最新版(ver.0.67.1)にアップデート〜「レイドバトル」や「ジムバッジ」機能などを追加

昨日、ポケモンGOから協力プレイ機能「レイドバトル」の予告があったばか

【ポケモンGO】協力プレイ「レイドバトル」を予告〜ジムをアップデート

ポケモンGOは19日、ジムを新しくアップデートしてポケストップのように

LINEモバイル、「いつでも電話」アプリで通話料半額と定額で「10分電話かけ放題」オプションサービスを提供開始へ

LINEモバイルは19日、音声通話を多く利用するユーザーの要望に応えて

→もっと見る

  • 中の人→


  • 友だち追加数

© 2014-2017 Time to enjoy All rights Reserved.