Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPBカップ
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WordPressにDisqusコメントシステムを追加する方法(簡単な方法)

WordPressサイトにDisqusコメントシステムを追加したいですか?

Disqusは、市場で最も人気のあるコメントプラットフォームの1つです。ユーザーフレンドリーなインターフェースとコメントホスティングサービスで知られ、PBSやBloombergのような人気サイトでよく使われています。

このガイドでは、ウェブサイトにDisqusを追加すべきかどうか、WordPressで有効化する方法について説明します。

How to Add Disqus Comment System in WordPress

WordPressでDisqusを使うべきか?

Disqusは、WordPressユーザーが利用できる最も人気のあるサードパーティのコメントシステムの1つです。ユーザーの使いやすさとカスタマイザーオプションの他に、コメントを保存・管理するためのサードパーティホスティングサービスも提供しています。

DisqusはWordPressのホスティングサービスとは区切りサーバーでコメントを処理するため、これを使用するとサイト全体のパフォーマンスが向上します。そのため、多くのWordPressユーザーが初期設定のWordPressコメントシステムの代替として使用しています。

とはいえ、私たちの意見では、Disqusは私たちが試した中で最高のコメントシステムではありません。Disqusは私たちのサイトのパフォーマンスには役立っていますが、そのモデレーション機能はあまり好きではありませんでしたし、私たちのコンテンツにアフィリエイトリンクを勝手に追加していました。

Disqusを無効化した後、コメントするエンゲージメント率が大幅に上昇しました。私たちの経験については、Disqusのレビューをご覧ください。

もちろん、Disqusを使うか他のプラットフォームを使うかはあなた次第です。しかし、もしあなたがDisqusの代替を探しているのであれば、いくつかお勧めのものがあります。

Disqusの代わりにどのWordPressコメントシステムを使うべきか?

様々なコメントプラグインを試した結果、Thrive CommentsがDisqusの代替プラグインとして最適であることがわかりました。

Thrive Commentsは使いやすいインターフェースで、ブログ初心者にも上級者にも最適なすべて一体型のコメントプラグインです。

The Thrive Comments WordPress plugin

コメント管理やモデレーション機能の他に、Thrive Commentsを使って投稿後のアクションでユーザーのエンゲージメントを高めることができます。ユーザーがコメントを残した後、関連投稿や無料ギフト付きのカスタマイザーメッセージにリダイレクトすることができます。

さらに、「いいね!」や「嫌い」、「アップヴォート」や「ダウンヴォート」を追加することで、コメント欄でのオーディエンスの交流を促進することができます。さらに、コメントした人にコメントが返信されたときに通知を送ることもできます。

詳しくはThrive Themesスイートのレビューをご覧ください。このレビューにはThriveコメントについてのセクションがあります。

Thrive Commentsがあなたのニーズに合わない場合は、コメントを改善するWordPressプラグインの全リストもご覧ください。

まだDisqusを使うことに興味がある方もご安心ください。Disqusコメントシステムプラグインを追加する方法を説明します。クイックリンクを使って各セクションに飛ぶことができます:

ステップ1: Disqusアカウントを作成する

WordPressにDisqusコメントをインストールする最初のステップは、Disqusアカウントを作成することです。これを行うには、Disqusのサイト(disqus.com)に行き、サインアップする必要があります。

そうすると、下のページが表示されるはずです。そのまま進んで、’I want to install Disqus on my site’をクリックしてください。

Clicking on the I want to install Disqus on my site button

次のページでは、すべてのDisqusコメントを管理する新しいDisqusサイトの詳細を追加する必要があります。これらには、サイトオーナー、サイト名、カテゴリーが含まれます。

ウェブサイト名フィールドに、ご希望のDisqusサイトサブドメインを挿入できます。その後、「サイトを作成」をクリックするだけです。

Creating a new Disqus site

これでDisqusサイトのダッシュボードに到着します。

この時点で、WordPressにコメントシステムをセットアップするために、Disqusプランのいずれかを選択する必要があります。まだどれを使えばいいかわからない場合は、無料のベーシックプランから始めることができます。

Choosing a Disqus plan

プラットフォームの選択を求められます。

WordPress」を選択して続行します。

Choosing WordPress in the Disqus website

WordPressのインストールページが表示されます。Installation Tokenフィールドに注目してください。これは後でセットアップする際に役立ちます。

次のステップに進む間、このタブを開いたままにしておくことができます。

The empty Disqus WordPress installation token field

ステップ2:Disqusコメントシステムプラグインをインストールする

WordPressダッシュボードを開き、Disqusコメントシステムプラグインをインストールしてください。ステップバイステップの手順については、WordPressプラグインのインストール方法をご覧ください。

