最も必要とされている時に、信頼できるWordPressチュートリアルを。
WordPress入門ガイド
WPBカップ
2500万人以上
当社のプラグインを使用しているウェブサイト
16+
WordPress経験年数
3000+
専門家によるWordPressチュートリアル

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

WordPressサイトが成長するにつれて、コメントの管理はやりがいよりも困難になることがあります。スパムが増加し、有意義な議論を維持することが難しくなり、デフォルトのコメントシステムは、トラフィックの多いサイトでは制限的だと感じられるようになります。

私たちも同様の課題に直面し、Disqusのようなサードパーティのコメントシステムを検討するようになりました。当時、Disqusは、スレッド形式のディスカッション、ソーシャルログイン、リアルタイム通知、およびより強力なスパムフィルタリングなど、デフォルトのWordPressシステムにはない機能を提供していました。

私たちは約1年間、サイトでDisqusを使用しました。当初はうまく機能していましたが、時間の経過とともに私たちのニーズは変化し、最終的には別のセットアップを優先してDisqusから離れました。とはいえ、コメントシステムを簡単にアップグレードしたいサイトにとって、Disqusは依然として有用な選択肢となり得ます。

このガイドでは、WordPressにDisqusコメントシステムを追加する方法を説明します。これにより、サイトに適しているかどうかを判断できます。

WordPressにDisqusコメントシステムを追加する方法

WordPressでDisqusを使用すべきか?

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

DisqusはWordPressホスティングとは別のサーバーでコメントを処理するため、ウェブサイト全体のパフォーマンス向上に役立ちます。そのため、多くのWordPressユーザーがデフォルトのWordPressコメントシステムの代替としてDisqusを使用しています。

とはいえ、Disqusは私たちが試した中で最高のコメントシステムではありません。ウェブサイトのパフォーマンス向上には役立ちましたが、モデレーション機能は気に入らず、許可なくコンテンツにアフィリエイトリンクが追加されました。

Disqusを無効にした後、コメントエンゲージメント率が大幅に増加しました。私たちの経験については、Disqusのレビュー全体で詳しく読むことができます。

もちろん、Disqusを使用するかどうかは、あなた次第です。しかし、Disqusの代替手段を探しているなら、いくつかおすすめがあります。

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

さまざまなコメントプラグインを試した後、Thrive Commentsが最高のDisqus代替品であるとわかりました。

Thrive Commentsは、使いやすいインターフェースを備えたオールインワンのコメントプラグインであり、ブログ初心者からエキスパートまで、あらゆるユーザーに最適です。詳細については、Thrive Commentsに特化したセクションがあるThrive Themesスイートの詳細なレビューをご覧ください。

Thrive Comments ホームページ

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

さらに、いいねや嫌い、賛成票や反対票を追加して、コメントセクションでのオーディエンスのインタラクションを促進することができます。

さらに、コメントに返信があったときに、コメント投稿者に通知を送信できます。

Thrive Commentsがニーズに合わない場合は、コメントを改善するための最高のWordPressプラグインの全リストも確認できます。

まだDisqusの使用に興味がある場合は、心配しないでください。Disqusコメントシステムプラグインの追加方法を説明します。クイックリンクを使用して異なるセクションにスキップできます。

早速始めましょう!

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

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

これが完了すると、以下のページが表示されます。「サイトにDisqusをインストールしたい」をクリックしてください。

「サイトにDisqusをインストールしたい」ボタンをクリック

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

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

新しいDisqusサイトの作成

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

この時点で、WordPressでコメントシステムを設定するためにDisqusのプランのいずれかを選択する必要があります。まだどちらを使用するか不明な場合は、無料のBasicプランから始めることができます。

Disqusプランの選択

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

続行するには、「WordPress」を選択してください。

DisqusウェブサイトでWordPressを選択する

これで、WordPressのインストールページが表示されます。

ここで、「Installation Token」フィールドに注意してください。これは後でセットアップに役立ちます。

空のDisqus WordPressインストールトークンフィールド

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

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

