vdeep

*

vdeepはプログラミング、IT、Web技術、ライフハックの事などなどを管理人okutaniがつぶやくブログです。月間11万PV〜。

DISQUSでWordPressのコメント欄をパワーアップしよう!

      2015/10/11

LINEで送る
Pocket

wp-intr-disqus
こんにちは、okutani(@okutani_t)です。WordPressサイトのコメント欄を簡単にパワーアップできるプラグインを紹介します。「DISQUS」プラグインを利用することで、TwitterやFacebookのアカウントからコメントができるように。

コメントで使われるアイコンはSNSで利用しているアイコンが使われるので、スパムコメントも減らせる便利なプラグインです。

ではさっそく導入していきましょう。

スポンサーリンク

DISQUS公式サイトからアカウントを取得

まずは下記の公式サイトからご自身のアカウントを作成していきましょう。

LINKRecommended Discussions · Disqus

TOPページの「Sign Up」を選択します。

wp-disqus

DISQUSアカウントを取得しても良いですが、SNSアカウントでも登録できます。今回私はTwitterのアカウントで登録しました。

wp-disqus2

Twitterとアプリケーションのヒモ付をおこなう画面が表示されますのでログインしましょう。

wp-disqus3

次にユーザ情報を入力します。「名前」「Email」「Password」を入力し、「Register」をクリックしましょう。

wp-disqus4

この後、登録したメールアドレスにメールが届きます。メールを開いて「Verify ご自身のメールアドレス」ボタンがあるのでクリックしましょう。公式ページにログインした形で飛びます。これでDISQUSを利用できる準備が整いました。

wp-disqus5

基本設定をおこなう

管理画面から基本設定を行っていきましょう。

wp-disqus6

右上の設定アイコンをクリックして「Add Disqus To Site」を選択します。

wp-disqus7

ここで設置したいサイトを登録します。

wp-disqus8

「Site name」にサイトの名前、
「Choose your unique Disqus URL」には半角英数字でDisqus用のURLを、
「Category」はご自身のサイトに合ったカテゴリーを選択しましょう。

ちなみにDisqus用URLはDisqus上で利用するURLです。お好きな文字列を入力して下さい。

入力が済んだら「Finish registration」をクリックします。プラットフォーム選択画面に切り替わるので「WordPress」を選択しましょう。

wp-disqus9

クリックした後、今後のDisqusの導入仕方を表示してくれます。WordPressのサイトにプラグインを導入して設定を反映させる等が書いてあるので設定していきましょう。

5番目の項目の一番右の(xxx)となっているショートネームを覚えておきましょう。

wp-disqus10

Disqusプラグインの導入

WordPressサイトにDisqusプラグインを導入していきましょう。ダッシュボードから「プラグイン」→「新規追加」を選択します。

wp-plugin-install

右上の検索バーに「Disqus」と入力して検索、「Disqus Comment System」の「いますぐインストール」をクリックします。

wp-disqus11

「プラグインを有効化」を選択します。

wp-disqus12

「コメント」→「Disqus」を選択して「Upgrade」を選択しましょう。

wp-disqus13

先程Disqusで登録したユーザー名とパスワードを入力して「Next」をクリックします。

wp-disqus14

Disqusで設定したサイトの情報が表示されます。選択して「Next」をクリック。

wp-disqus15

これで導入が完了しました。

wp-disqus16

上記画面の「Continue to moderation dashboard」から「Go to Disqus Moderation」でコメントの管理等ができます。ちなみに私は管理画面から「Settings」→「Moderator Badge Text」に「管理人」と入力しました。

こうすることでサイト管理者がコメントをおこなうと名前の隣に「管理人」と表示されます。

wp-disqus17

その他の項目も必要に応じて設定しておくと良いでしょう。特別な設定を行わなくてもデフォルトのままで利用できます。

設定が反映されているか確認

ではきちんと設定が反映されているか確認してみましょう。記事ページのコメント欄を確認してみます。

wp-disqus18

ちゃんと設置されているのが確認できました。名前の隣に管理人の文字も確認できます。

まとめ

Disqusを利用することでSNSアカウントを使ってコメントができるようになりました。

少々登録が面倒でしたが、サイトのコメント欄はコミュニケーションの場として適切に設定しておくと良いかと思います。

この記事が気に入ったら
いいね ! しよう

Twitter で
LINEで送る
Pocket

okutani (@okutani_t) のヒトコト
私は人見知りなので気軽にコメントできないタイプですが、コミュニケーション自体は好きなのでコメントくださるとうれしいです。

 - WordPressプラグイン

スポンサーリンク

PC用AdSense

PC用AdSense

Share
  • このエントリーをはてなブックマークに追加
  • Andy Jepherson

    便利ですね!

  • ありがとうございます????
    タメになりました????
    Disqus仲間として共に精進していきましょう????

  • お役に立てて光栄です( ^ω^ )

    ここのコメント欄は自由にテスト投稿していただいて構いません( ´ ▽ ` )ノ

  こちらの関連記事もどうぞ

[WordPress] ソースコードを綺麗に表示!SyntaxHighlighter Evolvedプラグイン導入

こんにちは、okutani(@okutani_t)です。WordPressにソー …

[WordPress] Amazonアソシエイトを綺麗に表示「AmazonJSプラグイン」導入方法

こんにちは、okutani(@okutani_t)です。Amazonアソシエイト …

[WordPress] 画像をあとから読み込んで表示速度アップ!「Lazy Load」プラグイン

こんにちは、okutani(@okutani_t)です。皆さんはブログ記事を書く …

WordPressのSEO対策定番プラグイン「All in One SEO Pack」導入手順

こんにちは、okutani(@okutani_t)です。WordPressでサイ …

「Broken Link Checker」を使ってサイトのリンク切れを防ごう!

こんにちは、okutani(@okutani_t)です。みなさんはサイトに貼り付 …

「Preserve Editor Scroll Position」プラグインでエディタのスクロール位置を固定する

こんにちは、okutani(@okutani_t)です。WordPressでは書 …

[WordPress]『Better Delete Revision』で不要なリビジョンを削除しよう

こんにちは、okutani(@okutani_t)です。WordPressで記事 …

もくじを自動で作成。WordPressプラグイン「Table of Contents Plus」導入&初期設定

こんにちは、okutani(@okutani_t)です。当ブログvdeepはWo …

カテゴリーの順番を変更する「Category Order」プラグイン使い方

こんにちは、okutani(@okutani_t)です。今回は、かんたんにWor …

Table of Contents Plusで任意のページだけもくじ番号を非表示にする方法

WordPressのプラグイン「Table of Contents Plus」を …

vdeepのトップページへ戻る画像です。風船の形をした島を女の子が掴んでいます。