その後、WordPressダッシュボードからDisqusメニューに移動します。Disqusアカウントを持っていますか」で「はい」をクリックする。

Saying Yes to the Do you have a Disqus account question in WordPress

Disqusに登録したサイトを利用しますか」という質問が表示されます。

はい」を選択する。

Saying I have a registered site on Disqus in WordPress

この時点で、WordPressのインストール手順と、コピーする同期トークンが表示されます。

ここで「コピー」ボタンをクリックしてください。

Copying the Disqus installation token in WordPress

Disqusのサイトに戻りましょう。WordPressダッシュボードからコピーしたトークンを適切なフィールドに貼り付けます。

そして、’Install [Disqus site name] on your site’ボタンを押して、一番下の’Configure’をクリックする。

Pasting the WordPress installation token in Disqus

それで終わりだ!

WordPress ダッシュボードの Disqus メニューを更新すると、このようなインターフェースが表示されるはずです:

The Disqus WordPress plugin page

それでは、あなたのコメント欄でDisqusが正常に有効化されているか確認してみましょう。

フロントエンドでWordPressのブログ投稿を開き、コメントまでスクロールするだけです。インストールが正しく行われていれば、このように表示されるはずです:

Example of the Disqus comment section on a WordPress website

ステップ3:古いWordPressコメントをDisqusにインポートしてエクスポートする

Disqusコメントシステムをインストールすると、サイト上のネイティブWordPressコメントを引き継ぎます。つまり、WordPressサイトに保存されている既存のコメントはユーザーから見えなくなります。

これを解決するには、既存のコメントをDisqusコメントシステムにインポートする必要があります。WordPressの管理エリアで、Disqusプラグインの設定ページに行き、下にスクロールして「同期」タブに移動する。

Navigating to the Syncing tab in the Disqus WordPress plugin

次に、下にスクロールして「コメントをインポートする」を選択する。

どのコメントが正常にインポートされたかは、下部の表で確認できます。

Importing comments in Disqus

注意点として、カスタム投稿タイプを使用している場合、Disqusに切り替えた後に過去のコメントが表示されないことに気づくかもしれません。これを解決するには、カスタム投稿タイプのDisqusを無効化する必要があります。

カスタム投稿タイプでDisqusを無効化する方法については、こちらの投稿をご覧ください。

Disqusコメントを管理・設定する方法

Disqusを使ってコメントをモデレートしたい場合は、Disqusプラグインのページにある「Moderate」ボタンをクリックしてください。

Clicking the Moderate button in the WordPress Disqus plugin page

Disqusサイトのモデレーションページが表示されます。

WordPressのコメントページに慣れているのであれば、Disqusのナビゲーションは問題ないだろう。ここでは、コメントを承認、削除、スパムとしてマークすることができる。

The Disqus comment moderation page

WordPressでコメントする際のヒントやコツについては、以下の投稿をご覧ください:

Disqusコメント表示の問題をトラブルシューティングする方法

WordPressテーマによっては、Disqusコメントするエリアが他の投稿エリアよりも広く表示されることがあります。これを修正するには、テーマまたは子テーマのスタイルシートにカスタム CSS を追加する必要があります。

テーマファイルエディターを使ってカスタムCSSを追加することはできますが、あまりお勧めしません。変更をトラッキングするのが難しくなり、どのコードがテーマのもので、どれがカスタムなのかが不明確になります。

代わりに、最も簡単なコードスニペットプラグインであるWPCodeを使用することをお勧めします。WordPressサイトにカスタムコードを安全に追加・管理することができます。コードが機能しない場合は、プラグイン内で簡単にスニペットを削除することができます。

追加するコードは以下の通り:

#disqus_thread {
	margin: 0 auto;
	max-width: 650px;
}

このCSSはコメントするエリアの最大幅を650pxに設定し、画面の中央に配置します。あなたのテーマでは幅が異なるかもしれませんので、必要に応じて調整してください。

ステップバイステップのチュートリアルについては、WordPressサイトにカスタマイザーを簡単に追加する方法をご覧ください。

WPCodeではこのように表示されます:

Adding custom CSS to adjust the Disqus comment section width on WordPress

さらに詳しくWordPressでコメントを管理する方法

Disqusを使用することは、WordPressのコメントを管理する一つの方法に過ぎません。ここでは、コメントするエンゲージメントを向上させるためのガイドを紹介します:

この投稿がWordPressにDisqusコメントシステムを追加する方法を学ぶのにお役に立てば幸いです。また、WordPressでコメントする方法やWordPressのエキスパートが選ぶサイトを成長させる最高のプラグインもご覧ください。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

情報開示 私たちのコンテンツは読者支援型です。これは、あなたが私たちのリンクの一部をクリックした場合、私たちはコミッションを得ることができることを意味します。 WPBeginnerの資金源 をご覧ください。3$編集プロセスをご覧ください。