次に、WordPressダッシュボードを開いて、Disqusコメントシステムプラグインをインストールできます。

管理画面で、プラグイン » 新規追加 に移動します。

WordPress管理エリアのプラグインの下にある新規プラグイン追加サブメニュー

次に、検索バーを使用してプラグインをすばやく見つけることができます。

検索結果で、「今すぐインストール」をクリックします。

WordPressにDisqusコメントシステムをインストールする

WordPressサイトで適切に有効にするために、「有効化」ボタンをクリックすることを忘れないでください。ステップバイステップの手順については、WordPressプラグインのインストール方法に関するガイドを確認してください。

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

WordPressで「Disqusアカウントをお持ちですか?」に「はい」と答える

「Disqusに登録済みのサイトを使用しますか?」という質問が表示されます。

「はい」を選択してください。

WordPressでDisqusに登録済みのサイトがあると言う

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

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

WordPressでDisqusのインストールトークンをコピーする

さて、Disqusのウェブサイトに戻りましょう。

ここでは、WordPress管理エリアからコピーしたばかりのトークンを適切なフィールドに貼り付ける必要があります。

次に、「サイトに[Disqusサイト名]をインストール」ボタンをクリックし、下部にある「設定」をクリックできます。

Disqus への WordPress インストールトークンの貼り付け

それで終わりです!

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

Disqus WordPressプラグインページ

さて、コメントセクションにDisqusが正常に有効になっているかどうかを確認しましょう。

WordPressのブログ投稿をフロントエンドで開き、コメントまでスクロールダウンするだけです。インストールが正しく行われた場合の表示は次のようになります。

WordPressウェブサイトでのDisqusコメントセクションの例

ステップ3:既存のWordPressコメントをDisqusにエクスポートする

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

これを解決するには、古いコメントをDisqusサーバーにエクスポートして、新しいインターフェースに表示させる必要があります。WordPress管理画面で、Disqusプラグインの設定ページに移動し、下にスクロールして「同期」タブに移動します。

Disqus WordPressプラグインの同期タブへの移動

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

テーブルの下に、どのコメントが正常にインポートされたかが表示されます。

Disqusでコメントをインポートする

🚨 重要: DisqusからWordPressへコメントをローカルに同期するオプションを有効にすることも強くお勧めします。これにより、将来Disqusを削除することにした場合でも、訪問者のコメントを失うことはありません。

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

実践的なガイダンスについては、カスタム投稿タイプでDisqusを無効にする方法に関する記事を確認してください。

Disqusコメントのモデレートと設定方法

Disqusを使用してコメントをモデレートしたい場合は、Disqusプラグインページで「モデレート」ボタンをクリックできます。

WordPress Disqusプラグインページの「モデレート」ボタンをクリックする

これにより、Disqusウェブサイトのモデレーションページに移動します。

WordPressのコメントページに慣れている場合は、Disqusのページを操作するのも問題ありません。ここでは、コメントを承認、削除、またはスパムとしてマークできます。

Disqusコメントモデレーションページ

WordPressのコメントモデレーションに関するヒントやコツについては、以下の記事をご覧ください。

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

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

カスタムCSSはテーマファイルエディターから追加できますが、あまりお勧めしません。変更履歴の追跡が難しくなり、どのコードがテーマのもので、どのコードがカスタムなのかが不明瞭になります。

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

実際、当社のパートナーウェブサイトでは、カスタムコードスニペットの追加と管理にWPCodeを使用しています。詳細については、WPCodeの完全レビューをご覧ください。

開始するには、WPCodeのホームページからアカウントを作成できます。「今すぐWPCodeを入手」ボタンをクリックし、ニーズに合ったプランを選択して、サインアッププロセスを完了してください。

WPCodeのホームページ

📝 注:無料版のWPCodeも利用できますが、WPCode Proにアップグレードすると、さらに多くの機能が利用可能になります。例えば、完全なコード履歴にアクセスでき、コードのスケジュール設定なども可能になります。

