WordPressテーマのホームページにコメントを表示するのは、実際にはあなたが思っているよりも簡単です。
コメントセクションを強化したい場合は、ホームページにコメントを表示するのが良い方法です。新しい訪問者に参加を促したり、ブロガーとしての信頼性を示したりすることができます。
WordPressの素晴らしい点は、組み込み機能、プラグイン、またはカスタムコードを使用するかどうかにかかわらず、ウェブサイトをカスタマイズするためのいくつかの方法を提供していることです。ホームページにコメントを追加する方法を説明するために、すべて試しました。
このガイドでは、テーマがデフォルトでサポートしていなくても、任意のWordPressテーマのホームページにコメントを追加する方法を説明します。
ホームページにコメントを表示する理由
WPBeginnerでは、読者の皆様からのコメントを歓迎しています。コメントは、コミュニティとの関係を築き、質問に答え、コンテンツに関する貴重なフィードバックを得るための最良の方法の1つです。
コメントは強力なソーシャルプルーフです。新しい訪問者が投稿で活発な議論を見るとき、それはあなたのコンテンツが魅力的で価値があることを示します。活気のあるコメントセクションが、より多くの読者を会話に参加させることを奨励することを見てきました。
だからこそ、ホームページに最近のコメントを表示することは非常に効果的なのです。ホームページは新しい訪問者が最初に目にするものであることが多いため、そこで活発な議論を紹介することで、エンゲージメントの高いコミュニティがあることをすぐに示すことができます。
私たちの経験では、ホームページでコメントを強調表示すると、通常の読者が個々のWordPressブログ投稿を検索することなく、最新の会話に簡単に参加できるようになります。
とはいえ、コメントセクションの質を維持することが重要です。コメントを注意深くモデレートし、スパムコメントを承認しないようにしてください。これらのコメントはサイトの信頼性を損なう可能性があります。
このガイドでは、使用しているWordPressテーマに関係なく、ホームページにコメントを追加する方法を説明します。以下のクイックリンクを使用して、希望する方法に直接ジャンプできます。
方法1：最新コメントブロックを使用してホームページにコメントを表示する
WordPress には、任意のページや投稿に追加できる組み込みの最新コメントブロックがあります。
これらを使用するには3つの方法があります。サイドバーにブロックをウィジェットとして追加する、WordPressのフルサイトエディターにブロックを追加する、またはページビルダープラグインを使用してブロックを追加する、のいずれかです。
最新コメントブロックをホームページのサイドバーウィジェットとして使用する
テーマでホームページにWordPressウィジェットを追加できる場合は、最新コメントセクションをサイドバーウィジェットとして簡単に追加できます。
これに関する詳細については、WordPressサイドバーに最近のコメントを表示する方法に関するガイドに従ってください。
ただし、すべてのテーマが任意のページにウィジェットを追加することをサポートしているわけではありません。この問題が発生している場合は、WordPressフルサイトエディターまたはページビルダープラグインを使用して独自のホームページデザインを作成することをお勧めします。
フルサイトエディターで最新コメントブロックを使用する
WordPressブロックテーマを使用している場合は、フルサイトエディターを使用してホームページにコメントを表示できます。
エディタにアクセスするには、外観 » エディタに移動するだけです。
ここから、「ページ」を選択してください。
ここには、WordPressウェブサイトに存在するすべてのページが表示されます。
次に、テーマのホームページを選択します。
この場合、「ブログホーム」であり、家のアイコンで示されているように、すでにウェブサイトのフロントページとして設定されていました。
次に、そのページの横にある鉛筆の「編集」アイコンをクリックするだけです。
これにより、編集インターフェイスに移動します。
この時点で、左上にある青い「+」ボタンをクリックしてください。
このボタンをクリックすると、ページに使用できるすべてのブロックが表示されます。
検索バーに「最新コメント」と入力し始めます。
適切なブロックが表示されたら、レイアウトにドラッグアンドドロップするだけです。
このブロックを追加した後、左側のメニューの設定を使用して最新のコメントウィジェットを構成できます。
たとえば、ウィジェットが表示するWordPressコメントの数、訪問者のアバターを非表示にするなどの設定を変更できます。
コメントセクションの設定が完了したら、「保存」ボタンをクリックするだけです。WordPressウェブサイトに、ホームページに最新のコメントが表示されるようになります。
ページビルダーで最新コメントブロックを使用する
2番目の方法は、WordPressフルサイトエディターのカスタマイズオプションに満足している場合に適しています。ただし、デザインを強化したい場合は、ページビルダープラグインの使用をお勧めします。
SeedProdは市場で最高のページビルダーであり、カスタムホームページを含む完全にカスタムなWordPressテーマを簡単に作成できます。
SeedProdでホームページを作成する方法の詳細については、WordPressホームページを編集する方法に関するガイドを参照してください。
ホームページのデザインを作成した後、SeedProdの左側メニューの「ウィジェット」セクションまでスクロールしてください。
ここで、最近のコメントウィジェットを見つけて、ドラッグ＆ドロップでレイアウトに追加します。
これが完了したら、ページプレビューでウィジェットをクリックして選択します。
これで、「表示するコメント数」フィールドを使用して、ホームページに表示されるコメント数を変更できます。
最新コメントの上に表示されるオプションのタイトルを追加することもできます。
ウィジェットの設定が完了したら、「詳細設定」タブをクリックして外観を変更できます。
ここで、テキストの色、フォント、間隔などを変更できます。
CSSアニメーションを追加することで、最近のコメントに注目を集めることもできます。
変更を加えるたびに、「適用」ボタンをクリックしてライブプレビューで変更を確認できます。これにより、さまざまな設定を試して、何が最も見栄えが良いかを確認できます。
カスタムホームページの外観に満足したら、「保存」ボタンをクリックして公開する時間です。
次に、「公開」を選択します。
デザインを公開した後、WordPressにそれを新しいホームページとして使用するように指示する必要があります。
これを行うには、WordPressダッシュボードで設定 » 表示設定に移動するだけです。
ここで「ホームページの設定」までスクロールし、「固定ページ」を選択します。
ホームページ」ドロップダウンを開き、新しいホームページとして使用したいページを選択できるようになりました。
方法 2: コードを使用してホームページにコメントを表示する
ホームページに最新のコメントを表示する別の方法は、コードを使用することです。
コーディングに慣れており、カスタムテーマが最新コメントブロックまたはウィジェットをサポートしていない場合は、この方法をお勧めします。
これは最も初心者向けの簡単な方法ではないことに注意してください。サイトにコードを追加すると、一般的なWordPressのエラーなど、問題が発生する可能性もあります。
とはいえ、エラーが発生した場合に復元できるように、バックアップを作成しておくことをお勧めします。
サイトにバックアッププラグインがまだインストールされていない場合は、最高のWordPressバックアッププラグインの専門家による選択をご覧ください。
プロのヒント：テーマ内のファイルを直接編集する代わりに、子テーマを作成してからコードスニペットを追加することをお勧めします。これにより、親テーマを壊すリスクがなく、親テーマを更新しても変更が失われることはないため、より安全です。
WordPressファイルにコードを追加するのが初めての場合は、WordPressでコードスニペットをコピー＆ペーストする方法に関するガイドをご覧ください。
コメントをホームページに追加するには、index.phpファイルを編集する必要があります。このファイルにアクセスするには、FileZillaなどのFTPクライアントを使用するか、WordPressホスティングのcPanelにあるファイルマネージャーを使用できます。
FTPの使用が初めての場合は、FTPを使用してサイトに接続する方法に関する完全なガイドを参照してください。
FTPクライアント内で、wp-content/themesに移動します。
現在のテーマのフォルダを開き、index.phpファイルを見つけます。
次に、メモ帳などのテキストエディタで index.php ファイルを開きます。
その後、以下のコードスニペットをWordPressループ内に追加します。 通常、これはendwhileステートメントまたはelseステートメントの直前になります。
<?php
$withcomments = "1";
comments_template(); // Get wp-comments.php template ?>
例えば、TwentyTwenty-One テーマでは、次の画像に示すように、twenty_twenty_one_the_posts_navigation(); の後、および } else { ステートメントの前にコードスニペットを追加する必要があります。
その後、index.php ファイルを保存するだけです。これで、WordPressサイトにアクセスすると、ホームページにコメントが表示されているのがわかります。
子テーマを作成し、コードスニペットを追加してもホームページにコメントが表示されない場合は、追加のコード行を追加する必要があるかもしれません。
この場合、次のコードをテーマのindex.phpファイルにコピー＆ペーストしてください。
global $withcomments;
$withcomments = 1;
comments_template(); // Get wp-comments.php template
ボーナスヒント：コメントプラグインを使用してエンゲージメントを高める
ウェブサイトでより多くの人にコメントしてもらいたい場合は、コメントプラグインのインストールを試してみてください。これらのプラグインは、コメントのモデレーションに加えて、ウェブサイトでの会話を促進する機能も備えています。
例えば、市場で最高のコメントプラグインであるThrive Commentsをご覧ください。
このプラグインは、いいね！と 싫어요、投票とバッジを追加することで、ユーザーエンゲージメントを高めることができます。これにより、他のユーザーは最も役立つコメントに感謝の意を示すことができます。
さらに、コメントのパフォーマンスを確認することもできます。どのページが最も活発で、どのコメント投稿者が最もアクティブかを含みます。この情報は、エンゲージメントをさらに高めるためにコンテンツを最適化する方法を理解するのに役立ちます。
このチュートリアルが、WordPressのホームページにコメントを表示する方法を学ぶのに役立ったことを願っています。また、WordPressでコメントをモデレートする方法やWordPressブログでより多くのコメントを獲得する方法に関するガイドも参照することをお勧めします。
この記事が気に入った場合は、WordPressのビデオチュートリアルのために、YouTubeチャンネルを購読してください。また、TwitterやFacebookでも私たちを見つけることができます。
kzain
これは、ユーザーのアクティブなエンゲージメントを促進するウェブサイトにとって興味深いコンセプトです。
「最新のコメント」ブロックのアプローチは、ホームページにコメントを表示するための簡単な方法のように思えます。
Mrteesurez
ホームページにコメントを表示するためのこのガイドをありがとう。コードで追加していて、それを美しくしたい場合はどうなりますか？つまり、CSSコードを追加してスタイルを設定したい場合、またはコメントはテーマからスタイルを継承しますか？
WPBeginnerサポート
テンプレートはコメントの通常のスタイルを継承し、CSSを使用してさらにカスタマイズできます。
管理者
Mrteesurez
この返信をありがとう。テンプレートが私のテーマのコメントの通常のスタイルを継承するのかどうかはわかりませんが、それでもCSSコードを使用して好みに合わせてスタイルを制御することを選択します。
ルチ・ジェイン
ありがとう、とても参考になりました。
WPBeginnerサポート
Glad you found our site useful
管理者
ヴェンカテシュ
うまく機能していますが、ここでは何百ものコメントが表示されます。コメントを無効にするか、コードでコメントを削除するにはどうすればよいですか？
WPBeginnerサポート
ホームページにコメントを表示したくない場合は、コードを削除します。
管理者
スタニスラウス・オケケ
こんにちは、
コードは具体的にどこに追加すればよいですか？ index.phpですか？それともfront-page.php、あるいは他の場所ですか？
コーディングは得意ではありませんが、ファイルを見つけることはできます
WPBeginnerサポート
テーマにfront-page.phpがある場合は、静的なホームページにそのファイルを追加します
管理者
ジエ・アフマド
ありがとう、うまくいきました。
WPBeginnerサポート
Glad our article could help
管理者
スジャン
WordPressウェブサイトにコメントをアップロードする方法
WPBeginnerサポート
コメントのリストがある場合は、この記事のプラグインを使用できます：https://www.wpbeginner.com/plugins/how-to-import-post-ideas-from-csv-spreadsheet-in-wordpress/
管理者
ヌプール
よくできました
ミシェル
馬鹿げた質問かもしれませんが、PHPコーダーではありません。このテキストを配置するために編集する必要があるファイルはどれか、誰か教えていただけますか？
どうもありがとうございます。
アンドレ・ダニエル
functions.php ファイル
ピエト
とても役に立ちました！ありがとう
デブJ
このコードを正確にどこに追加すればよいかわかりません。投稿の最後にコメントボックスのコードがありますが、これをどこに配置すればよいですか？前ですか、それとも後ですか？
クリス
うまく機能します！コメントを投稿をクリックしたときに投稿ページにリダイレクトされないようにする方法はありますか？
ビッグ・トム
Disqusでこれを機能させるのに問題があった人はいますか？
ファイズ・アーメド (KUET)
とても良かったです。まさに私が求めていたものでした。ありがとうございます、ありがとうございます。
トリシャ
素晴らしいヒント（そして一般的に素晴らしいリソース）をありがとう。子テーマ（親テーマとしてGenesisを使用）の変更を作成する必要があったときに、正しい方向を示してくれました。コメントを表示するには、次のものを使用する必要がありました。
global $withcomments;
$withcomments = 1;
comments_template( ' ', true );
I hope this helps someone else spend less time on this problem than I did
クリスタル
助かりました！ありがとうございます
サイード・イムランアリ
ありがとうございます。助かりました。
ジェニー
助かりました、ありがとうございます！
ジェフ
コメントありがとうございます。この問題について素晴らしいヒントをいただきました。この投稿は3年前に公開されましたが、まだ機能しています。wpbeginnerに感謝します。
ちなみに、テーマを更新しても変更が失われないように、フックを介して子テーマのfunctions.phpに追加するのは良いアイデアです。
トリシャ
最近、子テーマでこの問題を解決しようとしていたとき、機能させるためには、上記2行の上にこの行を追加する必要がありました：
global $withcomments;
ジェラード
ありがとうございます！$withcomments = “1”; の部分がまさに必要としていたものでした。
ジョン
使用:
comments_template(“/comments.php”, true);
そうしないと、すべての投稿で最初の投稿のコメントが繰り返されるだけです。
ジョシュ
Yes!! Thanks for this additional tip, this was driving me crazy.
ジャフ
Great tip, thanks for posting about it too. I’ve noticed questions about this in the WordPress Support forums a few times with no answer given, so this will no doubt help quite a few people
ファイザン・エラヒ（BestBloggingTools）
ナイスなヒントです！
ジャウハリ
ありがとう…試してみます
Da'Scott Says Ifihadarockidbussyoheadbich
wpを始めたばかりなので、はい、必要です。ありがとう
ミッチェル・アレン
素晴らしいヒントです。ついにWordPressのコードを少し深く掘り下げ始めました。週刊アップデートを購読しました！dragonbloggerが今日あなたのブログに言及し、その後Gmailでこのツイートを見ました（@Rapportiveを使用しています）。
よろしくお願いします、
ミッチ