WPBeginner - 初心者向けWordPressチュートリアル

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

WordPressでコメント入力欄を一番下に移動する方法

編集スタッフ | | 読者開示

共有数 67 ChatGPT Perplexity X LinkedIn WhatsApp

WordPress 4.4以降、デフォルトのコメントフォームでは、コメントフィールドが名前、メール、ウェブサイトフィールドの上に表示されるようになりました。このレイアウトにより、訪問者は個人情報を最初に入力しなくても、すぐに自分の考えを共有できます。

多くのウェブサイト所有者は、ユーザーの慣れとデザインの好みのために、コメントボックスを元に戻すことを好みます。この記事では、WordPressでコメントテキストフィールドを下に移動する方法を説明します。

WordPressでコメント入力欄を一番下に移動する方法

コメントテキストフィールドを下に移動する

コメントテキストフィールドを下に移動する最も簡単な方法は、コードスニペットをサイトに追加することです。これは、サイトを壊すことなくPHPスニペットをサイトに追加できる無料のプラグインであるWPCodeを使用します。

まず、WPCodeプラグインをインストールしてアクティブ化します。詳細については、WordPressプラグインのインストール方法に関するステップバイステップガイドを参照してください。

WordPressでのWPCodeのインストール

アクティブになったら、WordPressダッシュボードのコードスニペット » + スニペットを追加に移動します。「カスタムコードを追加（新規スニペット）」にカーソルを合わせ、「+ カスタムスニペットを追加」をクリックします。

WPCodeに新しいカスタムスニペットを追加する

次の画面で、後で簡単に見つけられるように、スニペットにわかりやすいタイトルを付けます。

次に、「コードタイプ」ドロップダウンを開き、「PHP」を選択して、次のコードをエディターに貼り付けます。WordPressのコメントCookie同意チェックボックスが有効になっている場合、以下のスニペットはコメントフィールドの下に移動します。

function wpb_move_comment_field_to_bottom( $fields ) {
    // Move the comment textarea to the end.
    $comment_field = $fields['comment'];
    unset( $fields['comment'] );
    $fields['comment'] = $comment_field;

    // If the GDPR cookies consent checkbox is present, move it after the comment field.
    if ( isset( $fields['cookies'] ) ) {
        $cookies_field = $fields['cookies'];
        unset( $fields['cookies'] );
        $fields['cookies'] = $cookies_field;
    }

    return $fields;
}
add_filter( 'comment_form_fields', 'wpb_move_comment_field_to_bottom' );
WPCodeを使用してコメントテキストフィールドを一番下に移動する

コードをライブにする準備ができたら、「非アクティブ」トグルをクリックして「アクティブ」に切り替え、[スニペットを保存]をクリックします。

これで、ログアウトしたユーザーとしてサイトの投稿にアクセスして、変更が適用されていることを確認してください。

コメントテキストフィールドの変更前と変更後

ブロックテーマでも機能しますか？

はい。WordPress 7.1でTwenty Twenty-Fiveブロックテーマを使用してテストし、WPCodeを介してスニペットを適用しました。

投稿コメントフォームブロックは、サイトエディターでフィールド順序制御を提供していないため、現時点では順序を変更する唯一の方法は上記のスニペットです。

代わりにコメントプラグインを使用できますか？

すでにThrive CommentsやwpDiscuzのような専用コメントプラグインを使用している（または検討している）場合は、このスニペットは不要です。これらのプラグインは、設定を通じて独自のフィールド順序を制御します。オプションを比較したい場合は、最高のWordPressコメントプラグインに関するガイドをご覧ください。

この記事がWordPressでコメントテキストフィールドを一番下に移動するのに役立ったことを願っています。また、WordPressコメントフォームのスタイル設定方法や、コメントフォームからウェブサイトURLフィールドを削除する方法に関するガイドもご覧ください。

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

WPBeginnerで現在人気があります！

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

究極のWordPressツールキット

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

今すぐダウンロード

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

