【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ストア、「沈黙のWebマーケティング」などが半額となるWebデザイン・Web技術書セール実施中(6/1まで)

Kindleストアにて対象の電子書籍が半額となる「Webデザイン・We

wwdc2017
Appleが「WWDC 2017」の基調講演をライブ中継すると発表~日本時間6月6日午前2時から

Appleが「WWDC 2017」の基調講演の様子をライブ中継すること

10%SALE
ファミマ、サークルKサンクスで1,500円以上のiTunesカードバリアブルを購入・応募すると10%分のボーナスコードプレゼント!(6/1まで)

コンビニエンスストアの「ファミリーマート」と「サークルKサンクス」にて

スクエニがiOS版「ドラゴンクエストⅣ〜Ⅷ」を最大35%オフで配信中

現在スクウェア・エニックスは、人気ゲーム ドラゴンクエストのiOS版ア

スマホ版ウイニングイレブン2017がリリース

ウイイレのスマホ版「Winning Eleven 2017」がリリース

Benjamin Geskin氏がiPhone8の図面およびハンズオン動画を公開

先日からiPhoneやiPadのリーク情報を提供しているBenjami

Facebook、ライブ動画配信に招待機能や友達同士だけの非公開チャット機能を提供

現地時間5月23日、Facebookはライブ動画に二つの新たな機能、「

ドコモ、特定の端末の新規購入者に対して月額料金を1,500円値下げへ

NTTドコモがスマホの割安プランを打ち出しているKDDIとソフトバンク

NTTドコモがAppleサービスのキャリア決済に対応

本日23日、NTTドコモがspモードを契約中のユーザーに対し、Appl

→もっと見る

  • 中の人→
  • 友だち追加数

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