次に、プラグインをWordPressサイトにインストールして有効化します。管理画面で、プラグイン » 新規追加に移動して開始してください。

WordPress管理エリアのプラグインの下にある新規プラグイン追加サブメニュー

その後、検索バーを使用してWPCodeプラグインをすばやく見つけます。

検索結果の「今すぐインストール」をクリックし、表示されたら「有効化」をクリックします。手順については、WordPressプラグインのインストール方法に関するガイドを参照してください。

WPCodeのインストール

有効化したら、管理エリアからコードスニペット » + スニペットを追加に移動できます。

次に、「カスタムコードを追加(新規スニペット)」ボックスにマウスカーソルを合わせ、「+ カスタムスニペットを追加」をクリックします。

コードを使用して投稿の抜粋を表示する方法

次の画面で、WPCode はカスタムコードの種類を選択するように求めます。

「CSSスニペット」を選択しましょう。

コードタイプとしてCSSスニペットを選択

これにより、WPCodeエディタが開きます。

ここで、カスタムコードスニペットに名前を付けることができます。これは参照用ですが、認識しやすい名前を使用することをお勧めします。例えば、当社の場合は「Disqusコメント幅」です。

次に、「コードプレビュー」ボックスには、追加する必要のあるコードが以下にあります。

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

このCSSは、コメントエリアの最大幅を650pxに設定し、画面の中央に配置します。お使いのテーマでは幅が異なる場合があるため、ニーズに合わせて調整する必要があります。

WPCodeでは、次のようになります。

WordPressでDisqusコメントセクションの幅を調整するためにカスタムCSSを追加する

その通りです!

トグルを「アクティブ」に切り替え、「スニペットを保存」ボタンをクリックすることを忘れないでください。ステップバイステップのチュートリアルについては、WordPressサイトにカスタムCSSを簡単に追加する方法に関するガイドをお読みください。

FAQ:WordPressにDisqusコメントシステムを追加する

Disqusコメントシステムに関して、ユーザーからよく寄せられる質問をいくつかご紹介します。

Disqusでコメントするにはどうすればよいですか?

訪問者にとってDisqusでのコメントは非常に簡単です。既存のDisqusアカウントを使用してログインするか、Facebook、Twitter(X)、Googleなどのソーシャルメディアプロフィールを使用できます。一部のサイト所有者は、「ゲストコメント」を有効にしており、ユーザーはアカウントを作成せずにコメントできます。

Disqus APIは無料ですか?

はい、Disqus APIはほとんどの中小規模のウェブサイトでは無料です。これにより、開発者はカスタムアプリケーションにDisqusコメントを統合できます。ただし、1時間あたりのAPIリクエスト数が膨大な高トラフィックサイトは、エンタープライズ価格についてDisqusに問い合わせる必要がある場合があります。

Disqusはまだ人気がありますか?

はい、Disqusは、特に大規模なニュースウェブサイトやオンラインコミュニティにとって、依然として非常に人気のあるコメントプラットフォームです。コメントは外部でホストされているため、ウェブサイトサーバーを遅くすることなく大量のトラフィックを処理できるため、好まれています。

DisqusはSEOに役立ちますか?

はい、DisqusはSEOフレンドリーです。GoogleはJavaScript経由で読み込まれるコメントをクロールしてインデックス化できるため、コメントセクションのユーザー生成コンテンツは検索ランキングに貢献できます。ただし、ネイティブのWordPressコメントの方が検索エンジンが即座に読み取るのが若干容易であることを覚えておいてください。

WordPressコメントを管理するための追加リソース

この記事がWordPressにDisqusコメントシステムを追加する方法を学ぶのに役立ったことを願っています。

Disqusを使用することは、WordPressのコメントを管理する1つの方法にすぎません。コメントエンゲージメントを向上させるためのその他のガイドはこちらで確認できます。

この記事が気に入った場合は、WordPressのビデオチュートリアルのために、YouTubeチャンネルを購読してください。また、TwitterFacebookでも私たちを見つけることができます。