37件のコメント返信する

  7. 良いと思うのは、コメントボックスをコメントの上に移動する方法の例を提供してくれることです。現在、書き込むためにコメント全体をスクロールしなければなりませんでした。上部にコメントボックス、下部にコメントというように切り替えたいのです。スクロールする必要がなくなります。comments.phpで簡単にできることはわかっていますが、子テーマなど、より安全な方法があればなお良いです。

    返信する

  9. 私にはうまくいきません。アンダーストラップテーマを使用しています。誰か助けてもらえませんか。

    返信する

  20. 非常に厄介な問題に対する素晴らしい解決策です。WordPressでコメントフィールドの順序を並べ替えるために、これはもっと上位にランクされるべきです。実際に機能する解決策が含まれている唯一のリンクでした。

    ありがとうございます！

    ルーカス

    返信する

  21. 本当にありがとうございます。素晴らしかったです。

    2時間かけて修正しようとした後、このコードをコピー＆ペーストするのに1分かかりました。– WP 4.4.2。

    返信する

  28. このヒントをありがとう。特定のカテゴリのコメントを自動的に承認するコードを使用していましたが、最新のアップデート4.4以降、このコードは機能しません。特定のカテゴリの投稿でコメントを自動的に承認する方法を知っていますか？

    返信する

  31. 妻の旅行ブログで、コメントセクションが正常に機能していないことが指摘されてから、過去3日間、コメントセクションで苦労していました。もちろん、WordPressがその領域に影響を与える可能性のある変更を加えたことに気づいていませんでした。順序は次のようになっているようです。

    コメント > 書き込み（投稿 > 名前 > メール > キャプチャの代わりに）

    しかし、より論理的な順序は次のようになります。

    名前 > Eメール > ウェブサイトURL（現在なし） > コメント > キャプチャ > 投稿

    記事はタイムリーで評価に値しますが、提供されたコードは現在使用されているテーマ（TeslaThemes ~ Epilog）では機能しないようです。

    テーマではカスタムコードを追加する場所が提供されていますが、あなたのコードを貼り付けてもコメントフィールドの順序は何も変わりませんでした。また、ウェブサイトのURLを入力するボックスが表示されていますが、コメントエリアにはまったく表示されません。

    何が起こっているのか示唆していただけますか？また、Jetpackを使ってコメントを機能させようと試していたのですが、今ではホームページも台無しになり、白ではなくダークブラウンになっています。これがEpilogテーマから来ているのか、Jetpackから来ているのかはわかりません。

    指導があれば大変助かります。コメントの検討に関連する場合は、ポリシーによりブログのURLは伏せられていますが、提供可能です。

    ありがとうございます

    Simon

    返信する

    • サイモンさん、こんにちは。

      Epilogテーマについてはわかりませんが、ほとんどのテーマにはフロントエンド（HTML/CSSなど）にコード挿入エリアがあります。ここで入力をお願いしているコードは、機能させるためにサイト固有のプラグインまたはテーマのfunctions.phpファイルに挿入する必要があります。

      当サイトでは、スパムが多く発生するため、ウェブサイトの項目を無効にしています。

      詳細はこちらをご覧ください：https://www.wpbeginner.com/plugins/how-to-remove-website-url-field-from-wordpress-comment-form/

      返信する

      管理者

      • ヒントをありがとうございます。Functions.phpのどこにこのコードを追加すればよいかわかりませんでしたが、外観エディターを探索中にComment.phpというファイルを見つけました。コーディングのすべてを理解しているわけではありませんが、適切な場所だと思った場所にコードを配置しました。「書き込み」ボタンの場所も発見し、「コメントを投稿する」に変更しました。

        これで物事はうまくいきましたが、BestWebSoftによって作成されたキャプチャコードは除きます。あなたのコードが挿入された後の現在の順序は次のとおりです。

        名前 > Eメール > キャプチャ > メッセージ > コメントを投稿

        問題は、「タイムリミットを超過しました。CAPTCHA値を再度入力してください」というエラーメッセージが表示されることです。

        キャプチャの必要性を削除した場合、つまり

        名前 > Eメール > メッセージ > コメントを投稿

        そうすればすべてうまく機能します!!

        Captchaをコメントブロックの後に配置するために追加のコードを追加する必要がありますか、それともCaptchaの入力を不要にするべきですか？

        Captchaを削除することを推奨する場合、その欠点は何ですか？スパムボットに対してサイトを脆弱にするのですか、それともそれに対する保護メカニズムが他にありますか？

        知識を共有していただきありがとうございます

        Simon

        返信する

返信する

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

Copyright © 2009 - 2026 WPBeginner LLC. All Rights Reserved. WPBeginner® は登録商標です。

管理元：Awesome Motive | SiteGroundによるWordPressホスティング

WordPress®の商標はWordPress Foundationの知的財産です。このウェブサイトでのWordPress®の名前の使用は、識別の目的のためだけであり、WordPress Foundationによる承認を意味するものではありません。WPBeginnerはWordPress Foundationによって承認または所有されておらず、提携もしていません。

私は…について助けが必要です

人気の検索:

ブログの始め方 WordPress SEO WordPressのパフォーマンス WordPressのエラー WordPressセキュリティ オンラインストアの構築