【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
スポンサーリンク
▶サイト内キーワード検索&関連記事
スポンサーリンク
iPhoneとMacのコピペ連携「ユニバーサルクリップボード」ができないときの解決方法

iPhoneを「iOS 10」に、そしてMacを「macOS Sier

Kindleストア、「夏☆電書2017 まとめ買いセール」などを開催中

Kindleストアにてコミックスのまとめ買いセール『【20%OFF】

Apple、iOS11搭載のiPadで利用できる新機能を紹介する動画を6本公開

AppleがiOS11搭載のiPadで利用することができる新機能を紹介

WAVE(ウェーブ)
LINEのスマートスピーカー「WAVE」、発送日が8月23日からに延期

7月14日に先行体験版の予約受付が開始され、すでに完売となっているLI

Facebook、表示デザイン仕様の一部変更を発表

Facebookは現地時間15日、利用者の利便性と誘導性の向上を目指し

infltr
Appleの写真編集アプリ「infltr」の無料配布期間が延長(10/1まで)

以前ご紹介したAppleの写真編集アプリ「infltr」の無料ダウンロ

FINAL FANTASY Ⅲ
スクエニがファイナルファンタジーのiPhoneアプリをセール価格で配信中

スクウェア・エニックスが夏休み記念セールと題し「ファイナルファンタジー

【50%OFF以上】Kindleストアで「ギャグマンガフェア」開催中

Kindleストアにてギャグマンガが50%以上安くなる「ギャグマンガフ

【ポケモンGO】招待状が必要な「EXレイド」でミューツーが登場予定

ポケモンGOの公式イベントでレイドバトルに姿を現した伝説のポケモン「ミ

iPhone7/7Plus
Apple Japan、iPhone7の写真アプリでメモリーを再生、カスタマイズ、共有する方法を動画で公開

Apple Japanが「iPhone7」の写真アプリによる一部操作方

→もっと見る

  • 中の人→


  • 友だち追加数

© 2014-2017 Time to enjoy All rights Reserved.