開示: 当社のコンテンツは読者によってサポートされています。これは、一部のリンクをクリックすると、手数料が発生する可能性があることを意味します。WPBeginnerがどのように資金調達されているか、なぜそれが重要なのか、そしてどのように私たちをサポートできるかを確認してください。こちらが当社の編集プロセスです。

究極のWordPressツールキット

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

読者とのインタラクション

93 CommentsLeave a Reply

  1. こんにちは、このチュートリアルを本当にありがとうございます。

  2. 古いBloggerサイトのDisqusコメントを新しいWordPressサイトに表示させるにはどうすればよいですか?先月、コンテンツをBloggerからWordPressに移行するためにあなたのセットアップサービスを利用しました。

    • Disqusコメントが利用できない場合は、Disqusに入り、古いコメントをエクスポートして新しいサイトにインポートします。

      管理者

  3. この情報は、Disqusコメントシステムを私の個人ウェブサイトに統合するのに役立ちました。本当にありがとうございます。

  4. WordPressにコメントを追加するための役立つ記事をありがとうございます。非常に役立ちます。

  5. こんにちは、

    万歳!私はいつも頭の回転が遅い、学習が遅いと言われていました。もうそんなことはありません!まるで私の背中を支えてくれているようです。ここでどれだけ学び、どれほど簡単に学べたか言葉にできません!この簡単に吸収できる消化可能なコンテンツを私に授けてくれてありがとう。

    REFrameworkのConfigファイルから、StringのArray型の変数に値を割り当てることが可能かどうか気になっています。
    どうもありがとうございました。またあなたの投稿を探します。

    敬具、
    アイリーン・ハインズ

  6. 皆さん、こんにちは!

    サイトを最適化し、ページ読み込み速度を向上させたいと考えています。どのプラグインをおすすめしますか?
    よろしくお願いします。
    マイク

  7. Discusに関するこのような情報満載の記事をずっと探していました。本当にありがとうございます

  8. こんにちは、Jagadishです。ウェブサイトにDisqusコメントシステムを追加しましたが、機能しません。間違いでDisqusからサイトを削除してしまい、それ以前は正常に機能していました。削除後、Disqusに再追加しましたが、機能しません。何度も試しました。助けてください。

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

    このブログ名をシャツにします。許可されますか?

  10. WordPress経由でDisqusにログインするたびに、「Disqus APIサーバーに接続できません」と表示されます。メールアドレスとパスワードは正しいはずですが。助けてください!

  11. 情報ありがとうございます。あなたのガイドに従って、サイトにDisqusをインストールしました。

  12. 良い記事ですが、なぜこの現在の投稿はDisqusプラグインで設定されていないのですか?心変わりですか?

  13. この投稿ありがとうございます。実装しましたが、12時間以上前にアカウントを作成した後、まだ確認メールを受け取っていません。奇妙なことに、WordPressサイトに設定した後、確認メールはまだ届いていませんが、メールは届きました。

  14. こんにちは、簡単な質問です。Disqusをインストールしたばかりで、以前はスパムフィルター(WP-SpamShield)を使用していました。Disqusには独自のスパムフィルターがあるので、フィルターを削除できますか、それともWP-SpamShieldプラグインを保持する必要がありますか?

    ありがとう、

  15. wpbeginner.comからのいつものように、よく書かれた記事です。
    コメントバーの重なり具合のサイズで困っていたのですが、上記のCSハックで解決しました。しかし、もし可能であれば、これと全く同じコメントシステムについてのノウハウを教えていただけると嬉しいのですが…?

    敬具
    テオ

  16. こんにちは、

    デフォルトでは、Disqusは投稿に表示され、ページには表示されません。WordPressウェブサイトの特定のページにDisqusを追加したい場合は、私が使用した簡単なハックを試すことができます。

    Wordpressのテキストエディタのページの最後にユニバーサルコードを挿入するだけです。私にはうまくいきました。

    • Disqus が WordPress のページに表示されません。投稿にのみ表示されます。ページに Disqus を表示するにはどうすればよいですか?

返信する

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