アバター

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

究極のWordPressツールキット

ツールキットへの無料アクセス - すべてのプロフェッショナルが持つべきWordPress関連製品とリソースのコレクション!

Reader Interactions

94件のコメント返信を残す

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Nazmul Koushik

    Hi, Thank you So much for this tutorial .

    • WPBeginner Support

      Glad our guide was helpful :)

      管理者

  3. Danielle

    How would I go about making sure that my Disqus comments from my old Blogger site appear on my new WordPress site? I just used your setup service to transfer my content from Blogger to WordPress last month.

    • WPBeginner Support

      If your Disqus coments are not available then you would go into Disqus and export the old comments to import them to the new site.

      管理者

  4. Deepak jerry

    Thank You So Much For This Tutorial !

    • WPBeginner Support

      You’re welcome :)

      管理者

  5. Deepa

    Thanks for ur information

    • WPBeginner Support

      You’re welcome :)

      管理者

  6. David

    This information has helped me integrate disqus comment system to my personal website. Thank you so much.

    • WPBeginner Support

      Glad our article could help :)

      管理者

  7. Nihal Singh

    Thanks for the useful article to add the comments in WordPress. It is very useful.

    • WPBeginner Support

      Glad you found our content helpful :)

      管理者

  8. Irene Hynes

    Hi There,

    Hip Hip Hooray! I was always told that slightly slow in the head, a slow learner. Not anymore! It’s like you have my back. I can’t tell you how much I’ve learnt here and how easily! Thank you for blessing me with this effortlessly ingestible digestible content.

    I was wondering if it was possible assign to a variable type of Array of Strings a value from the REFramework Config file.
    Thank you very much and will look for more postings from you.

    Kind Regards,
    Irene Hynes

  9. John

    Is there any way to use both Disqus comment and WordPress comment together or separately?

  10. Mike

    Hey Guys!

    I am going to have my site
    I intend to optimized my site and incresed the speed of loading page. which plugin do you suggest?
    Thanks in advance
    Mike

  11. Hitesh Sharma

    I was looking for so long for this type of informative post on Discus. Thanks alot

  12. Jagadish Prasad B

    Hello, I am Jagadish. I added Disqus comment system on my website, but it’s not working. What happen is by mistake I deleted the site from Disqus, before that it’s worked properly. After deletion, I re-added it into Disqus but it’s not working, I tried so many times. Please help me.

  13. Agus Tamanuri

    Thanks
    Because this article is help me .. and one more :)

    I will make this blog name into the shirt. Is it allowed?

  14. Ahmad

    Thanks for ur information

  15. Rachael Portier

    Every time I log into Disqus through WordPress it keeps telling me “Unable to connect to the Disqus API servers”. I’m sure my email and password are correct though. Please help!

    • ide

      i have same problem,

  16. chukwudi ojukwu

    thanks for the info. i just install disqus on my site with your guide.

  17. Scott Johnson

    Good article, but I am wondering why this current post is not setup with the Disqus plugin? Change of heart?

  18. Dwayne

    Thanks for this post. Just implemented it though i’m yet get the confirmation email from them after creating the account more than 12 hrs ago. Oddly i got an email after setting it up on my wordpress site but yet to get the confirmation email.

  19. Biju

    I’m really glad to meet your blog. Finally I’ve found my solution for WP site… Thanks again.

  20. Antony

    Hey,
    Thanks for the Post – Just now Set Up Disqus on my Website! D

  21. GroomingMail

    Hey, quick question. I have just installed Disqus and previously had a spam filter (WP-SpamShield) can i now remove the filter as Disqus has its own spam filter or should i keep the WP-SpamShield plugin?

    Thanks,

  22. Theo Ramlall

    As always, another well written article from wpbeginner.com
    I started of seeking help with my problem, which was the size of the over lapping comment bar but grateful your CS hack above did fix it. However I would be overjoyed in having a comment system exactly like this….if you could provide some know-how..?

    Best Regards
    Theo

  23. Aishwarya

    Hey,

    By default, Disqus appears on your posts, not pages. In case you are looking to add Disqus to a particular page on your wordpress website, you can try this simple hack I used.

    Just plugin the universal code at the end of your page in WordPress’s text editor. It works well for me,

    • mukekaton

      Disqus not appear on wordpress page. Only in post appear. How do I make disqus appear on page?

    • Arbin

      Which is that universal code? bc to me doesn’t show also in posts.

返信を残す

コメントありがとうございます。すべてのコメントは私たちのコメントポリシーに従ってモデレートされ、あなたのメールアドレスが公開されることはありませんのでご留意ください。名前欄にキーワードを使用しないでください。個人的で有意義な会話をしましょう。